@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:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


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




.banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }


h2{text-align: center;}
h2 span{display:block;font-size: 2.1rem; color:#333333; line-height: 2.95rem; height:2.95rem; font-weight: bold;}
h2 em{display:block;height:2.3rem; line-height: 2.3rem;font-size: 1.5rem; color:#666666;}
h2 i{display:block; height:1.55rem; line-height: 1.55rem;background:url(../images/bo-icon.png) no-repeat center; background-size:50%;}





/**/
.guide{padding:4.65rem 4% 3.95rem;background:#EEEEEE;}
.guide h2{text-align: center; margin-bottom: 0.75rem;}
.guide h2 span{display:block; font-size: 2.1rem; color:#333333; font-weight: bold; height:2.9rem; line-height: 2.9rem;}
.guide h2 i{display:block; height:1.7rem; line-height: 1.7rem;}
.guide .gui-desc{font-size: 1.3rem; color:#666666; text-align: center; line-height: 2.0rem; margin-bottom: 2.15rem;letter-spacing:0.05rem;}
.guide ul{height:17.3rem;}
.guide ul li{float:left; width:50%; height:8.65rem;padding:1.75rem 0 0 2.5rem; box-sizing: border-box;border-bottom:1px dashed #B5B5B5;border-right:1px dashed #B5B5B5;}
.guide ul li span{display:block; height:2.9rem; line-height: 2.9rem; }
.guide ul li span em{display:block;float:left;font-size: 3.0rem;color:#333333; font-family: "Impact";}
.guide ul li span i{display:block; width:1.55rem; height:1.55rem; background:#DD6C0C; border-radius: 50%; float:left; line-height: 1.55rem; text-align: center;margin-top: -0.6rem;color:#FFF;font-size: 1.1rem; color:#FFFFFF;}
.guide ul li p{height:2.05rem; line-height: 2.05rem;font-size: 1.3rem; color:#333333;}
.guide ul li:nth-child(2n){border-right:0;}
.guide ul li:nth-child(3),.guide ul li:last-child{border-bottom:0;}

/**/
.prod_intr{padding:3.2rem 4% 3.55rem;}
.prod_intr h2{margin-bottom: 1.4rem;}
.prod_intr .p-cnt{height:3.85rem;background:#1155C2; margin-bottom: 0.4rem;}
.prod_intr .p-cnt li{float:left;width:25%; height:4.25rem;margin-top:-0.4rem;padding-top:0.3rem; box-sizing: border-box; line-height: 3.85rem; text-align: center; }
.prod_intr .p-cnt li em{display:block;font-size: 1.5rem; color:#FFFFFF; padding:0 1.2rem;position: relative;}
.prod_intr .p-cnt li em:before{width:0.05rem; height:1.45rem; background:rgba(0,0,0,0.35); content:""; position:absolute; right:0;top:1.3rem;}
.prod_intr .p-cnt li em:after{width:0.05rem; height:1.45rem; background:rgba(255,255,255,0.35); content:""; position:absolute; left:0;top:1.3rem;}
.prod_intr .p-cnt li.p-on{background:url(../images/pro-bj.png) no-repeat top center;background-size:100% 100%;}
.prod_intr .p-cnt li.p-on em{font-weight: bold;}
.prod_intr .pro-con{height:19.45rem; line-height: 0; margin-bottom: 0.75rem;}
.prod_intr .pro-con img{width:100%; height:100%;}
.prod_intr .p-bot li{float:left;width:48.9%;height:12.3rem; margin-bottom: 1.0rem;}
.prod_intr .p-bot li:nth-child(2n){float:right;}
.prod_intr .p-bot li span{display:block; height:9.45rem; line-height: 0;}
.prod_intr .p-bot li span img{width:100%;height:100%;}
.prod_intr .p-bot li em{display:block; height:2.8rem; line-height: 2.8rem; text-align: center;font-size: 1.5rem; color:#333333; border-bottom:1px solid rgba(191,191,191,0.67);}

/**/
.case{height:53.45rem; background:url(../images/case-bj.jpg) no-repeat center top; background-size:100% 100%;padding:3.4rem 4% 0; box-sizing: border-box;}
.case h2{margin-bottom: 1.0rem;}
.case h2 span,.case h2 em{color:#FFF; font-weight: normal;}
.case h2 i{background:url(../images/bo-icon2.png) no-repeat center;background-size:50%;}
.case .cas-list{padding-bottom:1.65rem;}
.case dl{height:35.9rem; background:#FFFFFF;padding:0.75rem; box-sizing: border-box;}
.case dl dt{height:18.7rem; line-height: 0;}
.case dl dt img{width:100%;height:100%; }
.case dl dd{padding:1.55rem 1.15rem 0 0.9rem;height:16.45rem; box-sizing: border-box;}
.case dl dd h4{height:3.7rem; line-height: 1.65rem; margin-bottom: 0.85rem;}
.case dl dd h4 a{font-size: 1.5rem; color:#333333; font-weight: bold;}
.case dl dd p{font-size: 1.3rem;color:#666666; line-height: 2.0rem;margin-bottom: 2.85rem;height:6rem;}
.case dl dd span{display:block; width:25.5%;height:3.15rem; background:#F58220;position: relative; text-align: center; line-height: 3.15rem;}
.case dl dd span a{display:block; font-size: 1.1rem; color:#FFFFFF;}
.case dl dd span:before{width:0.65rem;height:1.15rem; background:url(../images/cas-dbx.png) no-repeat center; content:""; position:absolute; right:-0.65rem; top:1rem;background-size:100%;}
.case .jt{width:29.2%; height:1.05rem; position:absolute;bottom:0; right:0;}
.case .jt .prev{width:49%; height:1.05rem;background:url(../images/cas-prev.png) no-repeat center; background-size:100% 100%;margin-top:0;float:left;}
.case .jt i{display:block; width:1.9%;height:1.05rem; background:url(../images/cas-xt.png) no-repeat center; background-size:100% 100%;float:left;}
.case .jt .next{width:49%; height:1.05rem;background:url(../images/cas-next.png) no-repeat center; background-size:100% 100%;margin-top:0;float:left;}


/**/
.advan{border-bottom:0.3rem solid #bfbfbf;padding:4.5rem 4% 3.65rem; box-sizing: border-box;}
.advan h2{margin-bottom: 0.9rem;}
.advan h2 i{background:url(../images/bo-icon.png) no-repeat center;background-size:50%;}
.advan .a-cnt{height:6.35rem;}
.advan .a-cnt li{float:left; width:25%;height:6.35rem;}
.advan .a-cnt li i{display:block; width:3.1rem; height:2.65rem; margin:0 auto;}
.advan .a-cnt li .adv-icon1{background:url(../images/edv-icon1.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li .adv-icon2{background:url(../images/edv-icon2.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li .adv-icon3{background:url(../images/edv-icon3.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li .adv-icon4{background:url(../images/edv-icon4.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li em{display:block; height:2.65rem; line-height: 2.65rem; text-align: center;font-size: 1.5rem; color:#333333;}
.advan .a-cnt li.a-on .adv-icon1{background:url(../images/edv-icon1_h.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li.a-on .adv-icon2{background:url(../images/edv-icon2_h.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li.a-on .adv-icon3{background:url(../images/edv-icon3_h.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li.a-on .adv-icon4{background:url(../images/edv-icon4_h.png) no-repeat center; background-size:100% 100%;}
.advan .a-cnt li.a-on em{font-weight: bold;color:#1155C2;}
.advan dl{padding-bottom:2rem;}
.advan dl dt{height:22.25rem;line-height: 0;}
.advan dl dt img{width:100%; height:100%;}
.advan dl dd .adv-tit{height:5.55rem;padding-top:1.35rem; box-sizing: border-box;border-bottom:1px solid #d2d2d2;}
.advan dl dd .adv-tit span{display:block; height:3.0rem;padding-left:3.7rem;}
.advan dl dd .adv-tit .adv1{background:url(../images/edv-icon1_h.png) no-repeat left top;background-size:10%;}
.advan dl dd .adv-tit .adv2{background:url(../images/edv-icon2_h.png) no-repeat left top;background-size:10%;}
.advan dl dd .adv-tit .adv3{background:url(../images/edv-icon3_h.png) no-repeat left top;background-size:10%;}
.advan dl dd .adv-tit .adv4{background:url(../images/edv-icon4_h.png) no-repeat left top;background-size:10%;}
.advan dl dd .adv-tit span em{display:block; height:1.8rem; line-height: 1.8rem; font-size: 1.8rem; color:#1155c2; font-weight: bold;}
.advan dl dd .adv-tit span i{display:block; height:0.85rem; line-height: 0.85rem;font-size: 0.6rem; color:rgba(17,85,184,0.5);text-transform: uppercase;margin-top: 0.3rem;}
.advan dl dd ul{margin-top:1.15rem;}
.advan dl dd ul li{padding-left:1.05rem; line-height: 2.1rem;font-size: 1.3rem; color:#666666;background:url(../images/adv-yy.png) no-repeat left 0.9rem; background-size:1.5%; margin-bottom: 0.65rem;}
.advan .adv-list .swiper-pagination{position:absolute;bottom:0;}
.advan .adv-list .swiper-pagination .swiper-pagination-bullet{background:#f58220;transition:.3s;width:0.75rem;height:0.75rem;}
.advan .adv-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2.75rem;border-radius:5px;background:#1155C2;}

/**/
.news{padding:3.55rem 4% 4.05rem;}
.news h2{margin-bottom: 1rem;}
.news .news-top dl{height:9.1rem; border:1px solid #dadada;margin-bottom: 0.85rem;box-sizing: border-box;}
.news .news-top dl dt{width:52.7%; line-height: 0;height:9.1rem;float:left;}
.news .news-top dl dt img{width:100%; height:100%;}
.news .news-top dl dd{width:47.3%;height:9.1rem;float:left;padding:1.55rem 0 0 1.6rem; box-sizing: border-box;}
.news .news-top dl dd h4{line-height: 1.6rem; }
.news .news-top dl dd h4 a{font-size: 1.5rem; color:#010101;}
.news ul li{height:8.05rem; border:1px solid #dddde1;margin-bottom: 0.8rem;}
.news ul li dl dt{width:21.4%; height:8.05rem;background:#E3E3E3;float:left;padding-top:2.2rem; box-sizing: border-box;}
.news ul li dl dt i{display:block; font-size: 2.4rem; color:#1A1A1A; height:2.3rem; line-height: 2.3rem; text-align: center; font-family: "Arial";}
.news ul li dl dt em{display:block; height:1.35rem; line-height: 1.35rem;font-size: 1.2rem; color:#1A1A1A; font-family: "Arial"; text-align: center;}
.news ul li dl dd{float:left;height:8.05rem;width:78.4%;padding:0.65rem 2.6rem 0 1.1rem; box-sizing: border-box;}
.news ul li dl dd h4{height:2.5rem; line-height: 2.5rem;margin-bottom: 0.2rem;}
.news ul li dl dd h4 a{font-size: 1.5rem; color:#282828;}
.news ul li dl dd p{font-size: 1.3rem; color:#808080; line-height: 1.8rem;}

/**/
.about{height:58.7rem;background:url(../images/abo-bj.jpg) no-repeat top center;background-size:100%;padding:3.0rem 4% 0; box-sizing: border-box;}
.about h2{margin-bottom: 1.25rem;}
.about h2 span,.about h2 em{color:#FFF;}
.about h2 i{background:url(../images/bo-icon2.png) no-repeat center;background-size:50%;}
.about .abo-con span{display:block;height:23.2rem; line-height: 0; margin-bottom: 1.5rem;}
.about .abo-con span img{width:100%; height:100%;}
.about .abo-con .abo-desc{padding:0 0.5rem;font-size: 1.3rem; color:#666666; line-height: 2.3rem;text-align: center; margin-bottom: 2.6rem;}
.about .abo-con strong{display:block; width:25.5%;height:3.15rem; background:#F58220;position: relative; text-align: center; line-height: 3.15rem;margin:0 auto;}
.about .abo-con strong a{display:block; font-size: 1.1rem; color:#FFFFFF; font-weight: normal;}
.about .abo-con strong:before{width:0.65rem;height:1.15rem; background:url(../images/cas-dbx.png) no-repeat center; content:""; position:absolute; right:-0.65rem; top:1rem;background-size:100%;}