.div_link{
	top: 0px!important;
}
.rd-navbar-static.rd-navbar--is-stuck{
	position: relative;
}
/*-------section-1--------*/
.section-1{
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 100vh;
	background: url(/images/product/Amnis-2-01_bg.jpg?v=2) no-repeat center;
	background-size: cover;
	overflow: hidden;
	text-align: center;
	padding-top: 80px;
}
.amnis2-01{
	position: relative;
	width: 100%;
	height: calc(100vh - 80px);
}
.amnis2-02{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50%;
	width: 22.22vw;
	transition: all 0.5s;
}
.amnis2-03{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50%;
	width: 20.7vw;
	transition: all 0.5s;
}
.amnis2-04{
	position: absolute;
	text-align: center;
	top: 50%;
    transform: translateY(-130%);
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.amnis2-04 img{
	margin: 0 auto;
	width: 23vw;
}
.amnis2-04 p{
	font-size: 2.2vw;
	padding-top: 20px;
	color: #535353;
	line-height: 1.2;
}
@media screen and (max-aspect-ratio: 1/1) {
	.section-1{
	background: url(/wp-content/uploads/2013/09/Amnis-2-01_bg_m.jpg) no-repeat 60%;
		background-size: cover;
}
	.amnis2-02{
		width:35%; 
	}
	.amnis2-03{
		width:32.65%; 
	}
	.amnis2-04{
		top: 10%;
		transform: translateY(0);
	}
	.amnis2-04 img {
		width: 60vw;
	}
	.amnis2-04 p {
    	font-size: 6.2vw;
		padding-top: 15px;
	}
}
/*-------section-2--------*/
.products-color-params-content {
	position: relative;
	background-color: #fafafa;
	width: 100%;
	height: 100vh;
	overflow: hidden
}
.products-color-params-content .product-details-wrapper{
	position: relative;
	height: 100vh;
}
.products-color-params-content .product-details {
	position: relative
}
.products-color-params-content .round-product-color {
	position: absolute;
	right: 0;
	width: 100%
}
.products-color-params-content .round-product-color-content {
	position: relative;
	width: 100%;
	height: 100vh;
}
.products-color-params-content .option {
	display: inline-block;
	cursor: pointer;
	width: 19%;
	text-align: center;
	float: left;
}
.products-color-params-content .option .name {
	color: #333;
	opacity: 0
}
.products-color-params-content .option .color-circle{
	margin: auto;
}
.products-color-params-content .option.active .name {
	opacity: 1
}
.products-color-params-content .options-name {
	opacity: 0;
	transition: 0.5s all;
}
.products-color-params-content .option.active .options-name{
	opacity: 1;
}
.products-color-params-content [data-color=rainbow] .inner-circle {
	background: linear-gradient(to right,#7360ae,#d9a0ed);
}
.products-color-params-content [data-color=red] .inner-circle {
	background-color: #952b2b;
}
.products-color-params-content [data-color=green] .inner-circle {
	background-color: #147b77;
}
.products-color-params-content [data-color=black] .inner-circle {
	background-color: #000;
}
.products-color-params-content [data-color=silver] .inner-circle {
	background-color: #c1c5c8;
}
.products-color-params-content .option[data-color=rainbow].active .color-circle {
	background: #fff;
    border-color: #9a76c7;
}
.products-color-params-content .option[data-color=red].active .color-circle {
	background: #fff;
    border-color: #952b2b;
}
.products-color-params-content .option[data-color=green].active .color-circle {
	background: #fff;
    border-color: #147b77;
}
.products-color-params-content .option[data-color=black].active .color-circle {
	background: #fff;
    border-color: #000;
}
.products-color-params-content .option[data-color=silver].active .color-circle {
	background: #fff;
    border-color: #c1c5c8;
}
.products-color-params-content .title {
	color: #333;
	margin: 0;
}
.products-color-params-content .description {
	font-size: 16px;
	line-height: 1.3;
	color: #808080;
	margin-top: 20px;
}
.products-color-params-content .round-sector-content {
	position: absolute;
	z-index: 3;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: 1s transform;
}
.products-color-params-content .round-sector-content.switchFirst {
	z-index: 5;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.products-color-params-content .round-sector-content.switchSecond {
	z-index: 4;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.products-color-params-content .sector-silver {
	background-color: #c1c5c8;
}
.products-color-params-content .sector-black {
	background-color: #000;
}
.products-color-params-content .sector-green {
	background-color: #147b77;
}
.products-color-params-content .sector-red {
	background-color: #952b2b;
}
.products-color-params-content .sector-rainbow {
	background: linear-gradient(to right,#7360ae,#d9a0ed);
}
.products-color-params-content .product-color-img-wrapper {
	position: absolute;
	top: 55%;
	left: 15px;
	transform: translateY(-50%);
	z-index: 6;
}
.products-color-params-content .product-color-img-wrapper .color-img-wrapper-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}
.products-color-params-content .product-color-img-wrapper .color-img-wrapper-content .img-wrapper-content {
	overflow: hidden
}
.products-color-params-content .color-img-wrapper-content.showFirst {
	z-index: 8
}
.products-color-params-content .color-img-wrapper-content.showSecond {
	z-index: 7
}
.products-color-params-content .round-sector-content {
	left: 0;
	width: 45vw;
	height: 90vw;
	border-radius: 45vw 0 0 45vw
}
.products-color-params-content .options .color-circle {
	width: 30px;
    height: 30px;
    padding: 2px;
    border-radius: 100%;
    border: solid 2px transparent;
}
.products-color-params-content .options .color-circle .inner-circle {
	width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 100%;
}
@media screen and (max-width:991px) {
.products-color-params-content .Amnis2-color-switch-content {
	width: 50vw;
	position: relative;
	z-index: 10
}
.products-color-params-content .select {
	position: absolute;
	bottom: 15%;
	right: 48%;
}
.products-color-params-content #second {
	margin: 0 5vw
}
.products-color-params-content .options-name {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	margin-top: 10px;
}
.products-color-params-content .color-circle {
	position: relative;
	width: 8vw;
	height: 8vw;
	border-radius: 100%
}
.products-color-params-content .product-color-img-wrapper {
	width: 80vw;
	max-width: 80vw;
	height: 21.038vw
}
.products-color-params-content .product-color-img-wrapper img {
	width: 80vw;
	max-width: 80vw!important;
	height: auto
}
.products-color-params-content .round-sector-wrapper {
	position: absolute;
	right:0;
	top:55%;
	transform:translateY(-50%);
	width: 45vw;
	height: 90vw
}
.products-color-params-content .title {
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
	padding-top: 10vh;
}
.products-color-params-content .product-details-wrapper .description {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 10px;
}
.products-color-params-content .options {
	text-align: center;
    display: inline-block;
	width: 260px;
}
.products-color-params-content .options .color-circle {
	width: 25px;
    height: 25px;
    padding: 1.5px;
    border-radius: 100%;
    border: solid 1.5px transparent;
}
}
@media screen and (max-width:767px) {
.products-color-params-content .options {
	width: 260px;
}
.products-color-params-content .options .color-circle {
	width: 26px;
    height: 26px;
    padding: 2px;
    border-radius: 100%;
    border: solid 2px transparent;
}
.products-color-params-content .Amnis2-color-switch-content{
	width: 80vw;
}
	.products-color-params-content .round-sector-wrapper{
		top: 55%;
	}
	.products-color-params-content .product-color-img-wrapper{
		top: 55%;
	}
	.products-color-params-content .select{
		bottom: 15%;
		right:auto;
	}
}
@media screen and (min-width:992px) {
.products-color-params-content,.products-color-params-content .round-product-color-content {
	min-height: 700px
}
.products-color-params-content .title {
	font-size: 32px;
	line-height: 1.1;
	margin: 0;
	padding-top: 10vh;
}
.products-color-params-content .imagination-clear-bottom, .products-color-params-content .imagination-clear-top, .products-color-params-content .imagination-details-angle, .products-color-params-content .imagination-details-portrait, .products-color-params-content .imagination-details-telephoto {
	font-size: 18px;
	line-height: 32px
}
.products-color-params-content .imagination-angle-bottom, .products-color-params-content .imagination-clear-bottom, .products-color-params-content .imagination-portrait-bottom, .products-color-params-content .imagination-telephoto-bottom {
	color: #666
}
.products-color-params-content .Amnis2-color-switch-content {
	width: 50%
}
.products-color-params-content .options {
	text-align: center;
	display: inline-block;
	width: 360px;
}
.products-color-params-content .options .options-name {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	color: #808080;
	margin-top: 10px
}
.products-color-params-content .round-sector-wrapper {
	position: absolute;
	right: 0;
	top:55%;
	transform:translateY(-50%);
	width: 45vw;
	height: 90vw
}
.products-color-params-content .product-color-img-wrapper {
	width: 860px!important;
	height: 226px
}
.products-color-params-content .select {
	position: absolute;
	right: 50%;
	top: calc(55vh + 200px);
}
.products-color-params-content .product-color-img-wrapper img {
	width: 860px;
	max-width: 860px!important;
	height: auto
}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.products-color-params-content .title{
		font-size: 28px;
	}
}
@media screen and (min-width:1920px) {
/*.products-color-params-content .select {
	top: calc(50vh + 180px);
}
.products-color-params-content .product-color-img-wrapper {
	width: 1156px!important;
	height: 304px
}
.products-color-params-content .product-color-img-wrapper img {
	width: 1156px;
	max-width: 1156px!important;
	height: auto
}*/
.products-color-params-content .title {
	font-size: 40px;
	line-height: 1.1;
	margin-top: 0;
	padding-top: 10vh;
}
.products-color-params-content .Amnis2-pc-animate-show {
	width: 100%;
	height: 388px;
	position: relative
}
.products-color-params-content .reno-options {
	top: calc(60vw + 290px)
}
/*.products-color-params-content .product-details-wrapper {
	width: 1400px;
	margin: auto
}*/
.products-color-params-content .round-sector-wrapper {
	position: absolute;
	right:0;
	top:55%;
	transform:translateY(-50%);
	width: 45vw;
	height: 90vw;
}
.products-color-params-content .round-sector-wrapper .round-sector-content {
	width: 45vw;
	height: 90vw;
	border-radius: 45vw 0 0 45vw
}
.products-color-params-content .product-color-img-wrapper .img-wrapper-content {
	overflow: hidden
}
}
@media screen and (max-width: 991px){
.div_link {
    top: 50px!important;
}
}


/*-------section-4-------*/
.section-4{
	width: 100%;
	padding: 10% 0 0;
	background: linear-gradient(to bottom,#e2dbff,#fff);
}
.section-4-02{
	display: inline-block;
    position: relative;
	width:80%;
}
.section-4-04{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	visibility: visible;
    -webkit-transform: translateX(40px) scale(0.5);
    opacity: 0;
    transform: translateX(40px) scale(0.5);
    -webkit-transition: -webkit-transform 0.5s ease-out 0s, opacity 0.5s ease-out 0s;
    transition: transform 0.5s ease-out 0s, opacity 0.5s ease-out 0s;
}
.section-4.active .section-4-04{
	    visibility: visible;
    -webkit-transform: translateX(0) scale(1);
    opacity: 1;
    transform: translateX(0) scale(1);
    -webkit-transition: -webkit-transform 0.5s ease-out 0.3s, opacity 0.5s ease-out 0.3s;
    transition: transform 0.5s ease-out 0.3s, opacity 0.5s ease-out 0.3s;
}
.section-4-01{
	padding-top:18%;
	padding-bottom:8%;
	
}
 @media(max-width: 768px){	
	 .section-4-02{
		 width:50%;
		 display: block;
		 margin:0 auto;
	 } 
}

/*-------section-4-------*/
.hdr-img,
	.page-title {
		display: none;
	}
   html ,body,td,th {
	   font-family: "Open Sans", "Lucida Grande", Arial, sans-serif, MyriadSetPro;
	   font-size: 14px;
	   line-height: 1.4;
	   text-align:left;
    }  

   @font-face {
	    font-family: 'MyriadSetPro';
	    src: url('/fonts/MyriadSetPro-Thin.ttf');
   }
	.m_title {
		font-size:2.5rem;
		color: #333333;
		display: inline-block;
	}
   .m_title2 {
		font-size: 1.6rem;
	   	color: #333333;
		padding-top: 2%;
		
	}
	.m_font {
		font-size: 1.2rem;
		color: #808080;
		display: inline-block;
		padding-top: 2%;
	}

    .invoke-04 {
		width: 40%;
		position: absolute;
		left:15%;
		z-index: 2;
		padding:0 15px;
		margin:0;
	}
	 .greta{
		padding-top:13%;
		}
 .greta1{
		padding-top:26%;
		}
     .gt-coil{
	   padding:0 14% 10% 14%;	 
	text-align: center;
      }
    .col-lgs-2{
		width:20%;
	 }
   .section-7 ul li{
	   text-align:left;
    }
	.easyr{
	    padding-top: 36%;
	}

	.tank {
		width: 400px;
		height: 200px;
		position: absolute;
		top: 29%;
		left: 20%;
		font-size: 38px;
		line-height: 54px;
		text-align: left;
	}

	.two-c {
		width: 66vw;
		margin-left: 17vw;
	}

	.div-right {
		position: absolute;
		width: 20vw;
		left: 60%;
		top: -4vw;
		transform: translateX(-7vw);
	}

	.div-left {
		width: 20vw;
		position: relative;
		margin-left: 18vw;
		padding-left: 0;
	}

	.left-txt {
		position: absolute;
		width: 8.5vw;
		top: 6vw;
		left: -2vw;
	}

	.left-txt h3,
	.right-txt h3 {
		font-size: 2vw;
		margin: 0;
	}

	.left-img,.right-img {
		width: 20vw;
	}

	.two-c h2 {
	    font-size: 2.2vw;
		margin: 0;
	}

	.top-txt {
		width: 38.48vw;
		height: 12.8vw;
	}

	.top-txt p {
		padding: 2vw 7vw 0 0;
	}

	.right-txt {
		position: absolute;
		width: 12vw;
		top: 16vw;
		left: 8vw;
	}

	
	@media (max-width: 489px) {
		.invoke-07 {
			width: 100%;
			padding:0 3% 100% 2%;
		}
		.left-txt h3, .right-txt h3{	
			font-size:20px;
			margin:0;	
		}
		
		.right-txt{
			position:absolute;
			width:100px;
			top:50%;
			left:80%;
		}
		.left-txt{
			position:absolute;
			width:50px;
			top:15%;
			left:0;
		}
		
		
		.left-img, .right-img{
			width:100%;
		}
		
		.div-left, .div-right{
			width:60%;
			position: relative;
			padding-left:20px;
			transform: none;
		}
		.div-right{
			left:10%;
			top:0;
			transform: translate(0px, -50px)
			
		}
		.two-c{
			width:100%;
			margin-left:0;
			padding:0 15px;
			padding-bottom:0 !important;
		}
		.two-c h2{
			font-size:24px;
			margin:0;
		}
		.top-txt{
			width:100%;
			height:auto;
			margin-bottom:20px;
		}
				
	    .easyr{
	        padding-top: 10%;
	}
	}

 @media(max-width: 768px){	 
	 .m_title {
		font-size:1.3rem;
		 line-height:1.3;
	}
    .m_title2 {
		font-size: 1.2rem;

	}
	.m_font{
		font-size: 1rem;
		line-height:1.4;
	}
	.invoke-04 {
		position: relative;
		width: 100%;
	    left:0;
    }
	 .gt-coil{
	   padding:0 5% 10% 5%;	
	   text-align: left;
      }
     .col-lgs-2{
		width: 33.33%;
	 }
	 .col-lgs-2 span{
		 height:50px;
		 font-size: 11px;
	 }
	 .greta {
		padding-top: 3%;
	}
	.m_title2 {
		font-size: 0.9rem;
	}
	.invoke-07 {
		width: 70%;
		padding:0 3% 10% 6%;
		margin-left: 0%;	
	}


	.ef-left {
		text-align: left;
		left: 8%;
		top: 45%;
		position: absolute;
		}

	.ef-right {
		text-align: left;
		left: 63%;
		top: 64%;
		position: absolute
		}
	 .two-c{
		width: 100%;
        margin-left: 0;
        padding: 0 15px;
        padding-bottom: 0 !important;
	 }
	.top-txt{
		width:100%;!important
		height:auto;
		margin-bottom:20px;
		}
}
@media (min-width: 768px) and (max-width: 991px){
	     .m_title {
		    font-size:2rem;
	    }
         .m_title {
		    font-size:1.4rem;
	    }
	    .invoke-04 {
			position: relative;
			width: 80%;
		    left:10%;
		}

		.invoke-07 {
			padding-top: 0%;
			padding-bottom: 10%;
			margin-left: 0%;
			width: 70%;
			padding-left: 6%;
			padding-right: 3%;
		}

	    .ef-left {
		   text-align: left;
		   left: 8%;
		   top: 45%;
		   position: absolute;
		}

	   .ef-right {
		   text-align: left;
		   left: 63%;
		   top: 64%;
		   position: absolute
		}
	 	.col-sm-push-6{
		   left:50%
	    }
	    .col-sm-pull-6{
		   right:50%
	}
}

	@media (min-width: 992px) and (max-width: 1199px){
	     .m_title {
		    font-size:2.2rem;
	    }
         .m_title2 {
		   font-size: 1.4rem;
	    }

		 .invoke-04 {
			position: relative;
			width:70%;
		}

	   
	   .section-7 .invoke-04 {
		   width: 60% !important;
		}
		.ef-left {
			text-align: left;
			padding-left: 14%;
			top: 0%;
			position: absolute;
			z-index: 3;
		}
		.ef-right {
			text-align: left;
			right: 0%;
			padding-top: 33%;
			position: absolute;
			z-index: 3;
		}
	}

 @media (min-width: 1200px){  
       }


/*chaijie start*/
.div_exceed_x09{
	display: block;	
}
.div_exceed_x09_m{
	display: none;}

@media (max-width:768px){
  .div_exceed_x09_m .m_title{
  margin-bottom:15px!important
  }
.div_exceed_x09_m{
	display: block;	
	
}
.div_exceed_x09{
	display: none;	
}	
}

.fath{
    width: 52%;
    margin: auto;
    position: relative;
   }
   .col-pic{
    position: absolute;
   }
   .col-pic-1{
    top: 11%;
    left: 86.5%;
   }
   .col-pic-2{
    top: 28%;
    left: 81.5%;
   }
   .col-pic-3{
    top: 64%;
    left: 60%;
   }
   .col-pic-4{
    top: 35%;
    left: 85%;
   }
   .col-pic-5{
    top: 50.5%;
    left: 69%;
   }
   .col-pic-6{
    top: 76%;
    left: 55%;
   }
   .col-pic-7{
    top: 85%;
    left: 53.5%;
   }
   .col-pic-8{
    top: 18%;
    left: 21%;
   }
   .col-pic-9{
    top: 15%;
    left: 23%;
   }
   .col-pic-10{
    top: 29.5%;
    left: 23%;
   }
  .col-pic-11{
    top: 34.5%;
    left: 33%;
   }
   .col-pic p{
    width: 20vw;
    font-size: 1.2rem;
    color: #333;
    line-height: 32px;
    position: absolute;
    top: -5px;
    margin: 0;
    display: none;
   }
   .col-pic-1 p, .col-pic-2 p, .col-pic-3 p{
    left: 102px;
    text-align: left;
   }
   .col-pic-4 p, .col-pic-5 p, .col-pic-6 p, .col-pic-7 p{
    left: 102px;
   }
   .col-pic-8 p{
    right: 108px;
    text-align: right;
   }
   .col-pic-9 p{
    right: 128px;
    text-align: right;
   }
   .col-pic-10 p{
    right: 180px;
    text-align: right;
   }
   .col-pic-11 p{
	left: 98px;
	line-height:1rem;
}
  .line{
    width: 40px;
    background: #01e9db;
    margin-top: -50%;
    margin-left: 200%;
    transform: translateX(-2px);
    height: 1px;
	  position: absolute;
	display:none;
	}   
.line2{
	width:100px;
	text-align:right;
	right:60px;
	
}
.line3{
	width:40px;
	text-align:right;
	right:60px;
	
}
  .line .line2{
    width: 40px;
    background: #01e9db;
    margin-top: -50%;
    margin-left: 200%;
    transform: translateX(-2px);
    height: 1px;
	   position: absolute;
	display:none;
	}   
   .col-pic .img{
    width: 22px;
    height: 22px;
    background: #01e9db;
    border-radius: 50%;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: auto;
    cursor: pointer;
    z-index: 2;
   }
   .col-pic .img:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 22px;
    height: 22px;
    margin: -11px auto auto -11px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    background-color: inherit;
    opacity: 1;
   z-index:1;
    pointer-events: none;
    -webkit-animation: pulsate 2s cubic-bezier(.2,1,.2,1) infinite;
    animation: pulsate 2s cubic-bezier(.2,1,.2,1) infinite;
}
@-webkit-keyframes pulsate{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}
@keyframes pulsate{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}
   
   .col-pic .img:hover{
    box-shadow: 0 0 0 8px rgba(190,221,249,.5);   
   }
   @media only screen and (max-width: 1200px) {
    .fath{
     width: 70%;
    }
  
   }

/* chaijie end*/


/* zhuyestat*/
	.hidden-img-zy {
		display: none;
	}
	.hidden-img-zy1 {
		display: none;
	}
   #trigger_zy {
		position: relative;
	}
  #trigger_zy1 {
		position: relative;
	}
	#restart-btn {
		position: absolute;
		content: "\f04b";
		font: normal normal normal 30px/1 FontAwesome;
		color: #28995f;
		right: 18%;
		bottom: 10%;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		border: solid 2px #28995f;
	}
	#restart-btn::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 20px solid #28995f;
		margin-top: 12px;
		margin-left: 5px;
	}
#restart-btn1 {
		position: absolute;
		content: "\f04b";
		font: normal normal normal 30px/1 FontAwesome;
		color: #28995f;
		right: 30%;
		bottom: 30%;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		border: solid 2px #28995f;
	}
	#restart-btn1::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 20px solid #28995f;
		margin-top: 12px;
		margin-left: 5px;
	}


/* zhuye end*/
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("/images/next.svg");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("/images/pre.svg");
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    background: #01e9db;
}