@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}


.container{
    width: 100%;
    max-width: 640px;margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;
}

/**/
.ppbj{height:43rem;}
.ppbj .pp{padding:3.55rem 3% 0; }
.ppbj .pp span{display:block; width:24%; margin:0 auto 1.4rem;}
.ppbj .pp p{font-size: 1.2rem; color:#666666; width:96%; margin:0 auto 2.3rem; text-align: center; height:9.2rem;line-height: 1.9rem;}
.ppbj .pp strong{display: block; width:90%; height:18rem; background:#FFF;border-radius: 5px; margin:0 auto;padding:1rem;}
.ppbj .pp strong i{display: block; width:100%; }
.ppbj .pp strong i img{width:100%;}
/**/
.product{height:145rem;}
.pro{padding:1.85rem 0 0;}
.pro h3{text-align: center; font-size: 2.1rem; height:3.25rem; line-height: 2rem; color:#333333; background:url(/mobile/images/hg.jpg) no-repeat bottom center; background-size:10%; margin-bottom: 1.9rem; font-weight: bold;}
.pro .pro1{height:46rem;}
.pro .pro1 .prt{height:13rem; background:url(/mobile/images/prt1.jpg) no-repeat center; background-size:100% 100%; position: relative;}
.pro .pro1 .prt span{display: block;width:22%; height:16.6rem;padding-top:1.9rem;background:url(/mobile/images/btbj.png) no-repeat center; background-size:100%;position: absolute; left:0.2rem;top:-0.45rem;}
.pro .pro1 .prt span i{display: block; width:61%; margin:0 auto 1.1rem;}
.pro .pro1 .prt span i img{width:100%;}
.pro .pro1 .prt span p{display: block; width:1.8rem; font-size: 2rem; margin:0 auto; color:#FFF; line-height: 2.2rem;}
.pro .pro1 .probj{height:31.5rem; padding:1.5rem 3% 0; background:url(/mobile/images/pr1bj.jpg) no-repeat center; background-size:100% 100%;}
.pro .pro1 .probj strong{display: block; padding-left:8.5rem;font-weight: normal; font-size: 1.2rem; color:#FFF; line-height: 1.8rem;margin-bottom: 2rem;}
.pro .pro1 .probj ul{height:19.3rem;}
.pro .pro1 .probj ul li{float:left; width:48%;}
.pro .pro1 .probj ul li b{display: block; width:100%;}
.pro .pro1 .probj ul li b img{width:100%;}
.pro .pro1 .probj ul li i{display: block; font-size: 1.2rem; color:#FFF; text-align: center;height:3.7rem; line-height: 3.7rem;}
.pro .pro1 .probj ul li:first-child{margin-right: 1rem;}

.pro .pro2{height:46rem;}
.pro .pro2 .prt{height:13rem; background:url(/mobile/images/prt2.jpg) no-repeat center; background-size:100% 100%; position: relative;}
.pro .pro2 .prt span{display: block;width:22%; height:16.6rem;padding-top:1.9rem;background:url(/mobile/images/btbj.png) no-repeat center; background-size:100%;position: absolute; right:0.2rem;top:-0.45rem;}
.pro .pro2 .prt span i{display: block; width:61%; margin:0 auto 1.1rem;}
.pro .pro2 .prt span i img{width:100%;}
.pro .pro2 .prt span p{display: block; width:4.4rem; font-size: 2rem; margin:0 auto; color:#FFF; line-height: 2.2rem;writing-mode:vertical-lr;letter-spacing: 0.2rem;}
.pro .pro2 .probj{height:31.5rem; padding:1.5rem 3% 0; background:url(/mobile/images/pr2bj.jpg) no-repeat center; background-size:100% 100%;}
.pro .pro2 .probj strong{display: block; padding-left:1.05rem;font-weight: normal; font-size: 1.2rem; color:#FFF; line-height: 1.8rem;margin-bottom: 2rem;}
.pro .pro2 .probj ul{height:19.3rem;}
.pro .pro2 .probj ul li{float:left; width:48%;}
.pro .pro2 .probj ul li b{display: block; width:100%;}
.pro .pro2 .probj ul li b img{width:100%;}
.pro .pro2 .probj ul li i{display: block; font-size: 1.2rem; color:#FFF; text-align: center;height:3.7rem; line-height: 3.7rem;}
.pro .pro2 .probj ul li:first-child{margin-right: 1rem;}

.pro .pro3{height:46rem;}
.pro .pro3 .prt{height:13rem; background:url(/mobile/images/prt3.jpg) no-repeat center; background-size:100% 100%; position: relative;}
.pro .pro3 .prt span{display: block;width:22%; height:16.6rem;padding-top:1.9rem;background:url(/mobile/images/btbj.png) no-repeat center; background-size:100%;position: absolute; left:0.2rem;top:-0.45rem;}
.pro .pro3 .prt span i{display: block; width:61%; margin:0 auto 1.1rem;}
.pro .pro3 .prt span i img{width:100%;}
.pro .pro3 .prt span p{display: block; width:1.8rem; font-size: 2rem; margin:0 auto; color:#FFF; line-height: 2.2rem;}
.pro .pro3 .probj{height:31.5rem; padding:1.5rem 3% 0; background:url(/mobile/images/pr3bj.jpg) no-repeat center; background-size:100% 100%;}
.pro .pro3 .probj strong{display: block; padding-left:8.5rem;font-weight: normal; font-size: 1.2rem; color:#FFF; line-height: 1.8rem;margin-bottom: 2rem;}
.pro .pro3 .probj ul{height:19.3rem;}
.pro .pro3 .probj ul li{float:left; width:48%;}
.pro .pro3 .probj ul li b{display: block; width:100%;}
.pro .pro3 .probj ul li b img{width:100%;}
.pro .pro3 .probj ul li i{display: block; font-size: 1.2rem; color:#FFF; text-align: center;height:3.7rem; line-height: 3.7rem;}
.pro .pro3 .probj ul li:first-child{margin-right: 1rem;}
/**/
.spbj{height:24rem; padding-bottom: 3rem;background:#f7f6f1}
.spbj .spt{width:48.5%; float:left;height:24rem;}
.spbj .spt img{width:100%; height:100%;}
.spbj .bd{float:left; width:51.5%;height:21.85rem; padding-top:2.15rem; background:url(/mobile/images/spbj.jpg) no-repeat center; background-size:100% 100%;}
.spbj .bd h3{text-align: center; margin-bottom: 1.35rem; }
.spbj .bd h3 span{display: block; font-size: 1.9rem; font-weight: bold; color:#FFF; line-height: 1.9rem; margin-bottom: 1.05rem;}
.spbj .bd h3 i{display: block; font-size: 1rem; color:#FFF; opacity: 0.8;}
.spbj .bd .b{width:78%; margin:0 auto;}
.spbj .bd .b ul li{width:100%; height:2.5rem;line-height: 2.5rem;margin-bottom: 0.75rem;}
.spbj .bd .b ul li input{width:90%;height:2.5rem;padding-left:1.2rem;  line-height: 2.5rem;border-radius: 3px; font-size: 1rem; color:#666666; }
.spbj .bd .b .submit{width:69%; margin:1.5rem auto 0;}
.spbj .bd .b .submit .form-btn-submit{width:100%; height:2.5rem; line-height: 2.5rem;text-align: center;background:#FAA41D; border-radius: 3px; margin:0 auto; font-size: 1rem; color:#FFFEFE;}
.spbj .bd .b .submit .form-btn-reset{display: none;}
.spbj .bd .b .submit b{display:block; margin-top:0.5rem;}
/**/
.casebj{height:42.5rem; background:#f7f6f1 url(../images/casebj.png) no-repeat center; background-size:100%; }
.case{padding:2.8rem 3% 0; }
.case h3{text-align: center;font-size: 2.1rem; color:#FFFFFF; font-weight: bold; line-height: 2.1rem; margin-bottom: 2.15rem; font-family: "˼ԴºÚÌå CN";}
.case h3 i{display: block; font-weight: normal; font-size: 1.3rem; line-height: 1.3rem; font-family: "Microsoft Yahei"; margin-top: 1.2rem; }
.case dl{width:80%; margin:0 auto; height:29rem; background:#FFF;}
.case dl dt{height:14.5rem; margin-bottom: 1.8rem;}
.case dl dt a{display: block;width:93%; margin:0 auto; height:13.75rem;padding-top:0.75rem;}
.case dl dt a img{width:100%;}
.case dl dd span{display: block; height:2.8rem; text-align: center;  background:url(/mobile/images/hg1.jpg) no-repeat bottom center; margin-bottom: 1.05rem;background-size:11%;}
.case dl dd span a{font-size: 1.5rem; color:#333333; line-height: 1.5rem;}
.case dl dd p{font-size: 1rem; color:#666666; width:83%; margin:0 auto; line-height: 2rem;text-align:center;}
.case .swiper-pagination{margin-top: 2rem;}
.case .swiper-pagination span{width:2%; height:0.7rem; background:url(/mobile/images/ca.png) no-repeat center; background-size:100%;}
.case .swiper-pagination .swiper-pagination-bullet-active{width:2%; height:0.7rem; background:url(/mobile/images/ca_h.png) no-repeat center; background-size:100%;}
/**/
.about{height:43rem;}
.ab{padding-top:2.35rem}
.ab h3{text-align: center; font-size: 2.1rem; color:#333333; line-height: 2.1rem; font-weight: bold; height:3.25rem; background:url(/mobile/images/hg.jpg) no-repeat bottom center; background-size:11%; margin-bottom: 1.9rem;}
.ab .ab_t{height:31.5rem;}
.ab .ab_t span{display: block; height:18rem;}
.ab .ab_t span img{width:100%;}
.ab .ab_t dl{padding:0 3%;position: relative;}
.ab .ab_t dl dt{height:6.45rem;width: 94%; background:url(/mobile/images/wzbj.png) no-repeat center; background-size:100%;position: absolute; top:-6.4rem;}
.ab .ab_t dl dt b{display: block;float:left; width:23%;height:5.3rem; color:#FFF; text-align: center; padding-top:1.15rem; font-size: 2.5rem; line-height: 2rem; font-weight: normal; font-family: "Arial"; }
.ab .ab_t dl dt b i{display: block; font-size: 1.4rem; line-height: 1.4rem;margin-top: 0.5rem;}
.ab .ab_t dl dt em{display: block;float:left; height:6rem; line-height: 6rem;padding-left:0.7rem; font-size: 1.4rem; color:#FFF;width:67%;}
.ab .ab_t dl dt strong{display: block; float:left;margin-top:2.2rem; width:6%;height:1.6rem; background:url(/mobile/images/xg.png) no-repeat center; background-size:100%;}
.ab .ab_t dl dt strong i{font-size: 1.2rem; color:#FFF;font-weight: normal; font-family: "Arial";margin-left: -0.1rem;margin-top: -0.3rem;display: block;width: 50%;float: left}
.ab .ab_t dl dt strong p{font-size: 1.2rem; color:#FFF;font-weight: normal;float:right; font-family: "Arial"; margin-top: 0.6rem;}
.ab .ab_t dl dd{padding-top:2.5rem;}
.ab .ab_t dl dd strong{display: block; font-weight: normal; font-size: 1.6rem; color:#333333; margin-bottom: 1.45rem; line-height: 1.6rem;}
.ab .ab_t dl dd p{font-size: 1.2rem; color:#666666;line-height: 1.8rem;}
.ab .swiper-pagination span{width:2%; height:0.7rem; background:url(/mobile/images/ca.png) no-repeat center; background-size:100%;}
.ab .swiper-pagination .swiper-pagination-bullet-active{width:2%; height:0.7rem; background:url(/mobile/images/ca_h.png) no-repeat center; background-size:100%;}
/**/