@charset "utf-8";
/*共用样式*/
.section{width:100%;}
.desc-wrap{padding:40px 20px 50px 20px;}
.section h3{font-family:Arial, Helvetica, sans-serif; font-size:1.8em; text-align:center; line-height:28px; font-weight:lighter; margin-bottom:10px;}
.section p{font-size:1.3em; line-height:22px;}
.white{color:#FFF;}
.enfamily{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding:0 2px; vertical-align:-0.08em;}
#horizontal{display:none;}
#horizontal p{font-size:1.5em; text-align:center; line-height:24px; padding:30px;}
.ori-pic{width:130px; margin:20px auto 30px auto;
	-webkit-animation:load 1s linear 1s ;
	-moz-animation:load 1s linear 1s ;
	-ms-animation:load 1s linear 1s ;
	-o-animation:load 1s linear 1s ;
	animation:load 1s linear 1s ;
	-webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes load{
0%{
  transform:rotate(0);
  -ms-transform:rotate(0);
  -webkit-transform:rotate(0);
  -o-transform:rotate(0);
  -moz-transform:rotate(0);
}
100%{
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
}
}



/*=============== 轮换图 ===============*/
.homeShow{background:#000;}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{height:100%;padding-bottom:60px;}
.swipe ul li{height:100%; position:relative; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.swipe ul li img{display:block;}
.swipe a[title=LRBtn] {width:53px; height:53px;top:50%; margin-top:-53px; position:absolute;color:rgba(0 ,0 , 0 , 0); opacity:0.6;}
.swipe #pagenavi3,.swipe #pagenavi5,.swipe #pagenavi10{text-align:center;width:100%; height:2px; margin-top:-62px; position:relative; z-index:1;}
.swipe #pagenavi3 a,.swipe #pagenavi5 a,.swipe #pagenavi10 a{height:15px; width:15px; background:url(../../images_index/btn_main_img.png) no-repeat; background-size:15px; color:rgba(0,0,0,0); overflow:hidden; margin-right:1px; cursor:pointer;display:inline-block; position:relative; top:-35px;}
.swipe #pagenavi3 a.active,.swipe #pagenavi5 a.active,.swipe #pagenavi10 a.active{background-position:0px -15px;}
.swipe #lBtn {left:3px;}
.swipe #rBtn {right:3px;}
.fory{display:none;}

/*导航*/
.ml-header{width:100%; height:51px; position:relative; border-bottom:#d9d9d9 1px solid;}
.ml-logo{width:120px; height:50px; position:absolute; left:20px; top:0px; line-height:50px; font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size:2.3em;}
.topbox{width:97px; height:50px; position:absolute; right:25px; top:13px;}
.topbox a{width:97px; height:50px; display:block; color:#2eb7c7; font-size:1.5em; background:url(../images/buy-ico.png) no-repeat right 2px; background-size:21px;}

/*购买*/
.buybox{width:100%; height:50px;  background-color:rgba(255,255,255,0.8); position:fixed; bottom:0px; z-index:9999;}
.buybox a{margin:0 20px; height:36px; line-height:36px; margin-top:7px; color:#fff; font-size:1.5em; display:block; text-align:center; background:#2eb7c9;}
#returnbtn{bottom:60px !important;}

/*第1屏*/
.p1{position:relative;}
.p1 h1{width:100%; position:absolute; top:60px; text-align:center; font-size:2.3em; font-weight:lighter; font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; letter-spacing:-1px;}
.videobtn{width:300px; position:absolute; top:120px; left:50%; margin-left:-150px; text-align:center;}
.videobtn a{font-size:1.5em; color:#6c5337; padding-right:23px; background:url(../images/htimes-ico.png) no-repeat right 1px; background-size:18px; letter-spacing:-1px;}
.ban-go{width:16px; position:absolute; bottom:10px; left:50%; margin-left:-8px;}

/*第2屏*/
.p2{background-color:#f5f5f5; padding-bottom:20px;}
.bannerbox{width:100%; overflow:hidden;}
.bannermain{width:414px; height:400px; margin:auto; background:url(../images/p2img.jpg) no-repeat center top; background-size:100%;}
.flexslider2{margin:0 auto 20px; position: relative; width:100%; height:400px; overflow:hidden; zoom:1;}
.flexslider2 .slides li{width:100%; font-size:18px;}
.gytxtbox{width:100%; height:300px; margin:auto; position:relative;}
.gytxt{height:150px; position:absolute;}
.gytxt p{width:180px; font-size:15px; line-height:22px;}
.gyt1{width:178px; background:url(../images/p2a.png) no-repeat right top; background-size:55px; left:74px; top:32px;}
.gyt1 p{width:168px; text-align:right; padding-right:15px; padding-top:8px;}
.gyt2 {width:240px; background:url(../images/p2b.png) no-repeat right top; background-size:110px; left:75px; top:25px;}
.gyt2 p{width:173px; text-align:right; padding-top:8px;}
.gyt3{width:178px; background:url(../images/p2d.png) no-repeat left top; background-size:55px; left:202px; top:283px;}
.gyt3 p{width:150px; text-align:left; margin-left:10px; padding-top:25px;}
.gyt4{width:309px; background:url(../images/p2c.png) no-repeat left top; background-size:105px; top:305px; left:103px;}
.gyt4 p{width:140px; text-align:left; margin-left:63px; padding-top:8px;}
.gyt5{width:204px; background:url(../images/p2e.png) no-repeat right top; background-size:83px; left:21px; top:86px;}
.gyt5 p{width:160px; text-align:right; padding-top:8px;}
.flexslider2 .slides li img{width:1190px; height:500px;}
.flex-control-nav2{width:1190px; margin:auto; position:relative;}
.flex-control-nav2 li{margin:0 2px; position:absolute; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging2 li a{width:23px; height:24px; background:url(../images/dot.png) no-repeat 0 0; background-size:20px; display:block; overflow:hidden; text-indent:-99em; cursor:pointer;}
.flex-control-paging2 li a.flex-active, .flex-control-paging2 li.active a{background-position:0 -35px;}
@media (width:300px){.bannermain{margin-left:-57px;}}
@media (width:360px){.bannermain{margin-left:-27px;}}


/*第4屏*/
.p4{background-color:#000;}
.p4bgimg{background:url(../images/p4.jpg) no-repeat center center; background-size:cover;}
.p4ico{width:300px; margin:auto; padding-bottom:50px;}
.p4ico ul{margin:10px 0 0 0;}
.p4ico li{width:150px; margin-top:30px; font-size:1.3em; padding-top:90px; float:left; text-align:center; background:url(../images/gn-ico.png) no-repeat; background-size:500px;}
@media (min-width:414px){
.p4ico{width:380px; overflow:hidden;}
.p4ico ul{width:450px;}
.p4ico li{margin-right:40px;}
}

/*第6屏电池*/
.p6{background-color:#f8f8f8;}
.p6dian{width:90%; margin:auto;}
.p6 img{margin:20px auto 20px auto;}

/*第7屏防水*/
.p7{background: url(../images/p7bg.jpg) no-repeat center; background-size:100%;}
.p7img{width:170px; margin:60px auto 10px auto;}

/*第8屏*/
.p8img{width:240px; margin:30px auto 0 auto;}
.p8ico{width:260px; margin:20px auto 0 auto;}

/*第9屏颜色*/
.p9{background-color:#f5f5f5;}
.colormain{width:100%; height:480px;}
.colortxt{width:100%; z-index:998;}
.colortxt p{text-align:center;}
.flexslider9{width:100%; height:100%; margin:0px auto 20px; position:relative; overflow:hidden; zoom:1;}
.flexslider9 .slides{width:65px; position:absolute; right:45px;}
.flexslider9 .slides li{width:65px;}
.flexslider9 .slides li img{width:100%;}
.flex-control-nav9{width:100px; position:absolute; top:20px; left:30px; text-align:left;}
.flex-control-nav9 li{display:inline-block; margin-bottom:32px; zoom:1; *display:inline;}
.flex-control-nav9 li span{width:200px; height:50px; position:absolute; left:50px; top:50px;}
.flex-control-paging9 li a{width:150px; height:32px; background:url(../images/colorbtn.gif) no-repeat; background-size:198px; display:block; overflow:hidden; text-indent:38px; font-size:12px; line-height:31px; cursor:pointer;}
.flex-control-paging9 li.co1 a{background-position:0 0;}
.flex-control-paging9 li.co2 a{background-position:0 -43px}
.flex-control-paging9 li.co3 a{background-position:0 -86px;}
.flex-control-paging9 li.co4 a{background-position:0 -130px;}
.flex-control-paging9 li.co5 a{background-position:0 -175px;}
.flex-control-paging9 li.co1 a.flex-active,.flex-control-paging9 li.co1.active a{background-position:-167px 0; font-weight:bold;}
.flex-control-paging9 li.co2 a.flex-active,.flex-control-paging9 li.co2.active a{background-position:-167px -43px; font-weight:bold;}
.flex-control-paging9 li.co3 a.flex-active,.flex-control-paging9 li.co3.active a{background-position:-167px -86px; font-weight:bold;}
.flex-control-paging9 li.co4 a.flex-active,.flex-control-paging9 li.co4.active a{background-position:-167px -130px; font-weight:bold;}
.flex-control-paging9 li.co5 a.flex-active,.flex-control-paging9 li.co5.active a{background-position:-167px -175px; font-weight:bold;}
.flexslider9 .slides a img{width:100%; height:482px; display:block;}
.p9txt{width:130px; font-size:1.1em; position:absolute; left:30px; top:360px;}
.ruler{width:45px; height:428px; position:absolute; right:120px; top:0px; background:url(../images/ruler.gif) no-repeat center; background-size:auto 428px; text-align:center;}
.cm1{position:absolute; top:170px;}.cm2{position:absolute; top:370px;}
@media (max-width:330px){
.flexslider9 .slides{right:25px;}
.ruler{right:100px;}
}
@media (width:414px){
.flex-control-nav9{left:50px;}
.p9txt{left:50px;}
.p9 p{text-align:center !important;}
}

/*第10屏旅行*/
.luxingbox{width:100%; position:relative;}
.luxingtxt{position:absolute; padding:0 20px 0 20px; top:30px;}
.luxingtxt h3{font-family:msyhl550485, "微软雅黑"; font-size:2.3em; text-align:center; line-height:35px; font-weight:lighter; margin-bottom:17px;}
.luxingtxt p{font-size:1.2em; line-height:22px;}
.luxinghand{position:absolute; bottom:0px;}

.bellows{margin-top:0px !important;}

/*弹出视频*/
.hidden{display:none;}
.window{width:1178px; height:430px; padding:6px; background-color:#959494; display:none; color:#404040;}
.winbg{width:1178px; height:430px; background:url(../images/p4bgfix.jpg); color:#FFF;}
.wintitle{width:1098px; height:80px; line-height:80px; text-align:center; font-size:35px;}
.winamin{width:1088px; margin:auto; padding:30px 45px;}
.winamin p{font-size:16px; line-height:30px; text-indent:35px; padding-bottom:20px; text-align:left;}
@media (max-width:1260px){
.window{width:930px; height:500px;}
.winbg{width:930px; height:500px;}
.wintitle{width:850px;}
.winamin{width:840px;}
.window object{width:930px; height:500px;}
}
.closebtn{width:30px; height:30px; position:absolute; z-index:9999; top:-10px; right:-10px; background:url(../images/close.png) no-repeat;}
.closebtn a{width:30px; height:30px; display:block; text-indent:-9999px;}