@charset "utf-8";
/*共用样式*/
body{overflow:hidden;}
.section{overflow:hidden;}
.section h3{font-family:msyhl7869c61a4457, "微软雅黑"; font-size:48px; line-height:55px; margin-bottom:20px; font-weight:lighter;}
.h3en{font-family:msyhl7869c61a4457, Arial; font-size:50px;}
.section p{font-size:16px; line-height:30px; text-align:justify; text-justify:inter-ideograph;}
.clearfix:after{content:""; display:table; clear:both;}
.center-wrap{width:1190px; position:relative; z-index:1; margin:0 auto;}
.centerDiv{width:0; height:0; position:absolute; top:50%; bottom:50%; left:50%; right:50%;}
.centerMain{width:1190px; margin-left:-595px; position:relative;}
#fp-nav ul li:first-child, #fp-nav ul li:last-child{display:none;}

/*导航*/
.headerbox{height:70px; position:relative;}
.ml-nav{position:absolute; top:0; left:0; z-index:1; width:100%;}
.ml-nav-bg{width:100%; height:65px; border-bottom:#d9d9d9 1px solid; position:absolute; background-color:#FFF; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.ml-menubox{padding-top:15px;}
.ml-logo{float:left; width:143px; height:26px; margin:5px 0; font-size:0; background-image:url(../images/htimes-logo.png);}
.ml-link{float:right; margin:5px 120px 0 0; font-size:0;}
.ml-link a{display:inline-block; margin:0 15px; font-size:16px;}
.buy-now{width:94px; height:28px; position:absolute; right:0; top:18px; line-height:28px; text-align:center; color:#fff; font-size:12px; background-color:#2eb7c7;}
.buy-now:hover{color:#fff;}

/*第1屏*/
.page1{width:100%; height:100%; background:url(../images/bg1-s.jpg) center center no-repeat;}
.banmain{height:210px; margin-top:-70px;}
.banlogo{width:420px; height:40px; margin-left:60px; background:url(../images/htimes-ico.png) no-repeat center top;}
.banmain h1{width:420px; margin:18px 0 0 60px; text-align:center; font-size:48px; font-weight:lighter; font-family:msyhl7869c61a4457, "微软雅黑";}
.banmain ul{width:310px; margin:50px 0 0 90px; padding-left:30px;}
.banmain li{float:left; font-size:16px;}
.banmain li a{color:#6e563a; padding-right:30px; background:url(../images/htimes-ico.png) no-repeat;}
.ban-go { width:24px; height:21px; position:absolute; bottom:10px; left:50%; margin-left:-12px;}
@media screen and (min-height:800px) {
.page1{background:url(../images/bg1.jpg) center center no-repeat;}
}
/*弹出视频*/
.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;}

/*第2屏*/
.gymain{height:100%; text-align:center; margin-top:140px;}
.gymain p{text-align:center;}
.bannerbox{height:100%; background:url(../images/bg2.jpg) no-repeat center top; margin-top:20px; padding-top:78px;}
.flexslider2{margin:0 auto 20px; position: relative; width:100%; height:500px; overflow:hidden; zoom:1;}
.flexslider2 .slides li{width:100%; height:100%; font-size:18px;}
.gytxtbox{width:1190px; height:500px; margin:auto; position:relative;}
.gytxt{height:150px; position:absolute;}
.gytxt p{width:300px;}
.gyt1{width:397px; background:url(../images/p2a.png) no-repeat right top; left:154px; top:0px;}
.gyt1 p{text-align:right; padding-top:27px;}
.gyt2 {width:397px; background:url(../images/p2b.png) no-repeat 223px top; left:0px; top:204px;}
.gyt2 p{text-align:right; margin-left:8px; padding-top:16px;}
.gyt3{width:450px; background:url(../images/p2c.png) no-repeat left top; left:665px; top:238px;}
.gyt3 p{text-align:left; margin-left:155px; padding-top:64px;}
.gyt4{width:489px; background:url(../images/p2d.png) no-repeat left bottom; top:240px; left:595px;}
.gyt4 p{text-align:left; margin-left:186px; padding-top:45px;}
.gyt5{width:300px; background:url(../images/p2e.png) no-repeat right top; left:859px; top:142px;}
.gyt5 p{text-align:right; padding-top:102px;}
.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:23px; background:url(../images/dot.png) no-repeat 0 0; 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 -41px;}
@media (max-height:800px) {
.bannerbox{margin-top:0px;}
.gymain{margin-top:30px;}
.bannerbox{margin-top:0px;}
.gytxet{display:none;}
}


/*第3屏*/
.flexslider3{width:100%; height:100%; position:relative; margin:0px auto 20px; overflow:hidden; zoom:1;}
.flexslider3 .slides li{width:100%; height:100%;}
.flex-direction-nav a{width:70px; height:70px; line-height:99em; overflow:hidden; margin:-35px 0 0; display:block; background:url(../images/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; -webkit-transition:all .3s ease; border-radius:35px; }
.flex-direction-nav .flex-next{background-position: 0 -70px; right:35px;}
.flex-direction-nav .flex-prev{left:35px;}
.flexslider3:hover .flex-next {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; cursor:pointer;}
.flexslider3:hover .flex-prev {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; cursor:pointer;}
.flexslider3:hover .flex-next:hover, .flexslider3:hover .flex-prev:hover {opacity:1; filter: alpha(opacity=20);}
.flex-control-nav3{width:100%; position:absolute; bottom:45px; text-align:center;}
.flex-control-nav3 li {margin:0 2px; display:inline-block; zoom:1;  *display:inline;}
.flex-control-paging3 li a {background: url(../images/dot-gimg.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer;}
.flex-control-paging3 li a.flex-active, .flex-control-paging3 li.active a {background-position: 0 0;}
.flexslider3 .slides a img {width: 100%; height: 482px; display: block;}


/*第4屏*/
.page4 { width:100%; height:100%; background:url(../images/bg4.jpg) center center no-repeat; }
.gnmain { height:566px; margin-top:-255px; text-align:center; color:#cccccc; }
.gnmain p { text-align:center; }
.gnmain ul { margin-top:150px; }
.gnmain li { width:297px; height:70px; float:left; padding-top:220px; background:url(../images/gn-ico.png) no-repeat; color:#cccccc; font-size:22px; line-height:35px; }
@media (max-height:800px) {
.gnmain{height:486px;margin-top:-213px;}
.gnmain ul{margin-top:70px;}
}

/*第5屏功能展示*/
.main_image{width:100%; height:100%; position:absolute; margin:0px auto; overflow:hidden; zoom:1;}
.main_image ul{width:100%; height:100%; }
.main_image li{width:100%; height:100%; float:left;}
.main_image li span{width:100%; height:100%; display:block;}
.main_image li span img{width:205px; height:210px; position:absolute; top:145px; left:50%; margin-left:-595px;}
.main_image li a{width:100%; height:100%; display:block;}
.main_image li .img_1{background:url(../images/gnimg1.jpg) center center no-repeat;}
.main_image li .img_2{background:url(../images/gnimg2.jpg) center center no-repeat;}
.main_image li .img_3{background:url(../images/gnimg3.jpg) center center no-repeat;}
.main_image li .img_4{background:url(../images/gnimg4.jpg) center center no-repeat;}
div.flicking_con{width:100%; height:100%; margin:0 auto; position:absolute;}
div.flicking_con .flicking_inner{width:400px; height:33px; position:absolute; left:50%; margin-left:-200px; bottom:65px; z-index:999;} 
div.flicking_con a{width:100px; height:33px; float:left; margin:0; padding:0; background:url(../images/btn_main_img.png) no-repeat; display:block; color:#FFF; font-size:15px; text-align:center; line-height:33px;}
div.flicking_con li.fibtn1 a{background-position:0 -33px;}
div.flicking_con li.fibtn1 a.on,div.flicking_con li.fibtn1 a:hover{background-position:0 0;}
div.flicking_con li.fibtn2 a{background-position:-100px -33px;}
div.flicking_con li.fibtn2 a.on,div.flicking_con li.fibtn2 a:hover{background-position:-100px 0;}
div.flicking_con li.fibtn3 a{background-position:-100px -33px;}
div.flicking_con li.fibtn3 a.on,div.flicking_con li.fibtn3 a:hover{background-position:-100px 0;}
div.flicking_con li.fibtn4 a{background-position:-200px -33px;}
div.flicking_con li.fibtn4 a.on,div.flicking_con li.fibtn4 a:hover{background-position:-200px 0;}


/*第6屏电池*/
.page6 { width:100%; height:100%; background:url(../images/bg6.jpg) center center no-repeat; }
.dcmain { height:400px; margin-top:-188px; text-align:left; }
.dcmain img { margin-top:90px; }
@media (max-height:800px) {
.page6 {
background-size:80%;
}
}
/*第7屏防水*/
.page7{width:100%; height:100%; background:url(../images/bg7.jpg) center center no-repeat;}
.fsmain{height:620px; margin-top:-300px; color:#fff; text-align:center;}
.fsmain p{text-align:center;}
.fsmain img{margin-top:245px;}
@media (max-height:800px) {
.fsmain{height:530px; margin-top:-210px;}
.fsmain img{margin-top:120px;}
}

/*第8屏*/
.appimg { width:600px; height:778px; background:url(../images/p8img.jpg) no-repeat center top; position:absolute; bottom:0px; left:50%; margin-left:-300px; }
.appmain { height:450px; margin-top:160px; }
.am-left { width:250px; height:450px; float:left; }
.am-right { width:230px; height:450px; float:right; }
.am-right li { width:143px; height:66px; margin-bottom:48px; padding-left:87px; background:url(../images/p8ico.gif) no-repeat; }
.am-right li p { color:#808080; font-size:12px; line-height:18px; }
.icotitle { line-height:25px; font-size:15px; color:#2eb7c7; }
.system{width:167px; height:114px; background:url(../images/p8ico.gif) no-repeat 0 0; margin-top:73px; }
.appdown{width:91px; height:10px; padding-top:99px; text-align:center; position:absolute; bottom:60px; left:50%; margin-left:-560px; background:url(../images/p8ico.gif) no-repeat 0 -166px; }
@media (max-height:700px) {
.appdown{display:none;}
}
@media (max-height:800px) {
.appmain{margin-top:115px;}
.appimg{height:650px;}
.appdown{bottom:50px;}
}

/*第9屏颜色*/
.colormain{width:100%; height:100%; background-color:#f5f5f5;}
.colortxt{width:1190px; position:absolute; top:20%; left:50%; margin-left:-595px; text-align:center; z-index:998;}
.colortxt p{text-align:center;}
.ruler{width:800px; height:100px; background:url(../images/ruler.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-203px; margin-top:107px; z-index:800; padding-top:40px; font-size:14px; line-height:26px;}
.flexslider9{width:100%; height:100%; margin:0px auto 20px; position:relative; overflow:hidden; zoom:1;}
.flexslider9 .slides li{width:100%; height:100%;}
.flexslider9 .slides li img{ position:absolute; left:50%; top:50%; margin-left:-203px; margin-top:-50px;}
.flex-control-nav9{width:350px; position:absolute; top:50%; left:50%; margin-left:-596px; text-align:left;}
.flex-control-nav9 li{margin:0 20px 30px 2px; display:inline-block; zoom:1; *display:inline;}
.flex-control-nav9 li span{width:350px; height:50px; position:absolute; left:50px; top:50px;}
.flex-control-paging9 li a{width:150px; height:31px; background:url(../images/colorbtn.png) no-repeat; display:block; overflow:hidden; text-indent:38px; font-size:16px; line-height:31px; cursor:pointer;}
.flex-control-paging9 li.co1 a{background-position:0 0;}
.flex-control-paging9 li.co2 a{background-position:-169px 0}
.flex-control-paging9 li.co3 a{background-position:0 -63px;}
.flex-control-paging9 li.co4 a{background-position:-169px -63px;}
.flex-control-paging9 li.co5 a{background-position:0 -127px;}
.flex-control-paging9 li.co1 a.flex-active,.flex-control-paging9 li.co1.active a{background-position:0 -192px; font-weight:bold;}
.flex-control-paging9 li.co2 a.flex-active,.flex-control-paging9 li.co2.active a{background-position:-169px -192px; font-weight:bold;}
.flex-control-paging9 li.co3 a.flex-active,.flex-control-paging9 li.co3.active a{background-position:0 -255px; font-weight:bold;}
.flex-control-paging9 li.co4 a.flex-active,.flex-control-paging9 li.co4.active a{background-position:-169px -255px; font-weight:bold;}
.flex-control-paging9 li.co5 a.flex-active,.flex-control-paging9 li.co5.active a{background-position:0 -319px; font-weight:bold;}
/*.flex-control-paging9 li a.flex-active, .flex-control-paging9 li.active a{background-position:-169px -127px; color:#FFF;}*/
.flexslider9 .slides a img{width:100%; height:482px; display:block;}
/*.colorbox1{width:100%; height:100%; background-color:#ffc0c0;}
.colorbox2{width:100%; height:100%; background-color:#e94449;}
.colorbox3{width:100%; height:100%; background-color:#992b2f;}
.colorbox4{width:100%; height:100%; background-color:#333333;}
.colorbox5{width:100%; height:100%; background-color:#c2bfba;}*/

/*第10屏旅行*/
.luxingtxt{width:1190px; position:absolute; top:15%; left:50%; margin-left:-595px; text-align:center; z-index:998; color:#FFF;}
.luxingtxt p{text-align:center;}
.luxinghand{width:1190px; height:500px; position:absolute; bottom:0; left:50%; margin-left:-595px; z-index:997;}
.flexslider10{width:100%; height:100%; margin:0px auto 20px; position:relative; overflow:hidden; zoom:1;}
.flexslider10 .slides li{width:100%; height:100%;}
.flex-control-nav10{width:100%; position:absolute; bottom:45px; text-align:center; z-index:999;}
.flex-control-nav10 li{margin:0 2px; display:inline-block; zoom:1; *display:inline; background-size:auto 100%;}
.flex-control-paging10 li a{width:16px; height:16px; background: url(../images/dot-gimg.png) no-repeat 0 -16px; display:block; overflow:hidden; text-indent:-99em; cursor:pointer;}
.flex-control-paging10 li a.flex-active, .flex-control-paging10 li.active a{background-position: 0 0;}
.flexslider10 .slides a img {width:100%; height:482px; display:block;}

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