.section1{ background-image:url(/bundles/frontend/images/section1.jpg); background-size:100% auto;  background-repeat:no-repeat; background-position:bottom center;}
.section2{ background-color:#f2f2f2; }
.section9{ display:none;}
.header{ top:0px;}
.header_menu{ position:fixed; top:40px; right:46px; z-index:999999; width:25px;display:none;}
.header_menu1{ position:fixed; top:40px; right:46px; z-index:999999; width:25px;}
.header_menu img,.header_menu1 img{ width:100%;}
.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:170px !important; overflow:hidden; }
.section_foot{position:relative;}
#fp-nav{ display:none;}
#fp-nav1 ul li:last-child { display: none;}
.sec_step2{ display:none;}
.mobile{ display:none;}
.section{ width:100%; height:100%; overflow:hidden; position:relative; font-family:'yueroudgo1',"Ã÷ºÚ","Microsoft YaHei";background-color:#f8f8f8;}
.section .mobile{ width:100%; height:100%;}
.fp-tableCell{ position:relative; top:0; left:0;width:1200px; margin:0 auto;}
.section1 .fp-tableCell,.section2 .fp-tableCell,.section3 .fp-tableCell,.section4 .fp-tableCell,.section7 .fp-tableCell,.section9 .fp-tableCell,.section_foot .fp-tableCell{ position:relative; top:0; left:0;width:100%; margin:0 auto;}
.section1 .fp-tableCell .section1_inner,.section3 .fp-tableCell .section3_inner,.section4 .fp-tableCell .section4_inner,.section9 .fp-tableCell .section9_inner{position:relative; top:0; left:0;width:1200px; margin:0 auto; height:100%;}
#fp-nav1 ul li:nth-child(9){ height:10px;}
/*#fp-nav1 ul li:nth-child(2){ height:10px;}*/
#fp-nav1 ul li.cur:nth-child(2){ height:22px;}
#fp-nav1 .tip{ background:url(/bundles/frontend/images/tip.png) no-repeat right top; padding-top:48px; width:100%; margin-top:20px; position:relative; right:-10px;  }
#fp-nav1 .tip i{ display:block; width:250px; height:36px; background:url(/bundles/frontend/images/tip.gif) no-repeat right; position:absolute; top:90px; right:5px;}
.buy{ width:290px; height:50px; position:fixed; bottom:40px; left:50%; margin-left:-145px; z-index:99999999;   font-size:20px; line-height:50px; text-align:center;}
.buy a{ display:block; width:290px; height:50px;color:#fff; position:relative;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; letter-spacing:0.5px;border-radius:25px;background:#262626; }
.buy a:hover{ background:#686868;}
.buy a img{ position:absolute; right:30px; top:21px;transition: .30s linear; -moz-transition:.30s linear; -webkit-transition:.30s linear; }
.buy a:hover img{ right:20px;}
/* section1 */
.section1 .pc img.sec1_1{ display:none;position: absolute; top:90px; left:60%; margin-left:-263px; width: 526px; height: 44px; transition: all 1s; opacity:0; z-index:10}
.active.section1 .pc img.sec1_1{ left:50%;opacity:1; transition-delay: 0.7s;}
.section1 .pc img.sec1_2{ display:none;position: absolute;top:150px; left:40%; margin-left:-263px;  width: 526px; height: 44px; transition: all 1s; opacity:0; z-index:10}
.active.section1 .pc img.sec1_2{ left:50%; opacity:1; transition-delay: 0.7s;}
.section1 .pc .sec1_3{ display:none; position: absolute; top: 0; left:0; width:100%; height:100%; transition: all 1s; opacity:0; z-index:9;background-image:url(/bundles/frontend/images/section1_pc1.png); background-size:100% auto;  background-repeat:no-repeat; background-position:bottom center;}
.active.section1 .pc .sec1_3{ opacity:1; transition-delay: 0.7s; }
.section1 .pc img.sec1_1_1{ position: absolute; top:90px; left:50%; margin-left:-263px; width: 526px; height: 44px; z-index:10;
	-webkit-animation: 	appearFromRL1 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL1 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL1 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL1 2000ms ease 1000ms both;
	animation: 			appearFromRL1 2000ms ease 1000ms both;}
.section1 .pc img.sec1_2_1{ position: absolute;top:150px; left:50%; margin-left:-263px;  width: 526px; height: 44px; z-index:10;
	-webkit-animation: 	appearFromRL2 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL2 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL2 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL2 2000ms ease 1000ms both;
	animation: 			appearFromRL2 2000ms ease 1000ms both;
	}
.section1 .pc .sec1_3_1{ position: absolute; top: 0; left:0; width:100%; height: 100%; transition: all 1s; opacity:0; z-index:9;background-image:url(/bundles/frontend/images/section1_pc1.png); background-size:100% auto; background-position:bottom center; background-repeat:no-repeat; 
		-webkit-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL3 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL3 2000ms ease 1000ms both;
	animation: 			appearFromRL3 2000ms ease 1000ms both;}
/* section2 */
.section2 .pc .section_tet{ position: absolute; top:50%;left:50%; margin-top:-77.5px; margin-left:-700px; padding-left:80px; width: 1200px; height:155px; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec2_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section2 .pc .active1 .section_tet{ margin-left:-600px;opacity:1; transition-delay: 0.7s;}
.pc .section_tet h1{ font-size:36px; font-weight:normal; line-height:36px; color:#7e5548;padding-bottom:12px; }
.pc .section_tet h2{ font-size:20px; font-weight:normal; line-height:20px;padding-bottom:10px;}
.pc .section_tet h3{ font-size:14px; font-weight:lighter; line-height:14px;}
.pc .section_tet p{font-size:14px;  line-height:24px; padding-top:5px;}
.pc .section_tet p.zlh{ padding-top:20px;}
.section_tet .sec2_btn{ padding-top:20px; width:160px; height:40px; line-height:40px; text-align:center;}
.section_tet .sec2_btn a{ width:160px; height:40px; display:block; color:#fff;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; background:#cab9b3; font-size:14px; border-radius:25px; }
.section_tet .sec2_btn a:hover{ background:#7e5548;}
.section_tet .sec2_btn a span{padding-left:2px; display:inline-block;
	-webkit-animation: 	appearFromRL4 1s ease-in-out  infinite;
	-moz-animation: 	appearFromRL4 1s ease-in-out  infinite;
	-ms-animation: 		appearFromRL4 1s ease-in-out  infinite;
	-o-animation: 		appearFromRL4 1s ease-in-out infinite;
	animation: 			appearFromRL4 1s ease-in-out  infinite;
	}
.section2 .pc .section_tet1{ position: absolute; top:150px;left:50%;margin-left:-600px;  width: 1200px; height:155px; z-index:11;  color:#010101;text-align:center; }
.pc .section_tet1 h1{ margin-left:-200px;font-size:36px; font-weight:normal; line-height:36px; color:#7e5548;padding-bottom:10px; transition: all 1s; opacity:0; }
.active .pc .active1 .section_tet1 h1{ margin-left:0;opacity:1; transition-delay: 0.7s;}
.pc .section_tet1 h2{ margin-left:200px;width:100%;font-size:20px; font-weight:normal; line-height:20px;padding-bottom:10px;transition: all 1s; opacity:0; }
.active .pc .active1 .section_tet1 h2{margin-left:0;opacity:1; transition-delay: 0.7s;}
.pc .section_tet1 h3{ font-size:14px; font-weight:lighter; line-height:14px;transition: all 1s; opacity:0;}
.active .pc .active1 .section_tet1 h3{opacity:1; transition-delay: 1.5s;}
.section_tet1 .sec2_btn{ position:absolute; left:800px; top:0; width:82px; height:82px; line-height:82px; text-align:center; transition: all 1s; opacity:0; }
.active.section2 .pc .active1 .section_tet1 .sec2_btn{opacity:1; transition-delay: 1s;}
.section_tet1 .sec2_btn a{ width:82px; height:82px; display:block; color:#fff;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; background:#cab9b3; font-size:14px; border-radius:50px; }
.section_tet1 .sec2_btn a:hover{ background:#7e5548;}
.section_tet1 .sec2_btn a span{padding-right:2px; display:inline-block;
	-webkit-animation: 	appearFromRL5 1s ease-in-out  infinite;
	-moz-animation: 	appearFromRL5 1s ease-in-out  infinite;
	-ms-animation: 		appearFromRL5 1s ease-in-out  infinite;
	-o-animation: 		appearFromRL5 1s ease-in-out infinite;
	animation: 			appearFromRL5 1s ease-in-out  infinite;
	}
.section2 .pc img.sec2_4{ position: absolute; right:-200px; bottom:100px; width:auto; height:100%; transition: all 1.5s; opacity:0; z-index:10;}
.active.section2 .pc .active1 img.sec2_4{  right:0; bottom:0;opacity:1; transition-delay: 1s; }
.section2 .pc img.sec2_5{position: absolute; right:0; bottom:0; width:auto; height:100%; transition: all 1.5s; opacity:0; z-index:9;}
.active.section2 .pc .active1 img.sec2_5{ opacity:1; transition-delay: 2.5s; }
.section2 .pc img.sec2_6{ position: absolute; right:0; bottom:0; width:auto; height:100%; transition: all 1s; opacity:0; z-index:8;}
.active.section2 .pc .active1 img.sec2_6{  opacity:1; transition-delay: 2.7s; }
.section2 .pc img.sec2_7{ position: absolute; right:0; bottom:0; width:auto; height:100%; transition: all 1s; opacity:0; z-index:8;}
.active.section2 .pc .active1 img.sec2_7{  opacity:1; transition-delay: 2.9s; }
.section2 .pc img.sec2_8{ position: absolute;left:50%; bottom:40px;margin-left:-400px; width:800px; height:auto; transition: all 1s; opacity:0; z-index:5;}
.active.section2 .pc .active1 img.sec2_8{  opacity:1; transition-delay: 1s; }
.section2 .pc img.sec2_9{ position: absolute;left:50%;bottom:40px;margin-left:-400px; width:800px; height:auto; z-index:7; transition: all 1s; opacity:0; }
.active.section2 .pc .active1 img.sec2_9{  opacity:1; transition-delay: 1.5s; }
/* section3 */
.section3 .pc .section_tet{ position: absolute; top:600px;right:50%; margin-right:-700px; padding-left:80px; width: 550px; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec3_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section3 .pc .section_tet{ margin-right:-600px;opacity:1; transition-delay: 1.2s;}
.section3 .pc img.sec3_1{ position: absolute; right:-400px; top:400px;width:1392px; height:502px; transition: all 1s; opacity:0; z-index:10;}
.active.section3 .pc img.sec3_1{  right:-200px; top:250px;opacity:1; transition-delay: 0.5s; }
.section3 .pc img.sec3_2{position: absolute; right:720px; top:360px; width:80px; height:121px; transition: all 1s; opacity:0; z-index:11;}
.active.section3 .pc img.sec3_2{ opacity:1; transition-delay: 2s; }
.section3 .pc img.sec3_3{ position: absolute; right:630px; top:360px;width:80px; height:121px; transition: all 1s; opacity:0; z-index:11;}
.active.section3 .pc img.sec3_3{  opacity:1; transition-delay: 2.5s; }
.section3 .pc img.sec3_2_1{ display:none;position: absolute; right:720px; top:360px; width:80px; height:121px;z-index:12;}
.section3 .pc img.sec3_3_1{ display:none;position: absolute; right:630px; top:360px;width:80px; height:121px; z-index:12;}
.scale{position:relative; left:50%; margin-left:-600px; top:150px; width:329px; height:256px; display:none; z-index:12;}
.scale img{ position:absolute; top:0; left:0; width:100%; height:auto;}
.angle img,.scale_tit img{ display:none;}
.angle img.active1,.scale_tit img.active1{ display:block;}
.temperature{ color:#835c50; font-size:46px; padding-left:142px; line-height:256px; height:256px; font-weight:lighter;}
.scale_step{position:absolute; left:50%; margin-left:-600px; top:150px;width:507px; height:286px; z-index:999;}
.scale_step img{ position:absolute; top:0; left:0; width:100%; height:auto; display:none;}
active.section3  .scale{ display:none;}
/* section4 */
.section4 .section4_bg{ z-index:1; position: absolute; top:0; left:0; width: 100%; height:100%;}
.section4 .pc .section_tet{ position: absolute; top:0px;left:200px;padding-left:80px; width: 1200px; height:155px; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec4_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section4 .pc .section_tet{ top:100px;opacity:1; transition-delay: 0.5s;}
.section4 .pc .sec4_img{ position: absolute; bottom:0; left:0; width:1200px; height:808px;}
.section4 .pc .sec4_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;}
.section4 .pc img.sec4_1{transition: all 1s; opacity:0; z-index:10;}
.active.section4 .pc img.sec4_1{ opacity:1; transition-delay: 1.5s; }
.section4 .pc .sec4_img img.sec4_2{bottom:-200px; transition: all 1s; opacity:0; z-index:12;}
.active.section4 .pc .sec4_img img.sec4_2{ bottom:0;  opacity:1; transition-delay: 0.7s; }
.section4 .pc img.sec4_3{transition: all 1s; opacity:0; z-index:11;}
.active.section4 .pc img.sec4_3{  opacity:1; transition-delay: 2s; }
.active.section4 .pc img.sec4_4{z-index:13;opacity:0;
	animation:appearFromRL3 1000ms infinite;
  -webkit-animation:appearFromRL3 1000ms infinite;animation-delay:2.5s;-moz-animation-delay: 2.5s /* Firefox */;-webkit-animation-delay: 2.5s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;	}
/* section5 */
.section5 .pc .section_tet{ position: absolute; top:200px;right:-100px;padding-left:80px; width:520px; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec5_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section5 .pc .section_tet{ top:400px;opacity:1; transition-delay: 0.5s;}
.section5 .pc .sec5_img{ position: absolute; bottom:100px; left:0; width:668px; height:748px;}
.section5 .pc .sec5_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;}
.section5 .pc img.sec5_1{bottom:-200px;transition: all 1s; opacity:0; z-index:10;}
.active.section5 .pc img.sec5_1{ bottom:0; opacity:1; transition-delay: 0.5s; }
.section5 .pc .sec5_img img.sec5_2{bottom:-30px; left:-30px; transition: all 1s; opacity:0; z-index:12;}
.active.section5 .pc .sec5_img img.sec5_2{ bottom:0; left:0;  opacity:1; transition-delay: 1.5s; }
.section5 .pc .sec5_img img.sec5_2_1{transition: all 1s; opacity:0; z-index:13;}
.active.section5 .pc .sec5_img img.sec5_2_1{ opacity:1; transition-delay: 2.5s; }
.section5 .pc .sec5_img img.sec5_2_2{transition: all 1s; opacity:0; z-index:13;}
.active.section5 .pc .sec5_img img.sec5_2_2{  opacity:1; transition-delay: 2.5s; }
.section5 .pc img.sec5_3{transition: all 1s; opacity:0; z-index:11;}
.active.section5 .pc img.sec5_3{  opacity:1; transition-delay: 1.5s; }
.active.section5 .pc img.sec5_4{z-index:13;opacity:0;
	animation:appearFromRL3 1000ms infinite;
  -webkit-animation:appearFromRL3 1000ms infinite;animation-delay:3.5s;-moz-animation-delay: 3.5s /* Firefox */;-webkit-animation-delay: 3.5s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;	}
/* section6 */
.section6 .pc .section_tet{ position: absolute; top:50%; margin-top:-135px;left:-200px;padding-left:80px; width: 1200px; height:155px; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec6_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section6 .pc .section_tet{ left:0px;opacity:1; transition-delay: 0.5s;}
.tab2{ display:none;}
.sec6_btn{width:212px; height:122px; position:relative; top:36px; }
.sec6_buttom{width:212px; height:122px;position:absolute; top:0; left:0; z-index:2;}
.sec6_buttom img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.tab-title1{ width:212px; height:122px; position:absolute; top:0; left:0; z-index:1;}
.tab-title1 li{ float:left; width:50%; height:100%;}
.tab-title1 li img.sec6_roll{ display:none; margin-top:28px;}
.tab-title1.active1 li img.sec6_roll{ display:block;}
.tab-title1 li#tab2 img.sec6_roll{ margin-left:5px;display:block;animation:rond 2400ms infinite;
  -webkit-animation:rond 2400ms infinite;animation-delay:1s;-moz-animation-delay: -1s /* Firefox */;-webkit-animation-delay: -1s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.tab-title1 li#tab1 img.sec6_roll{ margin-left:10px;animation:rond 2400ms infinite;
  -webkit-animation:rond 2400ms infinite;animation-delay:1s;-moz-animation-delay: -1s /* Firefox */;-webkit-animation-delay: -1s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.tab-title1 li a{ display:block; width:100%; height:100%;}
.tab-title{ width:212px; height:122px; position:absolute; top:0; left:0; z-index:3;}
.tab-title li{ float:left; width:50%; height:100%;}
.tab-title li a{ display:block; width:100%; height:100%;}
.sec6_btn2{ display:none;}
.section6 .pc .tab-box.tab1{ position: absolute; bottom:100px; right:0; width:852px; height:434px;}
.section6 .pc .tab-box img{ width:auto; height:100%; position:absolute; bottom:0; right:0;}
.section6 .pc img.sec6_1{bottom:150px; right:-400px;transition: all 1s; opacity:0; z-index:10;}
.active.section6 .pc .tab-box.active1 img.sec6_1{ bottom:200px ; right:-200px; opacity:1; transition-delay: 0.5s; }
.section6 .pc  img.sec6_2{bottom:200px; right:-200px;  transition: all 1s; opacity:0; z-index:11;}
.active.section6 .pc .tab-box.active1  img.sec6_2{opacity:1; transition-delay: 1.5s; }
.section6 .pc img.sec6_3,.section6 .pc img.sec6_4,.section6 .pc img.sec6_5{bottom:200px; right:-200px; transition: all 1s; opacity:0; z-index:11;}
.section6 .pc img.sec6_4{ z-index:12;}
.active.section6 .pc .tab-box.active1 img.sec6_3{  opacity:1; transition-delay: 2s; }
.active.section6 .pc .tab-box.active1 img.sec6_4{  opacity:1; transition-delay: 2.2s; }
.active.section6 .pc .tab-box.active1 img.sec6_5{  opacity:1; transition-delay: 2.4s; }
.section6 .pc .tab-box.tab2{ position: absolute; bottom:0px; right:50px; width:507px; height:583px;}
.section6 .pc img.sec6_6,.section6 .pc img.sec6_7,.section6 .pc img.sec6_8,.section6 .pc img.sec6_8_1,.section6 .pc img.sec6_8_2,.section6 .pc img.sec6_8_3,.section6 .pc img.sec6_9,.section6 .pc img.sec6_10{bottom:200px; right:0px; transition: all 1s; opacity:0; z-index:11;}
.section6 .pc img.sec6_8,.section6 .pc img.sec6_8_1,.section6 .pc img.sec6_8_2,.section6 .pc img.sec6_8_3,.section6 .pc img.sec6_9{ z-index:12;}
.active.section6 .pc .tab-box.active1 img.sec6_6{  opacity:1; transition-delay: 0.5s; }
.active.section6 .pc .tab-box.active1 img.sec6_7{  opacity:1; transition-delay: 1s; }
.active.section6 .pc .tab-box.active1 img.sec6_8{  opacity:1; transition-delay: 1.7s; }
.active.section6 .pc .tab-box.active1 img.sec6_8_1{  opacity:1; transition-delay: 1.8s; }
.active.section6 .pc .tab-box.active1 img.sec6_8_2{  opacity:1; transition-delay: 1.9s; }
.active.section6 .pc .tab-box.active1 img.sec6_8_3{  opacity:1; transition-delay: 2s; }
.active.section6 .pc .tab-box.active1 img.sec6_9{  opacity:1; transition-delay: 2s; }
.active.section6 .pc .tab-box.active1 img.sec6_10{  opacity:1; transition-delay: 2s; }
/* section7 */
.section7 .pc .section_tet{ position: absolute; top:200px;left:50%; margin-left:-100px;padding-left:80px; width: 420px; height:155px; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec7_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section7 .pc .section_tet{ opacity:1; transition-delay: 1s;}
.section7 .pc .sec7_img{ position: absolute; left:50%; top:50%; margin-left:-670.5px; margin-top:-342px; width:1341px; height:684px; }
.section7 .pc .sec7_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;transition: all 1s; opacity:0; z-index:10}
.section7 .pc .section_btn{ width:103px; height:103px; position:relative; top:40px;}
.section7 .pc .section_btn img{ position:absolute; top:0; left:0;}
.active.section7 .pc img.sec7_1{ opacity:1; transition-delay: 0.5s; }
.active.section7 .pc img.sec7_2{opacity:1; transition-delay: 1.5s; }
.active.section7 .pc img.sec7_3{opacity:1; transition-delay: 2.2s; }
.active.section7 .pc img.sec7_4{opacity:1; transition-delay: 3s; }
/* section8 */
.sec8_cont{ left:50%; margin-left:-600px; position:absolute; width:1200px; height:100%;}
.section8 .pc .section_tet{ position: absolute; top:50%;left:0; margin-top:-250px; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10;}
.active.section8 .pc .section_tet{opacity:1; transition-delay: 0.7s;}
.section8 .pc .section_tet h3{ font-size:36px; line-height:36px; text-align:center; width:100%; color:#835c50;}
.owl-item{ width:900px; margin:0 auto;}
.owl-item a{ display:block; width:275px; float:left; margin-left:18px ; height:451px; position:relative; font-size:0; line-height:0;}
.owl-item a img{ display:block;}
.owl-item a p{ position:absolute;top:49px; left:20px; width:202px; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; padding-left:50px; color:#835c50; font-size:14px; line-height:22px;}
.owl-controls{float:left;width:100%;position:absolute; top:150px;left:0;height:41px;z-index:99;}
.owl-buttons div {position: absolute;top:10%;margin:0px;padding:0px;width:142px;height:449px;text-indent: -9999px;float:left;z-index:9999;}
.owl-buttons .owl-prev{  left:-142px; top:0; width:142px;  background:url(/bundles/frontend/images/prev.png) no-repeat;}
.owl-buttons .owl-next{right:-142px; top:0;width:142px;background:url(/bundles/frontend/images/next.png) no-repeat; }
.owl-buttons .owl-prev:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
.owl-buttons .owl-next:hover{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
/* section9 */
.section9 .section9_bg{   z-index:1; position: absolute; top:0; left:0; width: 100%; height:100%;}
.section9 .pc .section_tet{ position: absolute; top:200px;left:0;padding-left:80px; width:100%; height:155px; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec9_title.png); background-repeat:no-repeat; background-position:top left;}
.active.section9 .pc .section_tet,.active1.section9 .pc .section_tet{opacity:1; transition-delay: 0.7s;}
.section9 .pc .section_tet p.p9_1{transition: all 1s; opacity:0; width:540px; font-size:12px; line-height:22px; }
.active.section9 .pc .section_tet p.p9_1,.active1.section9 .pc .section_tet p.p9_1{opacity:1; transition-delay: 1.5s;}
.section9 .pc .section_tet h1{padding-bottom:8px;}
.section9 .pc .section_tet h2{padding-bottom:0;}
.section9 .pc img.sec9_3{ position: absolute; bottom:0px;right:15%; width:auto; height:68%; transition: all 1s; opacity:0; z-index:10;}
.active.section9 .pc img.sec9_3,.active1.section9 .pc img.sec9_3{  bottom:200px;opacity:1; transition-delay: 0.7s; }
.section9 .pc img.sec9_4{ position: absolute; bottom:200px;right:19%; width:auto; height:68%; transition: all 1s; opacity:0; z-index:9;}
.active.section9 .pc img.sec9_4,.active1.section9 .pc img.sec9_4{  right:15%;opacity:1; transition-delay: 1.5s; }
.section9 .pc img.sec9_5{ width:272px; height:165px; transition: all 1.5s; opacity:0; padding-top:70px; padding-bottom:5px; }
.active.section9 .pc img.sec9_5,.active1.section9 .pc img.sec9_5{  opacity:1; transition-delay: 1.5s; }

.section9 .pc img.sec9_6{  width:98px; height:130px; transition: all 1.5s; opacity:0; padding-right:20px; }
.active.section9 .pc img.sec9_6,.active1.section9 .pc img.sec9_6{  opacity:1; transition-delay: 1.5s; }
.sec9_table{padding-top:140px;}
.section9 .pc .section_tet table{transition: all 1s; opacity:0; width:540px; font-size:12px; line-height:22px;  }
.active.section9 .pc .section_tet table,.active1.section9 .pc .section_tet table{opacity:1; transition-delay: 1.5s;}
.section9 .pc img.sec9_7{ position: absolute; bottom:210px;right:7%; width:auto; height:84px; transition: all 1s; opacity:0; z-index:10;}
.active.section9 .pc img.sec9_7,.active1.section9 .pc img.sec9_7{  opacity:1; transition-delay: 1.5s; }
@media screen and (max-width:1920px) and (max-height:900px){
	/* section1 */
	.section1 .pc img.sec1_1{ top:60px; margin-left:-200px; width:400px; height:33.6px }
	.section1 .pc img.sec1_2{ top:100px;margin-left:-200px; width:400px; height:33.6px}
	.section1 .pc img.sec1_1_1{ top:60px;margin-left:-200px; width:400px; height:33.6px }
	.section1 .pc img.sec1_2_1{ top:100px;margin-left:-200px; width:400px; height:33.6px}
}
@media screen and (max-width:1900px){
	/* section5 */
	.section5 .pc .section_tet{ top:100px;}
	.active.section5 .pc .section_tet{ top:300px;}
	.section5 .pc .sec5_img{ bottom:50px; }
}
@media screen and (max-width:1600px){
		/* section1 */
	.section1 .pc img.sec1_1{ top:70px; margin-left:-200px; width:400px; height:33.6px }
	.section1 .pc img.sec1_2{ top:110px;margin-left:-200px; width:400px; height:33.6px}
	.section1 .pc img.sec1_1_1{ top:70px;margin-left:-200px; width:400px; height:33.6px }
	.section1 .pc img.sec1_2_1{ top:110px;margin-left:-200px; width:400px; height:33.6px}
	/* section2 */
	.section2 .pc img.sec2_8{ margin-left:-300px; width:600px; }
	.section2 .pc img.sec2_9{margin-left:-300px; width:600px; }
	/* section3 */
	.section3 .pc .section_tet{ top:550px;}
	.section3 .pc img.sec3_1{ position: absolute; right:-300px; top:400px;width:1200px; height:432px; }
	.active.section3 .pc img.sec3_1{  right:-100px; top:250px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:675px; top:335px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:610px; top:340px;}
	/* section4 */
	.section4 .pc .sec4_img{ bottom:-50px; }
	/* section5 */
	.section5 .pc .section_tet{ right:-50px;}
	.active.section5 .pc .section_tet{ top:300px;}
	.section5 .pc .sec5_img{ left:-100px;}
	/* section6 */
	.section6 .pc .tab-box.tab1{ bottom:50px; right:200px;width:700px; height:357px;}
	.section6 .pc .tab-box.tab2{ bottom:-20px; right:100px;}
	/* section7 */
	.section7 .pc .section_tet{ top:150px;}
	/* section9 */
	.section9 .pc .section_tet{ top:150px;}
	.section9 .pc img.sec9_3{  height:75%;}
	.active.section9 .pc img.sec9_3,.active1.section9 .pc img.sec9_3{  bottom:120px;}
	.section9 .pc img.sec9_4{  bottom:120px;height:75%;}
	.section9 .pc img.sec9_7{bottom:130px;}
}	
@media screen and (max-width:1500px){
	.header_menu{  top:43px; right:20px;}
	.header_menu1{  top:43px; right:20px;}
	/* section3 */
	.section3 .pc .section_tet{margin-right:-650px; top:450px;}
	.active.section3 .pc .section_tet{ margin-right:-550px;}
	.section3 .pc img.sec3_1{ right:-100px; top:400px;width:1000px; height:361px; }
	.active.section3 .pc img.sec3_1{  right:50px; top:250px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:685px; top:325px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:625px; top:330px;}
	/* section4 */
	.section4 .pc .sec4_img{ bottom:-100px; }
	/* section5 */
	.section5 .pc .section_tet{ right:0px;}
	.section5 .pc .sec5_img{ left:-20px; bottom:80px; width:500px; height:567.365px;}
	/* section6 */
	.section6 .pc .tab-box.tab2{ bottom:150px; right:150px; width:450px; height:517px;}
	.section6 .pc img.sec6_6,.section6 .pc img.sec6_7,.section6 .pc img.sec6_8,.section6 .pc img.sec6_8_1,.section6 .pc img.sec6_8_2,.section6 .pc img.sec6_8_3,.section6 .pc img.sec6_9,.section6 .pc img.sec6_10{bottom:0px; }
	}	
@media screen and (max-width:1400px){
	/* section1 */
	.section1 .pc img.sec1_1{ top:45px; margin-left:-160px; width:320px; height:26.88px }
	.section1 .pc img.sec1_2{ top:80px;margin-left:-160px; width:320px; height:26.88px}
	.section1 .pc img.sec1_1_1{ top:45px;margin-left:-160px; width:320px; height:26.88px }
	.section1 .pc img.sec1_2_1{ top:80px;margin-left:-160px; width:320px; height:26.88px}
	/* section2 */
	.section2 .pc .section_tet1{ top:80px}
	/* section3 */
	.section3 .pc .section_tet{ top:400px;}
	.section3 .pc img.sec3_1{ top:300px;}
	.active.section3 .pc img.sec3_1{ top:200px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:695px; top:275px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:625px; top:280px;}
	.scale{ top:100px;margin-left:-550px; width:300px; height:233.43px; }
	.temperature{ padding-left:120px; line-height:233.43px; width:300px; height:233.43px;}
	.scale_step{ top:120px;margin-left:-500px;width:413.8px; height:233.43px;}
	/* section4 */
	.section4 .pc .sec4_img{ width:1000px; height:673px; left:100px;}
	.active.section4 .pc .section_tet{ top:80px;}
	/* section5 */
	.active.section5 .pc .section_tet{ top:250px;}
	.section5 .pc .sec5_img{ bottom:50px;}
	/* section6 */
	.active.section6 .pc .tab-box.active1 img.sec6_1{ bottom:100px ;}
	.section6 .pc  img.sec6_2{bottom:100px;}
	.section6 .pc .tab-box.tab2{ bottom:120px;}
	.section6 .pc img.sec6_3,.section6 .pc img.sec6_4,.section6 .pc img.sec6_5{bottom:100px;}
	/* section7 */
	.section7 .pc .section_tet{ top:120px;}
	/* section8 */
	.section8 .pc .section_tet{ top:50px; margin-top:0;}
	.owl-carousel{ top:110px; margin-top:0;}
	/* section9 */
	.section9 .pc .section_tet{ top:120px;}
	.active.section9 .pc img.sec9_3,.active1.section9 .pc img.sec9_3{  bottom:80px; }
	.section9 .pc img.sec9_4{bottom:80px;}
	.section9 .pc img.sec9_5{padding-top:50px;  }
	
	.section9 .pc img.sec9_7{  bottom:90px;}

	}	
@media screen and (max-width:1300px){	
	.header_menu{  top:20px; right:22px;}
	.header_menu1{  top:20px; right:22px;}
	.header-link{ padding-right:40px;}
	/* section1 */
	.section1 .pc img.sec1_1{ top:50px; }
	.section1 .pc img.sec1_2{ top:90px;}
	.section1 .pc img.sec1_1_1{ top:50px;}
	.section1 .pc img.sec1_2_1{ top:90px;}
	/* section2 */
	.section2 .pc .section_tet{ margin-left:-500px; padding-left:80px; width:900px;}
	.active.section2 .pc .active1 .section_tet{ margin-left:-450px;opacity:1; transition-delay: 0.7s;}
	.sec2_img{ text-align:center;}
	.section2 .pc img.sec2_4,.section2 .pc img.sec2_5,.section2 .pc img.sec2_6{width:auto;  height: 100%;  }
	.section2 .pc .section_tet1{ top:90px;}
	.section2 .pc img.sec2_8{bottom:60px;margin-left:-250px; width:500px;}
	.section2 .pc img.sec2_9{bottom:60px;margin-left:-250px; width:500px;}
	/* section3 */
	.section3 .pc .section_tet{ top:380px;}
	.scale{left:90px; margin-left:0; top:90px; width:280px; height:218px; }
	.scale_step{left:110px; top:110px;margin-left:0;width:386.45px; height:218px;}
	.temperature{ padding-left:120px; line-height:218px; height:218px;}
	.section3 .pc img.sec3_1{ right:-100px; top:240px;}
	.active.section3 .pc img.sec3_1{  right:50px; top:180px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:695px; top:250px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:625px; top:255px;}
	/* section4 */
	.section4 .pc .section_tet{ left:150px;}
	.active.section4 .pc .section_tet{ top:70px;}
	.section4 .pc .sec4_img{left:50%; margin-left:-450px; width:900px; height:606px; bottom:-50px;}
	/* section5 */
	.active.section5 .pc .section_tet{ top:250px;}
	.section5 .pc .sec5_img{ bottom:50px; left:0;}
	/* section6 */
	.active.section6 .pc .section_tet{ left:30px;}
	.section6 .pc .tab-box.tab1{ bottom:100px; right:300px;width:550px; height:280px;}
	.section6 .pc .tab-box.tab2{  right:250px;width:400px; height:460px;}
	/* section7 */
	.section7 .pc .section_tet{ top:150px;}
	/* section8 */
	.sec8_cont{ left:50%; margin-left:-300px; position:absolute; width:600px; height:100%;}
	.section8 .pc .section_tet{  top:140px;left:0; margin-top:0px; width:100%; }
	.section8 .pc .section_tet h3{ font-size:36px; line-height:36px; text-align:center; width:100%; color:#835c50;}
	.owl-item{ width:630px; margin:0 auto;}
	.owl-item a{ display:block; width:200px; float:left; margin-left:10px ; height:auto; border:#ddd solid 1px; position:relative;}
	.owl-item a img{ width:100%;}
	.owl-item a p{ position:absolute;top:20px; left:5%; width:85%; background-size:20px auto; background-position:left 5px; padding-left:25px; color:#835c50; font-size:12px; line-height:18px;}
	.owl-controls{float:left;width:100%;position:absolute; top:150px;left:0;height:41px;z-index:99;}
	.owl-buttons div {width:103px;height:327px;}
	.owl-buttons .owl-prev{  left:-103px; top:0; width:103px; background-size:100% auto !important;}
	.owl-buttons .owl-next{right:-103px; top:0;width:103px; background-size:100% auto !important;}
	.owl-carousel{top:220px;	left:50%;	margin-top:0px;	width:650px;	margin-left:-325px;}
	/* section9 */
	.section9 .pc .section_tet{top:100px;}
	}	
	
@media screen and (max-width:1300px) and (max-height:600px){	
	/* section1 */
	.section1 .pc img.sec1_1{ top:30px;  }
	.section1 .pc img.sec1_2{ top:60px;}
	.section1 .pc img.sec1_1_1{ top:30px;}
	.section1 .pc img.sec1_2_1{ top:60px;}
	/* section3 */
	.section3 .pc .section_tet{ top:340px;}
	.scale,.scale_step{ top:60px;}
	.active.section3 .pc img.sec3_1{ top:140px;}
	.section3 .pc img.sec3_2, .section3 .pc img.sec3_2_1{ top:220px;}
	.section3 .pc img.sec3_3, .section3 .pc img.sec3_3_1{ top:225px;}
	/* section5 */
	.section5 .pc .sec5_img{ bottom:30px;}
	/* section6 */
	.section6 .pc .tab-box.tab2{ bottom:20px;}
	/* section7 */
	.section7 .pc .section_tet{ top:120px;}
	/* section8 */
	.section8 .pc .section_tet{ top:100px;}
	.owl-carousel{ top:160px;}
	/* section9 */
	.section9 .pc .section_tet{ top:80px;}
}	
	
@media screen and (max-width:1200px){
	.header{ top:0;}
	.header_menu,.header_menu1{ display:none !important;}
	.nav_ul li.active .img2{ display:block;}
	.nav_ul li.active .img1{ display:none;}
	.header-link{ padding-right:0px;}
	.buy{ width:180px; height:40px; bottom:20px; margin-left:-90px; line-height:40px; font-size:16px; }
	.buy a{width:180px; height:40px;}
	.buy a img{ position:absolute; right:10px; top:16.5px;}
	.buy a:hover img{ right:5px;}
	/* header */
	.header{height:60px;width:100%; position:fixed !important; top:0; left:0; z-index:99999;}
	.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:40px !important; overflow:hidden; }
	.fp-tableCell{ width:100%; }
	.section1 .fp-tableCell .section1_inner,.section3 .fp-tableCell .section3_inner,.section4 .fp-tableCell .section4_inner,.section9 .fp-tableCell .section9_inner{width:100%; }
	/* section1 */
	.section1 .pc img.sec1_1{ display:none;position: absolute; top:80px; left:30%; margin-left:0; width:30%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .pc img.sec1_1{ left:35%; opacity:1; transition-delay: 0.7s;}
	.section1 .pc img.sec1_2{ display:none;position: absolute;top:120px; left:40%; margin-left:0;width:30%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .pc img.sec1_2{ left:35%; opacity:1; transition-delay: 0.7s;}
	.section1 .pc img.sec1_3{ position: absolute; top: 240px; left:31%; width: auto; height: 70%; transition: all 1s; opacity:0; z-index:9}
	.active.section1 .pc img.sec1_3{ opacity:1; transition-delay: 0.7s; }
	.section1 .pc img.sec1_1_1{ position: absolute; top:80px; left:35%;margin-left:0; width:30%; height: auto;z-index:10;}
	.section1 .pc img.sec1_2_1{ position: absolute;top:120px; left:35%;margin-left:0;  width:30%; height: auto;z-index:10;}
	/* section2 */
	.section2 .pc img.sec2_4,.section2 .pc img.sec2_5,.section2 .pc img.sec2_6,.section2 .pc img.sec2_7,.section2 .pc img.sec2_8,.section2 .pc img.sec2_9,.section2 .pc img.sec2_10{right:-10%; }
	.active.section2 .pc .active1 img.sec2_4{ right:-10%;}
	/* section3 */
	.section3 .pc .section_tet{margin-right:-600px; top:400px; }
	.active.section3 .pc .section_tet{ margin-right:-500px;}
	.scale{left:80px; margin-left:0; top:80px; width:240px; height:187px; }
	.scale_step{left:100px; margin-left:0; top:100px; width:331.5px; height:187px;}
	.temperature{ padding-left:90px; line-height:187px; height:187px;}
	.section3 .pc img.sec3_1{ right:-250px; top:120px;width:800px; height:288.8px; }
	.active.section3 .pc img.sec3_1{  right:200px; top:180px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:700px; top:240px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:650px; top:240px;}
	/* section5 */
	.section5 .pc .section_tet{ right:30px;top:200px;}
	.active.section5 .pc .section_tet{ top:250px;}
	.section5 .pc .sec5_img{ left:50px; bottom:60px; width:400px; height:448px;}
	/* section6 */
	.section6 .pc .tab-box.tab1{ bottom:80px; right:300px;width:500px; height:255px;}
	.section6 .pc .tab-box.tab2{ bottom:150px; right:250px;width:350px; height:402px;}
	/* section7 */
	.section7 .pc .section_tet{ top:120px;}
	.section7 .pc .sec7_img{ margin-left:-550px; margin-top:-255px; width:1000px; height:510px; }
	/* section9 */
	.section9 .pc .section_tet h1{ line-height:30px; font-size:22px; padding-bottom:5px;}
	.section9 .pc .section_tet{ left:2%;}
	.section9 .pc img.sec9_5{ padding-top:45px; }
	.active.section9 .pc img.sec9_3, .active1.section9 .pc img.sec9_3{ bottom:80px;}
	.section9 .pc img.sec9_4{ bottom:80px;}
}

@media screen and (max-width:1100px){
	/* section1 */
	.section1 .pc img.sec1_1{ top:80px; left:40%;width:30%; }
	.active.section1 .pc img.sec1_1{ left:35%;}
	.section1 .pc img.sec1_2{ top:115px; left:30%;width:30%; }
	.active.section1 .pc img.sec1_2{ left:35%;}
	.section1 .pc img.sec1_1_1{ top:80px; left:35%;width:30%;}
	.section1 .pc img.sec1_2_1{ top:115px; left:35%; width:30%; }
}
@media screen and (max-width:1024px){

	.pc .section_tet h1,.pc .section_tet1 h1,.section8 .pc .section_tet h3{ font-size:2.2rem; font-weight:normal; line-height:2.3rem; color:#7e5548;padding-bottom:8px; }
	.pc .section_tet h2,.pc .section_tet1 h2{ font-size:1.5rem; font-weight:normal; line-height:1.5rem;padding-bottom:5px;}
	.pc .section_tet h3,.pc .section_tet1 h3{ font-size:1.2rem; font-weight:lighter; line-height:1.6rem;}
	.pc .section_tet p,.pc .section_tet1 p{font-size:1.2rem;  line-height:1.7rem; padding-top:8px;}
 	.pc .section_tet p.zlh,.pc .section_tet1 p.zlh{ padding-top:10px;}
	/* section1 */
	.section1 .pc img.sec1_1{ top:100px; left:35%;width:40%;}
	.active.section1 .pc img.sec1_1{ left:30%;}
	.section1 .pc img.sec1_2{ top:145px;left:25%;width:40%;}
	.active.section1 .pc img.sec1_2{ left:30%;}
	.section1 .pc img.sec1_1_1{ top:100px; left:30%;width:40%; }
	.section1 .pc img.sec1_2_1{ top:145px; left:30%;width:40%; }
	/* section2 */
	.section2 .pc img.sec2_8{ margin-left:-200px; width:400px; }
	.section2 .pc img.sec2_9{margin-left:-200px; width:400px; }
	.section2 .pc .section_tet1{ top:140px;}
	.section_tet1 .sec2_btn{ width:60px; height:60px; line-height:60px; left:750px; }
	.section_tet1 .sec2_btn a{ width:60px; height:60px;font-size:1.2rem;}
	/* section3 */
	.section3 .pc .section_tet{top:400px;margin-right:-700px; }
	.active.section3 .pc .section_tet{ margin-right:-550px;}
	.scale{left:60px; margin-left:0; top:80px; width:240px; height:187px; }
	.scale_step{left:80px;  top:100px; width:331.5px; height:187px;}
	.temperature{ padding-left:90px; line-height:187px; height:187px;}
	.section3 .pc img.sec3_1{ right:100px; top:150px;width:700px; height:252px; }
	.active.section3 .pc img.sec3_1{  right:150px; top:200px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:610px; top:255px; width:50px; height:76px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:560px; top:255px;width:50px; height:76px;}
	/* section4 */
	.active.section4 .pc .section_tet{ top:85px;}
	.section4 .pc .sec4_img{bottom:-100px;}
	/* section5 */
	.section5 .pc .section_tet{ background-size:50px auto; padding-left:70px; right:-50px;}
	.active.section5 .pc .section_tet{ top:260px;}
	/* section6 */
	.section6 .pc .tab-box.tab1{ bottom:100px; }
	.section6 .pc .tab-box.tab2{ bottom:140px; right:200px;}
	/* section8 */
	.section8 .pc .section_tet{  top:140px;}
	.owl-carousel{top:200px;}
	/* section9 */
	.section9 .pc .section_tet{ top:130px;}
	.section9 .pc img.sec9_5{ top:30px;}
	.active.section9 .pc img.sec9_3, .active1.section9 .pc img.sec9_3{ bottom:70px;}
	.section9 .pc img.sec9_4{ bottom:70px;}
	.section9 .pc .section_tet p.p9_1{ line-height:2rem; font-size:1.3rem; width:420px;}

	.section9 .pc img.sec9_7{ bottom:80px; right:6%;}
	.sec9_table{padding-top:70px;}
	.section9 .pc .section_tet table{line-height:2rem; font-size:1.3rem; width:420px; }

}
@media screen and (max-width:1000px){
	/* section1 */
	.section1 .pc img.sec1_1{ top:75px;}
	.section1 .pc img.sec1_2{ top:115px;}
	.section1 .pc img.sec1_1_1{ top:75px;}
	.section1 .pc img.sec1_2_1{ top:115px;}
	/* section2 */
	.section2 .pc .section_tet1{ top:100px;}
	.section2 .pc .section_tet{ margin-left:-450px; padding-left:80px; width:800px;}
	.active.section2 .pc .active1 .section_tet{ margin-left:-400px;}
	.section2 .pc img.sec2_4,.section2 .pc img.sec2_5,.section2 .pc img.sec2_6,.section2 .pc img.sec2_7,.section2 .pc img.sec2_8,.section2 .pc img.sec2_9,.section2 .pc img.sec2_10{right:-15%; }
	.active.section2 .pc .active1 img.sec2_4{ right:-15%;}
	/* section3 */	
	.section3 .pc img.sec3_1{ right:-50px; top:80px;width:800px; height:288.8px; }
	.active.section3 .pc img.sec3_1{  right:0px; top:120px;}
	.section3 .pc img.sec3_2,.section3 .pc img.sec3_2_1{right:525px; top:180px; }
	.section3 .pc img.sec3_3,.section3 .pc img.sec3_3_1{ right:475px; top:180px;}
	.section3 .pc .section_tet{ top:350px;}
	.active.section3 .pc .section_tet{ margin-right:-600px;}
	.scale{top:40px; left:80px; }
	.scale_step{top:60px; left:100px;}
	/* section4 */
	.active.section4 .pc .section_tet{ top:70px;}
	.section4 .pc .sec4_img{left:50%; margin-left:-450px; width:800px; height:539px;}
	/* section5 */
	.active.section5 .pc .section_tet{ top:250px;}
	.section5 .pc .sec5_img{ bottom:20px;}
	.section5 .pc .section_tet{ right:-100px;}
	/* section6 */
	.section6 .pc .tab-box.tab1{ bottom:-50px; right:250px;width:500px; height:255px;}
	.section6 .pc .tab-box.tab2{ right:150px; bottom:80px;}
	.active.section6 .pc .tab-box.active1 img.sec6_1{ bottom:200px ;}
	.section6 .pc  img.sec6_2{bottom:200px;}
	.section6 .pc img.sec6_3,.section6 .pc img.sec6_4,.section6 .pc img.sec6_5{bottom:200px;}
	/* section8 */
	.owl-carousel{ top:130px;}
	.section8 .pc .section_tet{  top:80px;}
	/* section9 */
	.section9 .pc .section_tet{ top:100px;}
}
@media screen and (max-width:900px){
	/* section1 */
	.section1 .pc img.sec1_1{ top:80px;}
	.section1 .pc img.sec1_2{ top:115px;}
	.section1 .pc img.sec1_1_1{ top:80px;}
	.section1 .pc img.sec1_2_1{ top:115px;}
	/* section2 */
	.section2 .pc .section_tet1{ top:100px;}
	/* section3 */
	.active.section3 .pc .section_tet{ margin-right:-580px;}
	.active.section3 .pc img.sec3_1{ top:150px;}
	.section3 .pc img.sec3_2, .section3 .pc img.sec3_2_1{ top:210px;}
	.section3 .pc img.sec3_3, .section3 .pc img.sec3_3_1{  top:210px;}
	/* section5 */
	.section5 .pc .section_tet{ right:-150px}
	/* section6 */
	.section6 .pc .section_tet{ top:40%;}
	.section6 .pc .tab-box.tab1{ bottom:-120px;}
	.section6 .pc .tab-box.tab2{ bottom:80px;}
}
@media screen and (max-width:800px){
	.section{  font-family:'yueroudgo1',"Ã÷ºÚ","PingFang SC","Microsoft YaHei";}
	.section1{ background-image:url(/bundles/frontend/images/section1.jpg); background-size:cover; background-repeat:no-repeat; background-position:top center;}
	.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:30px !important; overflow:hidden; }
	.header{ height:45px;}

	.pc{ display:none;}
	.mobile{ display:block; width:100%; height:100%;}
	.buy{ width:160px; height:34px; bottom:25px; margin-left:-80px; font-size:1.4rem; line-height:34px;}
	.buy a{width:160px; height:34px;}
	.buy a:hover { background:#262626;}
	.buy a img{ position:absolute; right:10px; top:15px; width:auto; height:4px;}
	.buy a:hover img{ right:10px;}
	/* section1 */
	.section1 .mobile img.sec1_1{ display:none;position: absolute; top:65px; left:35%; width:40%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_1{ left:30%;opacity:1; transition-delay: 0.7s;}
	.section1 .mobile img.sec1_2{ display:none;position: absolute;top:100px; left:25%;  width:40%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_2{ left:30%; opacity:1; transition-delay: 0.7s;}
	.section1 .mobile .sec1_3{ display:none; position: absolute;top:0; left:0; width:100%; height:100%; transition: all 1s; opacity:0; z-index:9; background-image:url(/bundles/frontend/images/section1_pc1.png); background-size:cover; background-repeat:no-repeat; background-position:top center;}
	.active.section1 .mobile .sec1_3{ opacity:1; transition-delay: 0.7s; }
	.section1 .mobile img.sec1_1_1{ position: absolute; top:65px; left:30%; width:40%; height: auto;z-index:10;
		-webkit-animation: 	appearFromRL1 2000ms ease 1000ms both;
		-moz-animation: 	appearFromRL1 2000ms ease 1000ms both;
		-ms-animation: 		appearFromRL1 2000ms ease 1000ms both;
		-o-animation: 		appearFromRL1 2000ms ease 1000ms both;
		animation: 			appearFromRL1 2000ms ease 1000ms both;}
	.section1 .mobile img.sec1_2_1{ position: absolute;top:100px; left:30%;  width:40%; height: auto;z-index:10;
			-webkit-animation: 	appearFromRL2 2000ms ease 1000ms both;
		-moz-animation: 	appearFromRL2 2000ms ease 1000ms both;
		-ms-animation: 		appearFromRL2 2000ms ease 1000ms both;
		-o-animation: 		appearFromRL2 2000ms ease 1000ms both;
		animation: 			appearFromRL2 2000ms ease 1000ms both;}
	.section1 .mobile .sec1_3_1{ position: absolute;top:0; left:0; width:100%; height:100%; transition: all 1s; opacity:0; z-index:9;background-image:url(/bundles/frontend/images/section1_pc1.png); background-size:cover; background-repeat:no-repeat; background-position:top center;
		-webkit-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL3 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL3 2000ms ease 1000ms both;
	animation: 			appearFromRL3 2000ms ease 1000ms both;}	
	/* section2 */
	.section2 .mobile .section_tet{ position: absolute; top:65px;left:0;padding-left:40px; width:90%; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec2_title.png); background-repeat:no-repeat; background-position:top left; background-size:30px auto;}
	.active.section2 .mobile .active1 .section_tet{ left:5%;opacity:1; transition-delay: 0.7s;}
	.mobile .section_tet h1{ font-size:2.2rem; font-weight:normal; line-height:2.3rem; color:#7e5548;padding-bottom:8px; }
	.mobile .section_tet h2{ font-size:1.5rem; font-weight:normal; line-height:1.5rem;padding-bottom:5px;}
	.mobile .section_tet h3{ font-size:1.2rem; font-weight:lighter; line-height:1.6rem;}
	.mobile .section_tet p{font-size:1.2rem;  line-height:1.7rem; padding-top:8px;}
	.section_tet .sec2_btn{ padding-top:10px; width:120px; height:30px; line-height:30px; text-align:center;}
	.section_tet .sec2_btn a{ width:120px; height:30px; display:block; color:#fff; background:#cab9b3; font-size:1.2rem; border-radius:25px; }
	.section_tet .sec2_btn a:hover{background:#cab9b3; }
	.section_tet .sec2_btn a span{padding-left:2px; display:inline-block;
		-webkit-animation: 	appearFromRL6 1s ease-in-out  infinite;
		-moz-animation: 	appearFromRL6 1s ease-in-out  infinite;
		-ms-animation: 		appearFromRL6 1s ease-in-out  infinite;
		-o-animation: 		appearFromRL6 1s ease-in-out infinite;
		animation: 			appearFromRL6 1s ease-in-out  infinite;
		}
	.section2 .mobile .section_tet1{ position: absolute; top:80px;left:5%;margin-left:0;  width: 90%; height:auto; z-index:11;  color:#010101;text-align:left; }
	.mobile .section_tet1 h1{ margin-left:-200px;font-size:2.3rem; font-weight:normal; line-height:2.3rem; color:#7e5548;padding-bottom:8px; transition: all 1s; opacity:0; }
	.active .mobile .active1 .section_tet1 h1{ margin-left:0;opacity:1; transition-delay: 0.7s;}
	.mobile .section_tet1 h2{ margin-left:200px;width:100%;font-size:1.5rem; font-weight:normal; line-height:1.5rem;padding-bottom:8px;transition: all 1s; opacity:0; }
	.active .mobile .active1 .section_tet1 h2{margin-left:0;opacity:1; transition-delay: 0.7s;}
	.mobile .section_tet1 h3{ font-size:1.2rem; font-weight:lighter; line-height:1.2rem;transition: all 1s; opacity:0;}
	.active .mobile .active1 .section_tet1 h3{opacity:1; transition-delay: 1.5s;}
	.section_tet1 .sec2_btn{ position:absolute; left:220px; top:0; width:50px; height:50px; line-height:50px; text-align:center; transition: all 1s; opacity:0; }
	.active.section2 .mobile .active1 .section_tet1 .sec2_btn{opacity:1; transition-delay: 1s;}
	.section_tet1 .sec2_btn a{ width:50px; height:50px; display:block; color:#fff;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; background:#cab9b3; font-size:1.2rem; border-radius:50px; }
	.section_tet1 .sec2_btn a:hover{ background:#7e5548;}
	.section_tet1 .sec2_btn a span{padding-right:2px; display:inline-block;
		-webkit-animation: 	appearFromRL7 1s ease-in-out  infinite;
		-moz-animation: 	appearFromRL7 1s ease-in-out  infinite;
		-ms-animation: 		appearFromRL7 1s ease-in-out  infinite;
		-o-animation: 		appearFromRL7 1s ease-in-out infinite;
		animation: 			appearFromRL7 1s ease-in-out  infinite;
		}
	.section2 .mobile img.sec2_4{ position: absolute; right:-5%; bottom:100px; width:auto; height: 100%; transition: all 1.5s; opacity:0; z-index:10;}
	.active.section2 .mobile .active1 img.sec2_4{  right:0%; bottom:0;opacity:1; transition-delay: 1s; }
	.section2 .mobile img.sec2_5{position: absolute; right:-0%;bottom:0; width:auto; height: 100%; transition: all 1.5s; opacity:0; z-index:9;}
	.active.section2 .mobile .active1 img.sec2_5{ opacity:1; transition-delay: 2.5s; }
	.section2 .mobile img.sec2_6{ position: absolute; right:-0%;bottom:0; width:auto; height: 100%;  transition: all 1s; opacity:0; z-index:8;}
	.active.section2 .mobile .active1 img.sec2_6{  opacity:1; transition-delay: 2.7s; }
	.section2 .mobile img.sec2_7{ position: absolute; right:-0%; bottom:0; width:auto; height: 100%;  transition: all 1s; opacity:0; z-index:8;}
	.active.section2 .mobile .active1 img.sec2_7{  opacity:1; transition-delay: 2.9s; }
	.section2 .mobile img.sec2_8{ position: absolute; left:20%; bottom:20px; width:60%; height:auto;  transition: all 1s; opacity:0; z-index:5;}
	.active.section2 .mobile .active1 img.sec2_8{  opacity:1; transition-delay: 1s; }
	.section2 .mobile img.sec2_9{ position: absolute; left:20%; bottom:20px; width:60%; height:auto;  z-index:7; transition: all 1s; opacity:0; }
	.active.section2 .mobile .active1 img.sec2_9{  opacity:1; transition-delay: 1.5s; }
	/* section3 */
	.section3 .mobile .section_tet{ position: absolute; top:70px; left:0;padding-left:40px; width: 90%; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec3_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section3 .mobile .section_tet{ left:2%;opacity:1; transition-delay: 1.2s;}
	.section3 .mobile img.sec3_1{ position: absolute; left:50%; top:200px;width:600px; height:216.67px; transition: all 1s; opacity:0; z-index:10;}
	.active.section3 .mobile img.sec3_1{ left:40%;top:220px;opacity:1; transition-delay: 0.5s; }
	.section3 .mobile img.sec3_2{position: absolute; left:486px; top:260px; width:50px; height:76px; transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_2{ opacity:1; transition-delay: 1.2s; }
	.section3 .mobile img.sec3_3{ position: absolute; left:526px; top:265px;width:50px; height:76px; transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_3{  opacity:1; transition-delay: 1.6s; }
	.section3 .mobile img.sec3_2_1{ display:none;position: absolute;  left:486px; top:260px; width:50px; height:76px;z-index:12;}
	.section3 .mobile img.sec3_3_1{ display:none;position: absolute; ; left:526px; top:265px;width:50px; height:76px; z-index:12;}
	.scale{position:relative; left:35%; top:155px; width:165.14px; height:150px;}
	.scale_step{position:absolute; left:36%; top:160px; width:265.91px; height:150px;}
	.scale img{ position:absolute; top:0; left:0; width:100%; height:auto;}
	.angle img,.scale_tit img{ display:none;}
	.angle img.active1,.scale_tit img.active1{ display:block;}
	.temperature{ color:#835c50; font-size:2.2rem; padding-left:60px; line-height:130px; height:130px; font-weight:lighter;}
	/* section4 */
	.section4 .mobile .section_tet{ position: absolute; top:0px;left:5%;padding-left:40px; width:90%; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec4_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section4 .mobile .section_tet{ top:70px;opacity:1; transition-delay: 0.5s;}
	.section4 .mobile .sec4_img{ position: absolute; bottom:-90px; right:50px; width:1200px; height:508.8px;}
	.section4 .mobile .sec4_img img{ width:auto; height:100%; position:absolute; bottom:0; right:0;}
	.section4 .mobile img.sec4_1{ right:-100px;transition: all 1s; opacity:0; z-index:10;}
	.active.section4 .mobile img.sec4_1{ opacity:1; transition-delay: 1.5s; }
	.section4 .mobile .sec4_img img.sec4_2{ right:-20px;bottom:-200px; transition: all 1s; opacity:0; z-index:12;}
	.active.section4 .mobile .sec4_img img.sec4_2{ bottom:0;  opacity:1; transition-delay: 0.7s; }
	.section4 .mobile img.sec4_3{ right:-100px;transition: all 1s; opacity:0; z-index:11;}
	.active.section4 .mobile img.sec4_3{  opacity:1; transition-delay: 2s; }
	.active.section4 .mobile img.sec4_4{ right:-100px;z-index:13;opacity:0;
		animation:appearFromRL3 1000ms infinite;
	  -webkit-animation:appearFromRL3 1000ms infinite;animation-delay:2.5s;-moz-animation-delay: 2.5s /* Firefox */;-webkit-animation-delay: 2.5s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;	}
	/* section5 */
	.section5 .mobile .section_tet{ position: absolute; top:0px;left:5%;padding-left:40px; width:90%; height:auto; transition: all 1s; opacity:0; z-index:11;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec5_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section5 .mobile .section_tet{ top:70px;opacity:1; transition-delay: 0.5s;}
	.section5 .mobile .sec5_img{ position: absolute; bottom:50px; left:50%; margin-left:10px; width:500px; height:350px;}
	.section5 .mobile .sec5_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;}
	.section5 .mobile img.sec5_1{bottom:-200px;transition: all 1s; opacity:0; z-index:10;}
	.active.section5 .mobile img.sec5_1{ bottom:0; opacity:1; transition-delay: 0.5s; }
	.section5 .mobile .sec5_img img.sec5_2{bottom:-30px; left:-30px; transition: all 1s; opacity:0; z-index:12;}
	.active.section5 .mobile .sec5_img img.sec5_2{ bottom:0; left:0;  opacity:1; transition-delay: 1.5s; }
	.section5 .mobile .sec5_img img.sec5_2_1{transition: all 1s; opacity:0; z-index:13;}
	.active.section5 .mobile .sec5_img img.sec5_2_1{ opacity:1; transition-delay: 2.5s; }
	.section5 .mobile .sec5_img img.sec5_2_2{transition: all 1s; opacity:0; z-index:13;}
	.active.section5 .mobile .sec5_img img.sec5_2_2{  opacity:1; transition-delay: 2.5s; }
	.section5 .mobile img.sec5_3{transition: all 1s; opacity:0; z-index:11;}
	.active.section5 .mobile img.sec5_3{  opacity:1; transition-delay: 1.5s; }
	.active.section5 .mobile img.sec5_4{z-index:13;opacity:0;
		animation:appearFromRL3 1000ms infinite;
	  -webkit-animation:appearFromRL3 1000ms infinite;animation-delay:3.5s;-moz-animation-delay: 3.5s /* Firefox */;-webkit-animation-delay: 3.5s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;	}
	/* section6 */
	.section6 .mobile .section_tet{ position: absolute; top:0px;left:5%;padding-left:40px; width:90%; height:auto; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec6_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section6 .mobile .section_tet{ top:80px;opacity:1; transition-delay: 0.5s;}
	.sec6_btn{width:130px; height:75px; position:relative; top:36px; }
	.sec6_buttom{width:130px; height:75px;position:absolute; top:0; left:0; z-index:2;}
	.sec6_buttom img{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.tab-title1{ width:130px; height:75px; position:absolute; top:0; left:0; z-index:1;}
	.tab-title1 li{ float:left; width:50%; height:100%;}
	.tab-title1 li img.sec6_roll{ display:none; margin-top:17px;}
	.tab-title1.active1 li img.sec6_roll{ display:block;}
	.tab-title1 li#tab2 img.sec6_roll{ height:50px; margin-left:5px;display:block;animation:rond 2400ms infinite;
	  -webkit-animation:rond 2400ms infinite;animation-delay:1s;-moz-animation-delay: -1s /* Firefox */;-webkit-animation-delay: -1s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;}
	.tab-title1 li#tab1 img.sec6_roll{height:50px; margin-left:10px;animation:rond 2400ms infinite;
	  -webkit-animation:rond 2400ms infinite;animation-delay:1s;-moz-animation-delay: -1s /* Firefox */;-webkit-animation-delay: -1s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;}
	.tab-title1 li a{ display:block; width:100%; height:100%;}
	.tab-title{ width:130px; height:75px; position:absolute; top:0; left:0; z-index:3;}
	.tab-title li{ float:left; width:50%; height:100%;}
	.tab-title li a{ display:block; width:100%; height:100%;}
	.sec6_btn2{ display:none;}
	.section6 .mobile .tab-box.tab1{ position: absolute; bottom:0px; right:150px; width:650px; height:251px;}
	.section6 .mobile .tab-box img{ width:auto; height:100%; position:absolute; bottom:0; right:0;}
	.section6 .mobile img.sec6_1{bottom:150px; right:-250px;transition: all 1s; opacity:0; z-index:10;}
	.active.section6 .mobile .tab-box.active1 img.sec6_1{ bottom:100px ; right:-200px; opacity:1; transition-delay: 0.5s; }
	.section6 .mobile  img.sec6_2{bottom:100px; right:-200px;  transition: all 1s; opacity:0; z-index:11;}
	.active.section6 .mobile .tab-box.active1  img.sec6_2{opacity:1; transition-delay: 1.5s; }
	.section6 .mobile img.sec6_3,.section6 .mobile img.sec6_4,.section6 .mobile img.sec6_5{bottom:100px; right:-200px; transition: all 1s; opacity:0; z-index:11;}
	.section6 .mobile img.sec6_4{ z-index:12;}
	.active.section6 .mobile .tab-box.active1 img.sec6_3{  opacity:1; transition-delay: 1.8s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_4{  opacity:1; transition-delay: 2.2s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_5{  opacity:1; transition-delay: 2.5s; }
	.section6 .mobile .tab-box.tab2{ position: absolute; bottom:70px; right:50%; margin-right:-330px; width:348px; height:350px;}
	.section6 .mobile img.sec6_6,.section6 .mobile img.sec6_7,.section6 .mobile img.sec6_8,.section6 .mobile img.sec6_8_1,.section6 .mobile img.sec6_8_2,.section6 .mobile img.sec6_8_3,.section6 .mobile img.sec6_9,.section6 .mobile img.sec6_10{bottom:0px; right:0px; transition: all 1s; opacity:0; z-index:11;}
	.section6 .mobile img.sec6_8,.section6 .mobile img.sec6_8_1,.section6 .mobile img.sec6_8_2,.section6 .mobile img.sec6_8_3,.section6 .mobile img.sec6_9{ z-index:12;}
	.active.section6 .mobile .tab-box.active1 img.sec6_6{  opacity:1; transition-delay: 0.5s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_7{  opacity:1; transition-delay: 1s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_8{  opacity:1; transition-delay: 1.5s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_8_1{  opacity:1; transition-delay: 1.8s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_8_2{  opacity:1; transition-delay: 1.9s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_8_3{  opacity:1; transition-delay: 2s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_9{  opacity:1; transition-delay: 2s; }
	.active.section6 .mobile .tab-box.active1 img.sec6_10{  opacity:1; transition-delay: 2s; }
	/* section7 */
	.section7 .mobile .section_tet{ position: absolute; top:80px;left:35%;padding-left:40px; width: 50%; height:auto; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec7_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section7 .mobile .section_tet{ opacity:1; transition-delay: 1s;}
	.section7 .mobile .sec7_img{ position: absolute; left:50%; top:50%; margin-left:-392px; margin-top:-180px; width:784px; height:400px; }
	.section7 .mobile .sec7_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;transition: all 1s; opacity:0; z-index:10}
	.section7 .mobile .section_btn{ width:100%; height:85px; position:relative; top:20px; right:0px;}
	.section7 .mobile .section_btn img{ position:absolute; top:0; right:50%; height:100%;}
	.active.section7 .mobile img.sec7_1{ opacity:1; transition-delay: 0.5s; }
	.active.section7 .mobile img.sec7_2{opacity:1; transition-delay: 1.5s; }
	.active.section7 .mobile img.sec7_3{opacity:1; transition-delay: 2.2s; }
	.active.section7 .mobile img.sec7_4{opacity:1; transition-delay: 3s; }
	.sec7_btn{animation:rond 2400ms infinite;
	  -webkit-animation:rond 2400ms infinite;animation-delay:1s;-moz-animation-delay: -1s /* Firefox */;-webkit-animation-delay: -1s;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;}
	/* section8 */
	.sec8_cont{ left:50%; margin-left:-153px; position:absolute; width:306px; height:100%;}
	.section8 .mobile .section_tet{ position: absolute; top:70px;left:0; margin-top:0px; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10;}
	.active.section8 .mobile .section_tet{opacity:1; transition-delay: 0.7s;}
	.section8 .mobile .section_tet h3{ font-size:2.3rem; line-height:2.3rem; text-align:center; width:100%; color:#835c50;}
	.slide_container{ top:120px;margin-bottom: 0px;  margin-left:-76.5px;width:153px; left:50%; }
	.slide li{ float:left; width:100%;}
	.slide li p{ position:absolute; top:10px; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:10px auto; padding-left:15px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2;}
	 .slide_nav { left:-85px;  height: 250px;  width: 79px;  }
	.slide_nav.next {  right: -85px;  }
	/* section9 */
	.section9 .section9_bg{   z-index:1; position: absolute; top:0; left:0; width: 100%; height:100%;}
	.section9 .mobile .section_tet{ position: absolute; top:80px;left:5%;padding-left:40px; width: 390px; height:155px; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec9_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	.active.section9 .mobile .section_tet,.active1.section9 .mobile .section_tet{opacity:1; transition-delay: 0.7s;}
	.section9 .mobile .section_tet p.p9_1{transition: all 1s; opacity:0; }
	.active.section9 .mobile .section_tet p.p9_1,.active1.section9 .mobile .section_tet p.p9_1{opacity:1; transition-delay: 1.5s;}
	.section9 .mobile .section_tet h1{padding-bottom:8px; line-height:2.5rem;}
	.section9 .mobile .section_tet h2{padding-bottom:8px;}
	.section9 .mobile .section_tet p{ padding-top:0;}
	.section9 .mobile img.sec9_3{ position: absolute; bottom:0px;right:8%; width:auto; height:68%; transition: all 1s; opacity:0; z-index:10;}
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:100px;opacity:1; transition-delay: 0.7s; }
	.section9 .mobile img.sec9_4{ position: absolute; bottom:100px;right:9%; width:auto; height:68%; transition: all 1s; opacity:0; z-index:9;}
	.active.section9 .mobile img.sec9_4,.active1.section9 .mobile img.sec9_4{  right:8%;opacity:1; transition-delay: 1.5s; }
	.section9 .mobile img.sec9_5{ width:136px; height:82.5px; transition: all 1.5s; opacity:0; padding-top:15px; padding-bottom:5px; }
	.active.section9 .mobile img.sec9_5,.active1.section9 .mobile img.sec9_5{  opacity:1; transition-delay: 1.5s; }
	.section9 .mobile .section_tet h4{ display:none;}
	.section9 .mobile .section_tet p{font-size:1.1rem;  line-height:1.6rem;}
	
	.section9 .mobile img.sec9_6{  width:60px; height:80px; transition: all 1.5s; opacity:0; padding-right:10px; }
	.active.section9 .mobile img.sec9_6,.active1.section9 .mobile img.sec9_6{  opacity:1; transition-delay: 1.5s; }
	.sec9_table{padding-top:70px;}
	.section9 .mobile .section_tet table{transition: all 1s; opacity:0; }
	.active.section9 .mobile .section_tet table,.active1.section9 .mobile .section_tet table{opacity:1; transition-delay: 1.5s;}
	
	.section9 .mobile img.sec9_7{ position: absolute; bottom:110px;right:2%; width:auto; height:60px; transition: all 1s; opacity:0; z-index:10;}
	.active.section9 .mobile img.sec9_7,.active1.section9 .mobile img.sec9_7{  opacity:1; transition-delay: 1.5s; }
}

@media screen and (max-width:780px){
	/* section1 */
	.section1 .mobile img.sec1_1{top:100px; left:30%; width:50%; }
	.active.section1 .mobile img.sec1_1{ left:25%;}
	.section1 .mobile img.sec1_2{top:150px; left:20%;  width:50%; }
	.active.section1 .mobile img.sec1_2{ left:25%; }
	.section1 .mobile img.sec1_1_1{top:100px; left:25%; width:50%;}
	.section1 .mobile img.sec1_2_1{ top:150px; left:25%;  width:50%;}
	/* section2 */
	.section2 .mobile .section_tet{ top:100px;}
	.section2 .mobile img.sec2_4{ right:-50%; }
	.active.section2 .mobile .active1 img.sec2_4{ right:-45%;}
	.section2 .mobile img.sec2_5{ right:-45%;}
	.section2 .mobile img.sec2_6{ right:-45%;}
	.section2 .mobile img.sec2_7{  right:-45%; }
	/* section3 */
	.section3 .mobile .section_tet{ top:100px;}
	.section3 .mobile img.sec3_1{ top:320px; width:900px; height:325px; left:20%;}
	.active.section3 .mobile img.sec3_1{ top:370px; left:15%;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{ top:440px; left:380px;}
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{ top:440px; left:430px;}
	.scale{ left:6%; top:275px; width:220.18px; height:200px;}
	.scale_step{ left:7%; top:280px; width:354.55px; height:200px;}
	.temperature{  font-size:2.8rem; padding-left:90px; line-height:170px; height:170px; font-weight:lighter;}
	/* section4 */
	.section4 .mobile .sec4_img{ bottom:0;}
	.active.section4 .mobile .section_tet{ top:100px;}
	/* section5 */
	.section5 .mobile .sec5_img{ bottom:100px; margin-left:-250px; height:500px;}
	.active.section5 .mobile .section_tet{ top:100px;}
	/* section6 */
	.section6 .mobile .section_tet{  top:50px;}
	.active.section6 .mobile .section_tet{ top:100px;}
	.section6 .mobile .tab-box.tab1{ bottom:50px; right:200px; width:650px; height:251px;}
	.section6 .mobile .tab-box.tab2{ bottom:150px; right:50%; margin-right:-174px; width:348px; height:350px;}
	/* section7 */
	.section7 .mobile .section_tet{  top:80px;left:5%;padding-left:40px; width: 90%; height:auto; transition: all 1s; opacity:0; z-index:13;  color:#010101;text-align:left; background-image:url(/bundles/frontend/images/sec7_title.png); background-repeat:no-repeat; background-position:top left;background-size:30px auto;}
	/* section8 */
	.section8 .mobile .section_tet{ top:110px;}
	.slide_container{ top:200px;margin-left:-170px;width:340px; left:50%; }
	 .slide_nav { left:-140px;  height: 555px;  width: 130px;  }
	.slide_nav.next {  right: -140px;  }
}

@media screen and (max-width:760px){
	/* section1 */
	.section1 .mobile img.sec1_1{ top:52px; left:40%; width:30%;}
	.active.section1 .mobile img.sec1_1{ left:35%;}
	.section1 .mobile img.sec1_2{ top:75px; left:30%;  width:30%;}
	.active.section1 .mobile img.sec1_2{ left:35%;}
	.section1 .mobile img.sec1_1_1{  top:52px; left:35%; width:30%;}
	.section1 .mobile img.sec1_2_1{ top:75px; left:35%;width:30%;}
	.section1{ background-position:center;}
	.section1 .mobile .sec1_3{ background-position:center;}
	.section1 .mobile .sec1_3_1{ background-position:center;}	
	/* section2 */
	.section2 .mobile img.sec2_4{ right:-20%;}
	.active.section2 .mobile .active1 img.sec2_4,.section2 .mobile img.sec2_5,.section2 .mobile img.sec2_6,.section2 .mobile img.sec2_7{right:-10%; }
	.section2 .mobile .section_tet1{top:65px;}
	.section2 .mobile img.sec2_8{ left:30%;width:40%; }
	.section2 .mobile img.sec2_9{ left:30%; width:40%; }
	/* section3 */
	.section3 .mobile .section_tet{ top:60px;}
	.section3 .mobile img.sec3_1{  left:450px; top:100px;width:600px; height:216px; }
	.active.section3 .mobile img.sec3_1{ left:350px;top:150px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{ left:500px; top:200px; width:50px; height:76px; }
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{  left:555px; top:200px;width:50px; height:76px; }
	.scale{left:45%; top:95px; width:148.62px; height:135px;}
	.scale_step{ left:46%; top:100px; width:239.32px; height:135px;}
	.temperature{ font-size:2.2rem; padding-left:60px; line-height:115px; height:115px; }
	/* section4 */
	.active.section4 .mobile .section_tet{ top:70px;}
	.section4 .mobile .sec4_img{ bottom:-120px; right:20px; width:600px; height:403.8px;}
	.section4 .mobile img.sec4_1{bottom:80px; right:-100px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-20px;bottom:-200px;}
	.active.section4 .mobile .sec4_img img.sec4_2{ bottom:50px;}
	.section4 .mobile img.sec4_3{bottom:80px;  right:-100px;}
	.active.section4 .mobile img.sec4_4{bottom:80px;  right:-100px;}
	/* section5 */
	.active.section5 .mobile .section_tet{ top:70px;}
	.section5 .mobile .sec5_img{ position: absolute; bottom:20px; left:50%; margin-left:0px; width:268px; height:300px;}
	/* section6 */
	.active.section6 .mobile .section_tet{ top:70px;}
	.sec6_btn{top:20px; }
	.section6 .mobile .tab-box.tab1{  bottom:-20px; right:150px; width:400px; height:204px;}
	.section6 .mobile .tab-box.tab2{ bottom:50px; right:80px; margin-right:0; width:117px; height:250px;}
	/* section7 */
	.section7 .mobile .section_tet{top:55px;left:2%;}
	.section7 .mobile .sec7_img{ position: absolute; left:70%; top:50%; margin-left:-250px; margin-top:-135px; width:500px; height:255px; }
	.section7 .mobile .sec7_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;transition: all 1s; opacity:0; z-index:10}
	.section7 .mobile .section_btn{ width:100%; height:85px; position:relative; top:20px; right:0px;}
	.section7 .mobile .section_btn img{ position:absolute; top:0; right:80%; height:100%;}
	/* section8 */
	.sec8_cont{margin-left:0;width:100%; left:0;}
	.section8 .mobile .section_tet{  top:55px;}
	.section8 .mobile .section_tet h3{ font-size:2rem; line-height:2rem;}
	.slide_container {margin-bottom: 0px;  top:90px;margin-left:-76.5px;width:153px; left:50%; }
	.slide li{ float:left; width:100%;}
	.slide li p{ position:absolute; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:10px auto; padding-left:15px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2;}
	 .slide_nav { left:-85px;  height: 250px;  width: 79px;  }
	.slide_nav.next {  right: -85px;  }
	/* section9 */
	.section9 .mobile .section_tet{ top:60px;left:2%;}
	.section9 .mobile .section_tet h1{padding-bottom:8px; line-height:2.5rem;}
	.section9 .mobile .section_tet h2{padding-bottom:5px;}
	.section9 .mobile img.sec9_3{  bottom:0px;right:20%; width:auto; height:80%; transition: all 1s; opacity:0; z-index:10;}
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:20px;opacity:1; transition-delay: 0.7s; }
	.section9 .mobile img.sec9_4{ position: absolute; bottom:20px;right:25%; width:auto; height:80%; transition: all 1s; opacity:0; z-index:9;}
	.active.section9 .mobile img.sec9_4,.active1.section9 .mobile img.sec9_4{  right:20%;opacity:1; transition-delay: 1.5s; }
	.section9 .mobile img.sec9_5,.section9 .mobile img.sec9_6{ display:none;}
	.section9 .mobile .section_tet p.p9_1,.sec9_table{ display:none;}
	
	.section9 .mobile img.sec9_7{  bottom:30px;right:10%; }
}
@media screen and (max-width:670px){
	/* section3 */
	.scale{left:50%;}
	.scale_step{ left:51%; }
	/* section6 */
	.section6 .mobile .tab-box.tab2{right:60px; bottom:60px; }
}
@media screen and (max-width:580px){
	.buy{ width:140px;  margin-left:-70px; line-height:30px;}
	.buy a{width:140px; height:30px;}
	.buy a img{  top:13px;}
	/* section3 */
	.section3 .mobile .section_tet{ top:60px;}
	.section3 .mobile img.sec3_1{  left:400px; top:130px;width:600px; height:216px;}
	.active.section3 .mobile img.sec3_1{ left:300px;top:140px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{ left:460px; top:185px; width:50px; height:76px;}
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{ left:505px; top:185px;width:50px; height:76px; }
	/* section4 */
	.active.section4 .mobile .section_tet{ top:60px;}
	.section4 .mobile .sec4_img{ bottom:0px; right:20px; width:400px; height:269.2px;}
	.section4 .mobile img.sec4_1{bottom:0px; right:-70px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-20px;bottom:-200px;}
	.active.section4 .mobile .sec4_img img.sec4_2{ bottom:0px;}
	.section4 .mobile img.sec4_3{bottom:0px;  right:-70px;}
	.active.section4 .mobile img.sec4_4{bottom:0px;  right:-70px;}
	/* section5 */
	.section5 .mobile .sec5_img{ position: absolute; bottom:10px; left:50%; margin-left:10px; width:223px; height:250px;}
	/* section6 */
	.section6 .mobile .section_tet{ left:2%;padding-left:40px; }
	.active.section6 .mobile .section_tet{ top:60px;}
	.section6 .mobile .tab-box.tab1{  bottom:-20px; right:150px; width:300px; height:153px;}
	.section6 .mobile .tab-box.tab2{  right:60px; margin-right:0; width:174px; height:200px;}
	/* section7 */
	.section7 .mobile .sec7_img{ position: absolute; left:70%; top:50%; margin-left:-180px; margin-top:-110px; width:400px; height:204px; }
	/* section8 */
	.slide_container {margin-bottom: 0px;  top:90px;margin-left:-67.5px;width:135px; left:50%; }
	.slide li p{ position:absolute; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:10px auto; padding-left:15px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2;}
	 .slide_nav { left:-75px;  height: 220px;  width:70px;  }
	.slide_nav.next {  right: -75px;  }
	/* section9 */
	.section9 .mobile .section_tet p.p9_1{ width:300px;}
	.section9 .mobile .section_tet{ top:50px;}
	.section9 .mobile .section_tet h1{padding-bottom:5px; font-size:1.8rem; line-height:1.8rem;}
	.section9 .mobile .section_tet h2{padding-bottom:2px;}
	.section9 .mobile img.sec9_3{  height:75%; }
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:20px;}
	.section9 .mobile img.sec9_4{ bottom:20px; height:75%;}
	.section9 .mobile img.sec9_5{ padding-top:2px; padding-bottom:0px; }
	.section9 .mobile img.sec9_7{right:6%;}
	
}
@media screen and (max-width:540px){
	/* section1 */
	.section1 .mobile img.sec1_1{ top:90px; left:30%; width:50%;}
	.active.section1 .mobile img.sec1_1{ left:25%;}
	.section1 .mobile img.sec1_2{ top:125px; left:20%;  width:50%;}
	.active.section1 .mobile img.sec1_2{ left:25%;}
	.section1 .mobile img.sec1_1_1{  top:90px; left:25%; width:50%;}
	.section1 .mobile img.sec1_2_1{ top:125px; left:25%;width:50%;}
	/* section2 */
	.section2 .mobile img.sec2_4{ right:-95%;}
	.active.section2 .mobile .active1 img.sec2_4,.section2 .mobile img.sec2_5,.section2 .mobile img.sec2_6,.section2 .mobile img.sec2_7{right:-90%; }
	.section2 .mobile .section_tet1{top:90px;}
	.section2 .mobile img.sec2_8,.section2 .mobile img.sec2_9{ bottom:150px; width:60%; left:20%;}
	/* section3 */
	.section3 .mobile .section_tet{ top:100px;}
	.section3 .mobile img.sec3_1{ top:320px; width:900px; height:325px; left:20%;}
	.active.section3 .mobile img.sec3_1{ top:370px; left:15%;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{ top:440px; left:340px;}
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{ top:440px; left:390px;}
	.scale{ left:6%; top:275px; width:220.18px; height:200px;}
	.scale_step{ left:7%; top:280px; width:354.55px; height:200px;}
	.temperature{  font-size:2.8rem; padding-left:90px; line-height:170px; height:170px; font-weight:lighter;}
	/* section4 */
	.active.section4 .mobile .section_tet{ top:100px;}
	.section4 .mobile .sec4_img{ bottom:-80px; right:20px; width:600px; height:403.8px;}
	.section4 .mobile img.sec4_1{bottom:80px; right:-100px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-20px;bottom:-200px;}
	.active.section4 .mobile .sec4_img img.sec4_2{ bottom:50px;}
	.section4 .mobile img.sec4_3{bottom:80px;  right:-100px;}
	.active.section4 .mobile img.sec4_4{bottom:80px;  right:-100px;}
	/* section5 */
	.active.section5 .mobile .section_tet{ top:100px;}
	.section5 .mobile .sec5_img{ position: absolute; bottom:150px; left:50%; margin-left:-180px; width:268px; height:400px;}
	/* section6 */
	.active.section6 .mobile .section_tet{ top:100px;}
	.section6 .mobile .tab-box.tab1{  bottom:50px; right:150px; width:400px; height:204px;}
	.section6 .mobile .tab-box.tab2{ bottom:100px; right:160px; margin-right:0; width:117px; height:250px;}
	/* section7 */
	.section7 .mobile .section_tet{top:100px;left:2%;}
	.section7 .mobile .sec7_img{ position: absolute; left:50%; top:50%; margin-left:-250px; margin-top:-135px; width:500px; height:255px; }
	.section7 .mobile .sec7_img img{ width:auto; height:100%; position:absolute; bottom:0; left:0;transition: all 1s; opacity:0; z-index:10}
	.section7 .mobile .section_btn{ width:100%; height:85px; position:relative; top:20px; right:0px;}
	.section7 .mobile .section_btn img{ position:absolute; top:0; right:80%; height:100%;}
	/* section8 */
	.sec8_cont{margin-left:0;width:100%; left:0;}
	.section8 .mobile .section_tet{  top:100px;}
	.section8 .mobile .section_tet h3{ font-size:2rem; line-height:2rem;}
	.slide_container {margin-bottom: 0px;  top:200px;margin-left:-93px;width:186px; left:50%; }
	.slide_nav { left:-110px;  height: 303px;  width: 100px;  }
	.slide_nav.next {  right: -110px;  }
	/* section9 */
	.section9 .mobile .section_tet{ top:100px;left:2%;}
	.section9 .mobile .section_tet h1{padding-bottom:8px; line-height:2.5rem;}
	.section9 .mobile .section_tet h2{padding-bottom:5px;}
	.section9 .mobile img.sec9_3{  bottom:0px;right:20%; width:auto; height:62%; transition: all 1s; opacity:0; z-index:10;}
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:40px;opacity:1; transition-delay: 0.7s; }
	.section9 .mobile img.sec9_4{ position: absolute; bottom:40px;right:25%; width:auto; height:62%; transition: all 1s; opacity:0; z-index:9;}
	.active.section9 .mobile img.sec9_4,.active1.section9 .mobile img.sec9_4{  right:20%;opacity:1; transition-delay: 1.5s; }
	.section9 .mobile img.sec9_5{  padding-top:10px; padding-bottom:5px; }
	
	.section9 .mobile img.sec9_7{  bottom:50px;}
}
@media screen and (max-width:500px){
	/* section1 */
	.section1 .mobile img.sec1_1{ display:none;position: absolute; top:80px; left:20%; width:70%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_1{ left:15%;opacity:1; transition-delay: 0.7s;}
	.section1 .mobile img.sec1_2{ display:none;position: absolute;top:120px; left:0%;  width:70%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_2{ left:15%; opacity:1; transition-delay: 0.7s;}
	.section1 .mobile img.sec1_1_1{ position: absolute; top:80px; left:15%; width:70%; }
	.section1 .mobile img.sec1_2_1{ position: absolute;top:120px; left:15%;  width:70%; }
	/* section2 */
	.section2 .mobile .section_tet{ top:70px;}
	.section2 .mobile img.sec2_4{ right:-100%;}
	.active.section2 .mobile .active1 img.sec2_4,.section2 .mobile img.sec2_5,.section2 .mobile img.sec2_6,.section2 .mobile img.sec2_7{right:-80%; }
	.section2 .mobile img.sec2_8{ left:10%;width:80%; }
	.section2 .mobile img.sec2_9{ left:10%; width:80%; }
	/* section3 */
	.section3 .mobile .section_tet{ top:70px;}
	.section3 .mobile img.sec3_1{left:100px; top:300px;width:800px; height:289px;}
	.active.section3 .mobile img.sec3_1{ left:50px;top:320px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{left:265px; top:385px; width:50px; height:76px; }
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{  left:320px; top:385px;width:50px; height:76px; }
	.scale{ left:60px; top:240px; width:200px; height:156px; }
	.scale_step{left:60px; top:250px; width:276.55px; height:156px;}
	.temperature{ padding-left:90px; line-height:156px; height:156px;}
	/* section4*/
	.active.section4 .mobile .section_tet{ top:70px;}
	.section4 .mobile .sec4_img{ width:600px; height:403.8px; bottom:0px;}
	.section4 .mobile img.sec4_1{ right:-120px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-40px;bottom:-200px; }
	.section4 .mobile img.sec4_3{ right:-120px;}
	.active.section4 .mobile img.sec4_4{ right:-120px}
	/* section5 */
	.active.section5 .mobile .section_tet{ top:70px;}
	.section5 .mobile .sec5_img{  bottom:100px; left:50%; margin-left:-150px; width:300px; height:336px;}
	/* section6 */
	.active.section6 .mobile .section_tet{ top:70px;}
	.section6 .mobile .tab-box.tab2{ right:130px;}
	/* section7 */
	.section7 .mobile .section_tet{ top:70px;}
	.section7 .mobile .sec7_img{ margin-top:-90px;}
	/* section9 */
	.section9 .mobile .section_tet{ top:70px;}
}	
@media screen and (max-width:420px){
	.mobile .section_tet p{padding-top:5px;}
 	.mobile .section_tet p.zlh{padding-top:10px;}
	/* section1 */
	.section1 .mobile img.sec1_1{ display:none;position: absolute; top:80px; left:20%; width:70%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_1{ left:15%;opacity:1; transition-delay: 0.7s;}
	.section1 .mobile img.sec1_2{ display:none;position: absolute;top:120px; left:0%;  width:70%; height: auto; transition: all 1s; opacity:0; z-index:10}
	.active.section1 .mobile img.sec1_2{ left:15%; opacity:1; transition-delay: 0.7s;}
	.section1 .mobile img.sec1_3{ display:none; position: absolute;bottom: 25px; left:18%; width: auto; height: 65%; transition: all 1s; opacity:0; z-index:9}
	.active.section1 .mobile img.sec1_3{ opacity:1; transition-delay: 0.7s; }
	.section1 .mobile img.sec1_1_1{ position: absolute; top:80px; left:15%; width:70%; height: auto;z-index:10;
		-webkit-animation: 	appearFromRL1 2000ms ease 1000ms both;
		-moz-animation: 	appearFromRL1 2000ms ease 1000ms both;
		-ms-animation: 		appearFromRL1 2000ms ease 1000ms both;
		-o-animation: 		appearFromRL1 2000ms ease 1000ms both;
		animation: 			appearFromRL1 2000ms ease 1000ms both;}
	.section1 .mobile img.sec1_2_1{ position: absolute;top:120px; left:15%;  width:70%; height: auto;z-index:10;
			-webkit-animation: 	appearFromRL2 2000ms ease 1000ms both;
		-moz-animation: 	appearFromRL2 2000ms ease 1000ms both;
		-ms-animation: 		appearFromRL2 2000ms ease 1000ms both;
		-o-animation: 		appearFromRL2 2000ms ease 1000ms both;
		animation: 			appearFromRL2 2000ms ease 1000ms both;}
	.section1 .mobile img.sec1_3_1{ position: absolute;bottom: 25px; left:18%; width: auto; height: 65%; transition: all 1s; opacity:0; z-index:9;
		-webkit-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL3 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL3 2000ms ease 1000ms both;
	animation: 			appearFromRL3 2000ms ease 1000ms both;}	
	/* section2 */
	.section2 .mobile img.sec2_4{ right:-90%;}
	.active.section2 .mobile .active1 img.sec2_4,.section2 .mobile img.sec2_5,.section2 .mobile img.sec2_6,.section2 .mobile img.sec2_7{right:-80%; }
	.section2 .mobile img.sec2_8{ left:5%;width:90%; bottom:60px; }
	.section2 .mobile img.sec2_9{ left:5%; width:90%; bottom:60px; }
	/* section3 */
	.section3 .mobile img.sec3_1{left:100px; top:250px;width:800px; height:289px;}
	.active.section3 .mobile img.sec3_1{ left:50px;top:280px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{left:265px; top:350px; width:50px; height:76px; }
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{  left:320px; top:350px;width:50px; height:76px; }
	.scale{ left:60px; top:200px; width:200px; height:156px; }
	.scale_step{left:60px; top:210px;}
	.temperature{ padding-left:90px; line-height:156px; height:156px;}
	/* section4*/
	.section4 .mobile .sec4_img{ width:600px; height:403.8px; bottom:0px;}
	.section4 .mobile img.sec4_1{ right:-120px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-40px;bottom:-200px; }
	.section4 .mobile img.sec4_3{ right:-120px;}
	.active.section4 .mobile img.sec4_4{ right:-120px}
	.active.section4 .mobile .sec4_img img.sec4_2{ bottom:0;}
	.section4 .mobile img.sec4_1,.section4 .mobile img.sec4_3,.active.section4 .mobile img.sec4_4{ bottom:30px;}
	/* section5 */
	.section5 .mobile .sec5_img{  bottom:100px; left:50%; margin-left:-150px; width:300px; height:336px;}
	/* section6 */
	.section6 .mobile .section_tet{ left:5%;}
	.sec6_btn{top:30px;}
	.section6 .mobile .tab-box.tab1{  bottom:-50px; right:60px; width:450px; height:229px;}
	.section6 .mobile .tab-box.tab2{ bottom:80px; right:50%; margin-right:-150px; width:300px; height:345px;}
	.active.section6 .mobile .tab-box.active1 img.sec6_1{ bottom:150px ;  }
	.section6 .mobile  img.sec6_2{bottom:150px; }
	.section6 .mobile img.sec6_3,.section6 .mobile img.sec6_4,.section6 .mobile img.sec6_5{bottom:150px; }
	/* section7 */
	.section7 .mobile .sec7_img{ position: absolute; left:50%; top:50%; margin-left:-300px; margin-top:-180px; width:800px; height:408px; }
	.section7 .mobile img.sec7_1{ margin-left:-220px;}
	.section7 .mobile .section_btn img{ position:absolute; top:0; right:20%; height:100%;}
	/* section8 */
	.section8 .mobile .section_tet{  top:110px;}
	.section8 .mobile .section_tet h3{ font-size:2.2rem; line-height:2.2rem;}
	.slide_container {margin-bottom: 0px;  top:200px;margin-left:-92px;width:184px; left:50%; }
	 .slide_nav { left:-100px;  height: 300px;  width:95px;  }
	.slide_nav.next {  right: -100px;  }
	/* section9 */
	.section9 .mobile .section_tet{ top:60px;}
	.section9 .mobile .section_tet h1{padding-bottom:8px; font-size:2.2rem; line-height:2.2rem;}
	.section9 .mobile .section_tet h2{padding-bottom:5px;}
	.section9 .mobile .section_tet p.p9_1{ width:220px;}
	.section9 .mobile img.sec9_5{ padding-top:10px; padding-bottom:5px; }
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:45px;}
	.section9 .mobile img.sec9_4{ bottom:45px;}

}
@media screen and (max-width:400px){
	/* section1 */
	.section1 .mobile img.sec1_1{ top:75px; }
	.section1 .mobile img.sec1_1_1{ top:75px; }
	.section1 .mobile img.sec1_2{ top:105px; }
	.section1 .mobile img.sec1_2_1{ top:105px; }
	/* section3 */
	.section3 .mobile .section_tet{ top:60px;}
	.section3 .mobile img.sec3_1{left:120px; top:200px;width:800px; height:289px;}
	.active.section3 .mobile img.sec3_1{ left:40px;top:250px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{left:260px; top:315px; width:50px; height:76px; }
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{  left:315px; top:315px;width:50px; height:76px; }
	.scale{ left:60px; top:180px; width:180px; height:140px; }
	.scale_step{ left:60px; top:195px; width:248.18px; height:140px;}
	.temperature{ padding-left:80px; line-height:140px; height:140px;}
	/* section4*/
	.section4 .mobile .section_tet{ top:60px;}
	.section4 .mobile img.sec4_1{ right:-150px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-45px;bottom:-200px; }
	.section4 .mobile img.sec4_3{ right:-150px;}
	.active.section4 .mobile img.sec4_4{ right:-150px}
	.section4 .mobile img.sec4_1, .section4 .mobile img.sec4_3, .active.section4 .mobile img.sec4_4{ bottom:0;}
	/* section5 */
	.active.section5 .mobile .section_tet{ top:60px;}
	.section5 .mobile .sec5_img{  bottom:65px; }
	/* section6 */
	.active.section6 .mobile .section_tet{ top:60px;}
	.sec6_btn{top:20px;}
	.section6 .mobile .tab-box.tab1{  bottom:-100px; right:60px; width:450px; height:229px;}
	.section6 .mobile .tab-box.tab2{ right:50%; margin-right:-100px; width:200px; height:230px;}
	.active.section6 .mobile .tab-box.active1 img.sec6_1{ bottom:170px ;  }
	.section6 .mobile  img.sec6_2{bottom:170px; }
	.section6 .mobile img.sec6_3,.section6 .mobile img.sec6_4,.section6 .mobile img.sec6_5{bottom:170px; }
	/* section7 */
	.section7 .mobile .section_tet{ top:60px;}
	/* section8 */
	.section8 .mobile .section_tet{  top:80px;}
	.slide_container { top:150px; }
	/* section9 */
	.section9 .mobile .section_tet h4{ display:block; font-size:2.2rem; font-weight:normal; line-height:2.3rem; color:#7e5548;padding-bottom:8px; }
	.section9 .mobile .section_tet{ top:60px;}
	.section9 .mobile .section_tet h1{ display:none;}
	.section9 .mobile .section_tet p.p9_1{ width:150px;}
	.section9 .mobile img.sec9_3{  height:62%; }
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:60px;}
	.section9 .mobile img.sec9_4{ bottom:60px; height:62%;}
	
	.section9 .mobile img.sec9_7{  bottom:70px;right:2%; }
}
@media screen and (max-width:350px){
	.mobile .section_tet h1{ font-size:2rem; line-height:2rem; }
	/* section1 */
	.section1 .mobile img.sec1_1{ top:65px; }
	.section1 .mobile img.sec1_1_1{ top:65px; }
	.section1 .mobile img.sec1_2{ top:90px; }
	.section1 .mobile img.sec1_2_1{ top:90px; }
	/* section2 */
	.section2 .mobile .section_tet1{ top:60px;}
	/* section3 */
	.active.section3 .mobile .section_tet{ left:2%; width:100%; padding-left:35px;}
	.section3 .mobile img.sec3_1{left:120px; top:180px;width:600px; height:217px;}
	.active.section3 .mobile img.sec3_1{ left:30px;top:230px;}
	.section3 .mobile img.sec3_2,.section3 .mobile img.sec3_2_1{left:190px; top:275px; width:50px; height:76px; }
	.section3 .mobile img.sec3_3,.section3 .mobile img.sec3_3_1{  left:235px; top:275px;width:50px; height:76px; }
	.scale{ left:40px; top:170px; width:150px; height:117px; }
	.scale_step{ left:40px; top:170px; width:207.41px; height:117px;}
	.temperature{ padding-left:50px; line-height:117px; height:117px;}
	/* section4 */
	.active.section4 .mobile .section_tet{ top:60px;}
	.section4 .mobile .sec4_img{ width:500px; height:336.5px; bottom:-30px;}
	.section4 .mobile img.sec4_1{ right:-120px; bottom:15px;}
	.section4 .mobile .sec4_img img.sec4_2{ right:-50px;}
	.section4 .mobile img.sec4_3{ right:-120px;bottom:15px;}
	.active.section4 .mobile img.sec4_4{ right:-120px;bottom:15px;}
	/* section5 */
	.active.section5 .mobile .section_tet{top:60px;}
	.section5 .mobile .sec5_img{margin-left:-130px; width:260px; height:291px; }
	/* section6 */
	.sec6_btn{top:10px;}
	.section6 .mobile .tab-box.tab1{  bottom:-80px; right:160px; width:250px; height:127px;}
	.section6 .mobile .tab-box.tab2{ bottom:50px; right:50%; margin-right:-100px; width:200px; height:230px;}
	/* section7 */
	.section7 .mobile .sec7_img{ position: absolute; left:50%; top:50%; margin-left:-250px; margin-top:-120px; width:600px; height:306px; }
	.section7 .mobile img.sec7_1{ margin-left:-150px;}
	.section7 .mobile .section_btn img{ position:absolute; top:0; right:25%; height:75%;}
	/* section8 */
	.section8 .mobile .section_tet{  top:65px;}
	.section8 .mobile .section_tet h3{ font-size:2rem; line-height:2rem;}
	.slide_container {margin-bottom: 0px;  top:110px;margin-left:-76.5px;width:153px; left:50%; }
	 .slide_nav { left:-85px;  height: 250px;  width:79px;  }
	.slide_nav.next {  right: -85px;  }
	/* section9 */
	.section9 .mobile img.sec9_3{  bottom:0px;right:20%; width:auto; height:58%; transition: all 1s; opacity:0; z-index:10;}
	.active.section9 .mobile img.sec9_3,.active1.section9 .mobile img.sec9_3{  bottom:50px;opacity:1; transition-delay: 0.7s; }
	.section9 .mobile img.sec9_4{ position: absolute; bottom:50px;right:25%; width:auto; height:58%; transition: all 1s; opacity:0; z-index:9;}
	.active.section9 .mobile img.sec9_4,.active1.section9 .mobile img.sec9_4{  right:20%;opacity:1; transition-delay: 1.5s; }
	.section9 .mobile img.sec9_5{  padding-top:10px; padding-bottom:5px; }
	
	.section9 .mobile img.sec9_7{  bottom:60px;right:2%; height:50px; }
}
@-webkit-keyframes appearFromRL1 {
	0%	{opacity: 0; -webkit-transform: translateX(200px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(0);}
}@-moz-keyframes appearFromRL1 {
	0%	{opacity: 0;-moz-transform: translateX(200px);}
	100%{opacity: 1; -moz-transform: translateX(0) ;}
}@-ms-keyframes appearFromRL1 {
	0%	{opacity: 0;-ms-transform: translateX(200px);}
	100%{opacity: 1;-ms-transform: translateX(0) ;}
}@-o-keyframes appearFromRL1 {
	0%	{opacity: 0;-o-transform: translateX(200px);}
	100%{opacity: 1;-o-transform: translateX(0) ;}
}@keyframes appearFromRL1 {
	0%	{opacity: 0;transform: translateX(200px) ;}
	100%{opacity: 1;transform: translateX(0) ;}
}
@-webkit-keyframes appearFromRL2 {
	0%	{opacity: 0; -webkit-transform: translateX(-200px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(0);}
}@-moz-keyframes appearFromRL2 {
	0%	{opacity: 0;-moz-transform: translateX(-200px);}
	100%{opacity: 1; -moz-transform: translateX(0) ;}
}@-ms-keyframes appearFromRL2 {
	0%	{opacity: 0;-ms-transform: translateX(-200px);}
	100%{opacity: 1;-ms-transform: translateX(0) ;}
}@-o-keyframes appearFromRL2 {
	0%	{opacity: 0;-o-transform: translateX(-200px);}
	100%{opacity: 1;-o-transform: translateX(0) ;}
}@keyframes appearFromRL2 {
	0%	{opacity: 0;transform: translateX(-200px) ;}
	100%{opacity: 1;transform: translateX(0) ;}
}
@-webkit-keyframes appearFromRL4 {
	0%	{opacity: 0; -webkit-transform: translateX(0px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(10px);}
}@-moz-keyframes appearFromRL4 {
	0%	{opacity: 0;-moz-transform: translateX(0px);}
	100%{opacity: 1; -moz-transform: translateX(10px) ;}
}@-ms-keyframes appearFromRL4 {
	0%	{opacity: 0;-ms-transform: translateX(0px);}
	100%{opacity: 1;-ms-transform: translateX(10px) ;}
}@-o-keyframes appearFromRL4 {
	0%	{opacity: 0;-o-transform: translateX(0px);}
	100%{opacity: 1;-o-transform: translateX(10px) ;}
}@keyframes appearFromRL4 {
	0%	{opacity: 0;transform: translateX(0px) ;}
	100%{opacity: 1;transform: translateX(10px) ;}
}
@-webkit-keyframes appearFromRL6 {
	0%	{opacity: 0; -webkit-transform: translateX(0px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(5px);}
}@-moz-keyframes appearFromRL6 {
	0%	{opacity: 0;-moz-transform: translateX(0px);}
	100%{opacity: 1; -moz-transform: translateX(5px) ;}
}@-ms-keyframes appearFromRL6 {
	0%	{opacity: 0;-ms-transform: translateX(0px);}
	100%{opacity: 1;-ms-transform: translateX(5px) ;}
}@-o-keyframes appearFromRL6 {
	0%	{opacity: 0;-o-transform: translateX(0px);}
	100%{opacity: 1;-o-transform: translateX(5px) ;}
}@keyframes appearFromRL6 {
	0%	{opacity: 0;transform: translateX(0px) ;}
	100%{opacity: 1;transform: translateX(5px) ;}
}
@-webkit-keyframes appearFromRL5 {
	0%	{opacity: 0; -webkit-transform: translateX(0px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(-10px);}
}@-moz-keyframes appearFromRL5 {
	0%	{opacity: 0;-moz-transform: translateX(0px);}
	100%{opacity: 1; -moz-transform: translateX(-10px) ;}
}@-ms-keyframes appearFromRL5 {
	0%	{opacity: 0;-ms-transform: translateX(0px);}
	100%{opacity: 1;-ms-transform: translateX(-10px) ;}
}@-o-keyframes appearFromRL5 {
	0%	{opacity: 0;-o-transform: translateX(0px);}
	100%{opacity: 1;-o-transform: translateX(-10px) ;}
}@keyframes appearFromRL5 {
	0%	{opacity: 0;transform: translateX(0px) ;}
	100%{opacity: 1;transform: translateX(-10px) ;}
}
@-webkit-keyframes appearFromRL7 {
	0%	{opacity: 0; -webkit-transform: translateX(0px) ;}
	100%{ opacity: 1;-webkit-transform: translateX(-5px);}
}@-moz-keyframes appearFromRL7 {
	0%	{opacity: 0;-moz-transform: translateX(0px);}
	100%{opacity: 1; -moz-transform: translateX(-5px) ;}
}@-ms-keyframes appearFromRL7 {
	0%	{opacity: 0;-ms-transform: translateX(0px);}
	100%{opacity: 1;-ms-transform: translateX(-5px) ;}
}@-o-keyframes appearFromRL7 {
	0%	{opacity: 0;-o-transform: translateX(0px);}
	100%{opacity: 1;-o-transform: translateX(-5px) ;}
}@keyframes appearFromRL7 {
	0%	{opacity: 0;transform: translateX(0px) ;}
	100%{opacity: 1;transform: translateX(-5px) ;}
}
@-webkit-keyframes appearFromRL3 {
	0%	{opacity: 0; }
	100%{ opacity: 1;}
}@-moz-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@-ms-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@-o-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}

@-webkit-keyframes appearFromBot {
	0%	{opacity: 0;  -webkit-transform: translateY(8px) scaleY(0.00000001);}
	100%{ opacity: 1; -webkit-transform: translateY(0) scaleY(1);}
}@-moz-keyframes appearFromBot {
	0%	{ opacity: 0; -moz-transform: translateY(8px) scaleY(0.00000001);}
	100%{opacity: 1;  -moz-transform: translateY(0) scaleY(1);}
}@-ms-keyframes appearFromBot {
	0%	{opacity: 0; -ms-transform: translateY(8px) scaleY(0.00000001);}
	100%{opacity: 1; -ms-transform: translateY(0) scaleY(1);}
}@-o-keyframes appearFromBot {
	0%	{opacity: 0; -o-transform: translateY(8px) scaleY(0.00000001);}
	100%{opacity: 1; -o-transform: translateY(0) scaleY(1);}
}@keyframes appearFromBot {
	0%	{opacity: 0; transform: translateY(8px) scaleY(0.00000001);}
	100%{opacity: 1; transform: translateY(0) scaleY(1);}
}

@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}