@charset "utf-8";
/* CSS Document */
html{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,label,blockquote,th,td,button,span{padding:0;margin:0;}
body{color:#333;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-color: #fff;}
p{line-height: 16px}
img{width:auto\9;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333}
a:active{outline:0}
ul,li{list-style: none;}
body > *{ width: 10.0rem; margin: auto;}

.fl{float:left}
.fr{float:right}
.ovh{overflow:hidden}
.pa{position: absolute;}
.pr{ position: relative;}

html, body,.main { position: relative;height: 100%;}
.swiper-container { width: 100%;height: 100%;}
.main{}

.swiper-container-v .swiper-slide:last-child{
height:auto;
}

.s1{display: block; background-size: 100% auto}
.s1 .logo{ width: 3.32rem;display: block; position: absolute; top:0; left:0.42rem;}
.s1 .t1{ width: 3.43rem;position: absolute; top:9.5rem;left:50%; margin-left: -1.7rem;}
.s1 .t2{ width: 5.69rem;position: absolute; top:10.3rem;left:50%;margin-left: -2.84rem;}
.s1 .t3{ width:100%;position: absolute; bottom:0;right:0;}

.swiper-container-horizontal>.p1-page{display: block;bottom:1rem; height: .8rem; width: auto; left:50%; transform:translateX(-50%);}
.swiper-container-horizontal>.p1-page:after{content: ""; position: absolute; border-top:dashed 1px #fff; top:50%; left:50%; width: 70%; transform:translate3d(-50%,-50%,0); z-index: -1}
.swiper-container-horizontal>.p1-page .swiper-pagination-bullet{display: inline-block;*display: inline; text-indent: -999em;overflow: hidden; cursor: pointer;*zoom: 1; width:.8rem; height: .8rem;background: url(../images/dot.png) no-repeat center center; margin: 0rem; background-size: 35%; opacity: 1}
.swiper-container-horizontal>.p1-page .swiper-pagination-bullet-active{background: url(../images/dot2.png) no-repeat center center; background-size: cover;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms; /* 40 seconds */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

}

@-webkit-keyframes spin { 
    from { -webkit-transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes spin{ 
    from { -moz-transform: rotate(0deg) }
    to { -moz-transform: rotate(360deg) }
}
@-ms-keyframes spin { 
    from { -ms-transform: rotate(0deg) }
    to { -ms-transform: rotate(360deg) }
}












.s2{background: url(../images/p2_bg.jpg) no-repeat top center; background-size: 100% auto;overflow: hidden;}
.s2 .video{ width: 8.8rem; height: 5.8rem;margin:1.3rem auto}
.s2 .txt{margin: auto}
.s2 .txt img{ width: 9.82rem;display: block; margin: auto}
.s2 .txt p{padding: 0.4rem .56rem 0;color: #fff;font-weight: normal; text-indent: 2em}






.tit{position: absolute; left:50%;top:0;transform:translateX(-50%); z-index: 99}
.s3{display: block;}
.s3 .tit{ width: 8.81rem}
.swiper-button-next,
.swiper-button-prev{ width: 0.64rem; height: 1.38rem;background: url(../images/anext.png) no-repeat;background-size: cover;top:auto;bottom:1rem;}
.swiper-button-prev{background: url(../images/aprev.png) no-repeat;background-size: cover;}
.swiper-button-next{background: url(../images/anext.png) no-repeat;background-size: cover;}


.s4{display: block;background: url(../images/p4_bg.jpg) no-repeat top center; background-size: 100% auto}
.s4 .tit{ width:6.29rem}
.pro-wh{display: block; margin: auto; position: relative;  overflow: hidden; width: 90% }
.pro-wh .img{ width: 3.54rem; height: 3.54rem;position: relative;}
.pro-wh .img i{ width: 100%; height: 100%; background: url(../images/bg_whimg.png) no-repeat;display: block; overflow: hidden;background-size: cover; -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms; /* 40 seconds */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
.pro-wh .img img{display: block; width:2.8rem; height:2.8rem; position: absolute; top:50%;left:50%; transform:translate3d(-50%,-50%,0);}
.pro-wh .con{width: 5rem;text-align: center; margin-top: 0px;}
.pro-wh h4{background: url(../images/tl.png) no-repeat left center; padding-left: 10px;display: inline-block;background-size: auto 100%}
.pro-wh h4 span{background: url(../images/tr.png) no-repeat right center; padding-right: 10px;display: inline-block;height: 0.64rem;color: #fff; font-size: 14px;line-height: 0.64rem;background-size: auto 100%}
.pro-wh p{ width: 5rem;text-indent: 2em; color: #fff;text-align: left;font-size: 10px;line-height: 14px;text-align:justify;  text-justify:inter-ideograph; -ms-text-justify: inter-ideograph; padding-top: 0.4rem;}
.wh-c1{background: url(../images/line1.png) no-repeat right .75rem; background-size: 75%; margin-top:4rem;}
.wh-c1 .con{float: right;}
.wh-c1 .img{float: left;}
.wh-c2{background: url(../images/line2.png) no-repeat left .4rem; background-size: 75%;  margin-top: 20px;}
.wh-c2 .con{padding-top: 0px;}



.s5{display: block;}
.s5 .tit{ width:6.29rem}

.s6{display: block;background: url(../images/p6_bg.jpg) no-repeat top center; background-size: 100% auto}
.s6 .tit{ width:7.07rem}
.ty-list{ width: 9.92rem; margin: auto;overflow: hidden;}
.ty-list h4{color: #fff;font-size: 16px;font-weight: normal; text-align: right;padding-top: 4.4rem; height: 0.8rem; padding-right: .2rem;}
.ty-list p{text-indent: 2em;color: #fff;padding-left: 0.69rem;padding-right: 0.69rem; margin-top:-.6rem;font-size: 11px}
.ty-list .img{width: 9.92rem; height: 5.24rem; display: block; margin: auto;background: url(../images/p6_k.png) no-repeat;background-size: 100% auto}
.ty-list .img img{width: 9.43rem; margin: auto;display: block; padding-top: .4rem;}





.s7{display: block;background: url(../images/p7_bg.jpg) no-repeat top center; background-size: 100% auto}
.s7 .tit{ width:7.86rem}
.wl-list{ margin: auto; position: relative;}
.wl-list .bd { width: 9.17rem; height: 11.36rem;background: url(../images/p7_nav.png) no-repeat;background-size: cover; position: absolute; left:50%; top:4.3rem; margin-left: -4.58rem;}
.wl-list .bd span{width: 1.2rem; height: 1.2rem;display: block; position: absolute;}
.wl-list .bd span.n1{top:-.1rem;right:2.58rem;}
.wl-list .bd span.n2{top:2.43rem;right:0rem;}
.wl-list .bd span.n3{top:2.9rem;left:5.2rem;}
.wl-list .bd span.n4{top:6.52rem;left:5.92rem;}
.wl-list .bd span.n5{top:9.3rem;left:2.97rem;}
.wl-list .bd span.n6{top:10.13rem;left:0rem;}
.wl-list .hd{padding: 7rem 0 0 0.2rem;}
.wl-list .con{color: #fff;display: block;padding-top: .4rem;background: url(../images/pro_bg.png) no-repeat; background-size: 100% auto; width: 4.54rem;}
.wl-list .con img{display: block;margin-left: .68rem;width: 3.4rem; }
.wl-list .con h5{text-align: center;padding: 0.7rem 0 0.21rem;font-weight: normal;font-size: 11px;line-height: 15px}
.wl-list .con span{ width: 2.46rem; height: 0.75rem;background: url(../images/wl_price.png) no-repeat; text-align: center;line-height: 0.75rem;color: #fff;display: block; margin: auto;font-size: 14px;background-size: cover}
.wl-list .con span label{font-size: 16px;}
.wl-list .btn-rd{width: 2.22rem; height: 2.22rem; position: absolute;display: block; z-index: 99}
.wl-list .btn-rd i{ width: 100%; height: 100%;background: url(../images/btn_rd2.png) no-repeat center center; -webkit-background-size: cover; position: absolute; top:0; left:0;
background-size: cover; display: block; overflow: hidden;-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms; /* 40 seconds */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
.wl-list .btn-rd em{width:100%;display: block;margin: auto;color: #fff;font-size: 12px; position: absolute; top:0rem;left:0%;height:100%;font-style: normal;text-align: center;line-height: 15px;
display: -webkit-box;
    -webkit-box-pack:center; text-align: center;
    -webkit-box-align:center; 

}

.wl-list .b1{top:3.7rem;right:2.58rem;}
.wl-list .b2{top:6.2rem;right:-.1rem;}
.wl-list .b3{top:6.6rem;left:5.2rem;}
.wl-list .b4{top:10.26rem;left:5.82rem;}
.wl-list .b5{top:13rem;left:2.97rem;}
.wl-list .b6{top:14rem;left:0rem;}


.s8{display: block;background: url(../images/p8_bg.jpg) no-repeat top center; background-size: 100% auto}
.s8 .tit{ width:8.21rem}
.pro-list{padding: 5rem 1rem 0;}
.swiper-w2{ display: block; margin: auto; padding-bottom: 3rem;}
.swiper-w2 a{display: block; position: relative; width: 100%;color: #fff}
.swiper-w2 a .img{width: 4.17rem;background: url(../images/bg_pimg.png) no-repeat center center; background-size: cover; height: 4.17rem; overflow: hidden;}
.swiper-w2 a .img img{display: block; position: absolute; left:50%;top:0.7rem; margin-left: -1.3rem; width: 2.8rem}
.swiper-w2 a h4{font-weight: normal; padding: 0 0px 5px 10px;font-size: 14px;font-size: 11px; line-height: 15px;}
.swiper-w2 a span{text-align: center;display: block; font-size: 14px; height: 0.6rem;line-height: 0.6rem}
.swiper-w2 a label{font-size: 16px;}
.swiper-w2 a em{background: url(../images/btn_rd.png) no-repeat top center; background-size:cover;width: 2.46rem; height: 0.75rem;display: block; margin:5px auto 0}
.swiper-w2 a i{ width: 100%; height: 100%; background: url(../images/sx01.png) no-repeat center center;background-size: cover; display: block; overflow: hidden;-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms; /* 40 seconds */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
   }

.pro-list .swiper-container-horizontal>.p1-page{bottom:0;}
.anext, .aprev{bottom:auto; top:45%;}

.swiper-w3{}
.swiper-w3>.p1-page{bottom:.5rem;}
.swiper-w3 .swiper-button-next, .swiper-w3 .swiper-button-prev{bottom:auto;top:45%;}
.s9 .tit{ width:6.31rem}



.logos{text-align: center; background-color: #fff;padding: 0.56rem 0}
.logos img{display: inline-block;vertical-align: middle; margin: 0 0.3rem; height: 1rem}

.arr{bottom:20px;left:50%; margin-left: -.5rem; z-index:10001; position: absolute;
-webkit-animation: moveIconUp ease 1s infinite; width: 1.07rem;
animation: moveIconUp ease 1s infinite;
}
#loading{width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px}
.spinner{width:60px;height:60px;position:relative}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#c71510;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0.0)}
50%{-webkit-transform:scale(1.0)}
}@keyframes bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}
50%{transform:scale(1.0);-webkit-transform:scale(1.0)}
}

.pt-page-moveIconUp {
    
}

@-webkit-keyframes moveIconUp {
    0% { -webkit-transform: translateY(-100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(100%); opacity:0;}
}
@keyframes moveIconUp {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
}

#ios{background-color: #000; padding: .2rem 0;text-align: center;font-size: 10px; width: 100%; color: #fff}