@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;
}


/**/
.yzbj{height:37rem; }
.yz{padding:2.85rem 3% 0; }
.yz h3{height:4rem; margin-bottom: 2.3rem;}
.yz h3 span{display: block; width:33%; height:4rem;margin:0 auto; line-height: 4rem; font-size: 1.9rem; color:#242424; font-weight: bold; padding-left:24%; background:url(../images/focus.png) no-repeat left;background-size:68%;}
.yz .yz_sm{height:18rem; padding:9.6rem 3% 0; background:url(../images/yzbj.jpg) no-repeat center; background-size:100%;}
.yz .yz_sm .gun{height:5.7rem;}
.yz .yz_sm .gun li{float:left; border-right:1px solid #dfdfdf;padding:0 1.7rem;}
.yz .yz_sm .gun li:nth-child(2){padding:0 1rem;}
.yz .yz_sm .gun li span{display: block; height:2rem;}
.yz .yz_sm .gun li span em{font-size: 2.5rem; color:#333333; margin-right: 0.5rem; line-height: 2rem;float:left;}
.yz .yz_sm .gun li span i{display: block; width:1.5rem; height:1.5rem; background:#1F5CBE; border-radius: 50%; text-align: center; line-height: 1.5rem; font-size: 1.1rem; color:#FFF;float:left;margin-top: 0.5rem;}
.yz .yz_sm .gun li p{font-size: 1.1rem; line-height: 1.1rem; margin-top: 0.6rem; color:#666666;}
.yz .yz_sm .gun li:first-child{padding-left:0.5rem;}
.yz .yz_sm .gun li:last-child{border-right:0; padding-right:0;}
.yz .yz_sm  .map{height:8.5rem; padding-top:1.7rem;}
.yz .yz_sm  .map li{float:left; width:25%; height:8.5rem;}
.yz .yz_sm  .map li span{display: block;width:70%;height:3.7rem;margin:0 auto;}
.yz .yz_sm .map li span img{width:100%;}
.yz .yz_sm .map li i{display: block; font-size: 1.1rem; line-height: 1.1rem; color:#333333; text-align: center; margin-top: 1.7rem;}
/**/
.product{height:98.8rem; border-bottom:1.2rem solid #f8f8f8;}
.pro{padding:3rem 3% 0;}
.pro h3{height:3.85rem; margin-bottom: 2.7rem;}
.pro h3 span{display: block;width:49%;height:3.85rem;line-height:3.85rem; font-size:1.9rem; color:#333333; font-weight: bold;margin:0 auto; padding-left:23%;background:url(../images/product.png) no-repeat left;background-size: 80%;}
.pro .pro_fl{margin-bottom: 1.25rem;}
.pro .pro_fl span{display: block;padding-left:1.35rem; height:4rem; line-height: 4rem; background:#3D3D3D;}
.pro .pro_fl span a{display: block;padding-left:1.75rem; font-size:1.2rem; color:#FFF;float:left; font-weight: bold;width:94%;}
.pro .pro_fl span .pr1{background:url(../images/pr1.png) no-repeat left;background-size:4%;}
.pro .pro_fl span .pr2{background:url(../images/pr2.png) no-repeat left;background-size:4%;}
.pro .pro_fl span .pr3{background:url(../images/pr3.png) no-repeat left;background-size:4%;}
.pro .pro_fl span i{float:right;display: block; margin-right: 1.55rem; font-size:1.2rem; color:#FFF; text-transform:uppercase; font-weight: normal; font-family: "思源黑体 CN";}
.pro .pro_fl ul{padding-top:1.85rem;padding-left:2.2rem; height:5.3rem;background:#ececec; }
.pro .pro_fl ul li{float:left; margin-bottom: 1rem; margin-right: 2.3rem;padding-left:0.9rem; background:url(../images/dbx.png) no-repeat left; background-size:5%;}
.pro .pro_fl ul li a{font-size:1.2rem; color:#424242; line-height: 1.2rem;;}
.pro .pro2 ul{padding-left:1.3rem;}
.pro .pro2 ul li{width:28%; margin-right: 0;}
.pro .pro2 ul li:nth-child(2),.pro .pro2 ul li:nth-child(5){width:32%;}
.pro .pro3 ul{height:3rem;padding-left:2.2rem;}
.pro .pro3 ul li{width:21%;margin-right: 0;background-size:7%;}
.pro .pro3 ul li:last-child{width: 11%;background-size: 12%;margin-left: 2rem;}
.pro .pro_sm dl{height:24.5rem; margin-top: 1.9rem;}
.pro .pro_sm dl dt{height:16.8rem; margin-bottom: 1.5rem;}
.pro .pro_sm dl dt img{width:100%; height:100%;}
.pro .pro_sm dl dd span{display:block;height:2.5rem;}
.pro .pro_sm dl dd span em{display: block; float:left;padding-left:1.3%; font-size: 1.4rem; line-height: 1.4rem; font-weight: bold; color:#333333;letter-spacing: 0.05rem;} 
.pro .pro_sm dl dd span em a{font-size: 1.4rem; line-height: 1.4rem;color:#333333;}
.pro .pro_sm dl dd span em i{display: block; font-size:0.7rem; line-height: 0.7rem; color:#999999; margin-top: 0.65rem; font-weight: normal;letter-spacing: 0;} 
.pro .pro_sm dl dd span b{display:block; float:left;font-size:1.3rem; color:#666666; line-height: 1.3rem; font-weight: normal; margin-left: 1.15rem;}
.pro .pro_sm dl dd p em{font-size:1.05rem; line-height: 1.1rem; color:#666666;margin-right: 0.85rem;}
/**/
.xzbj{height:34.85rem;border-bottom:1.2rem solid #f8f8f8; position:relative;}
.xz{padding:3rem 3% 0;}
.xz h3{height:3.85rem; margin-bottom: 2.5rem;}
.xz h3 span{display: block;width:46%;height:3.85rem;line-height:3.85rem; font-size:1.9rem; color:#333333; font-weight: bold;margin:0 auto; padding-left:24%;background:url(../images/textile.png) no-repeat left;background-size: 70%;}
.xz dl dt{height:13.7rem;}
.xz dl dt img{width:100%; height:100%;}
.xz dl dd{width:85%;height:15.5rem; background:url(../images/yy.png) no-repeat center; background-size:100%; position: absolute; bottom:0; padding-top:2.35rem;padding-left:9%;}
.xz dl dd span{display:block; font-size:1.5rem; line-height: 1.5rem; color:#333333; font-weight: bold; margin-bottom: 1.7rem;}
.xz dl dd span em{font-size: 0.7rem; line-height: 0.7rem; color:#3d3d3d; font-weight: normal;margin-left: 0.5rem;}
.xz dl dd p{height:1.2rem; margin-bottom: 1.75rem;}
.xz dl dd p em{display:block; float:left; margin-right: 0.8rem; font-size:1.1rem; line-height: 1.1rem;; color:#333333; font-weight: bold;}
.xz dl dd p em i{display:block;float:left;width:0.85rem; height:0.85rem; font-size:0.7rem; color:#FFF; text-align: center; line-height: 0.85rem; margin-right: 0.5rem; font-weight: normal; border-radius: 100%; background:#1754f1; margin-top: 0.2rem;}
.xz dl dd strong{display: block; font-weight: normal; font-size:1.1rem; color:#666666; height:3.1rem; width:70%; line-height: 1.8rem;}
.xz dl dd strong i{font-size:1.2rem; color:#1754f1; line-height: 1.2rem; font-weight: bold;}
/**/
.fwbj{height:60.2rem;border-bottom:1.2rem solid #f8f8f8;}
.fw{padding:3rem 3% 0;}
.fw h3{height:3.9rem; margin-bottom: 3.2rem;}
.fw h3 span{display: block;width:46%;height:3.85rem;line-height:3.85rem; font-size:1.9rem; color:#333333; font-weight: bold;margin:0 auto; padding-left:25%;background:url(../images/service.png) no-repeat left;background-size: 62%;}
.fw strong{display:block; height:17.8rem;}
.fw strong img{width:100%; height:100%;}
.fwbj .fw_sm{height:32.35rem; background:url(../images/fwbj.jpg) no-repeat center; background-size:100%;}
.fwbj .fw_sm ul{padding:0 3%;}
.fwbj .fw_sm ul li{float:left; width:43%; height:7.75rem;padding-top:2rem;padding-left:7%;}
.fwbj .fw_sm ul li span{display:block; height:1.5rem; margin-bottom: 1.1rem; font-size:1.3rem; color:#333333; font-weight: bold;}
.fwbj .fw_sm ul li span i{display: block;width:13%; height:1.65rem; margin-right: 0.5rem; float:left;}
.fwbj .fw_sm ul li span .fw1{background:url(../images/fw1.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li span .fw2{background:url(../images/fw2.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li span .fw3{background:url(../images/fw3.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li span .fw4{background:url(../images/fw4.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li span .fw5{background:url(../images/fw5.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li span .fw6{background:url(../images/fw6.png) no-repeat center;background-size:100%;}
.fwbj .fw_sm ul li p{font-size:1rem; color:#666666;}
/**/
.casebj{height:46.5rem;}
.case{padding:3rem 3% 0;}
.case h3{margin-bottom: 2.35rem;}
.case h3 span{display: block;width:35%;height:4rem;line-height:3.8rem; font-size:1.9rem; color:#333333; font-weight: bold;margin:0 auto; padding-left:14%;background:url(../images/case.png) no-repeat left;background-size: 55%;}
.case dl dt{height:16.75rem; margin-bottom: 1.5rem;}
.case dl dt img{width:100%; height:100%;}
.case dl dd span{display:block; height:2.8rem; margin-bottom: 1.4rem; position:relative;}
.case dl dd span a{font-size:1.3rem; line-height: 1.3rem; color:#333333; font-weight: bold; }
.case dl dd span::before{width:4.3%;height:0.25rem; background:#1754f1; content:""; position: absolute; left:0; bottom:0;}
.case dl dd p{font-size:1.1rem; color:#666666; height:5rem;line-height: 1.7rem;}
.case .swiper-pagination {width:30%; height:0.4rem;margin:2.5rem auto 0;}
.case .swiper-pagination span{float:left;width:26.6%; height:0.4rem; background:#d4d4d4;margin-right: 5%; border-radius: 0; margin-left: 0;}
.case .swiper-pagination  .swiper-pagination-bullet-active{background:#1754f1;}
.case strong{display: block; height:4rem; background:#1754F1; text-align: center; line-height: 4rem; margin-top: 3rem;}
.case strong a{display:block; font-size: 1.2rem; color:#FFF; font-weight: normal;}
/**/
.loop{height:25.4rem;border-bottom:1.2rem solid #f8f8f8;}
.lop{padding:3rem 3% 0;}
.lop h3{height:2.55rem;}
.lop h3 span{display: block; width:40%; margin:0 auto;padding:0 12.5%; font-size: 1.5rem; line-height: 1.5rem; color:#333333; position: relative; text-align: center;}
.lop h3 span::before{width:19.2%; height:0.05rem; background:#1754f1; content:""; position: absolute; top:0.75rem; left:0;}
.lop h3 span::after{width:19.2%; height:0.05rem; background:#1754f1; content:""; position: absolute; top:0.75rem; right:0;}
.lop ul li{float:left; width:30.8%; height:7.7rem; margin-top: 1.05rem; margin-left: 1.05rem;}
.lop ul li:first-child,.lop ul li:nth-child(4){margin-left: 0;}
.lop ul li span{display:block; width:100%; height:5.2rem; border:1px solid #e4e4e4; box-sizing: border-box;}
.lop ul li span img{width:100%; height: 100%;}
.lop ul li i{display:block; font-size: 1.1rem; color:#777777; text-align: center; height:2.5rem; line-height: 2.5rem;}
/**/
.edgebj{height:42.5rem;border-bottom:1.2rem solid #f8f8f8;}
.edge{padding:3rem 3% 0;}
.edge h3{height:4rem; margin-bottom: 2.5rem;}
.edge h3 span{display:block; width:79%; height:4rem; line-height: 4rem; margin:0 auto; font-size: 1.9rem; font-weight: bold; color:#333333; padding-left:17%; background:url(../images/coreservices.png) no-repeat left; background-size:92%;}
.edge dl{width:100%;}
.edge dl dt{height:17.7rem; margin-bottom: 2.2rem;}
.edge dl dt img{width:100%; height:100%;}
.edge dl dd{padding-left:5%;}
.edge dl dd span{display:block; height:2.55rem; margin-bottom: 1.25rem; padding-left:11%;}
.edge dl dd span em{display:block; font-size: 1.4rem; line-height: 1.4rem; color:#333333; font-weight: bold; margin-bottom: 0.45rem;}
.edge dl dd span i{display:block; font-size: 0.7rem;line-height: 0.7rem;;color:#999999;}
.edge dl dd .e1{background:url(../images/e1.png) no-repeat left top; background-size:8%;}
.edge dl dd .e2{background:url(../images/e2.png) no-repeat left top; background-size:8%;}
.edge dl dd .e3{background:url(../images/e3.png) no-repeat left top; background-size:8%;}
.edge dl dd .e4{background:url(../images/e4.png) no-repeat left top; background-size:8%;}
.edge dl dd p em{display:block; font-size: 1.2rem; color:#5f5f5f; line-height: 1.2rem; background:url(../images/kk.jpg) no-repeat left; background-size:1.5%; margin-top: 0.85rem; padding-left:3%;} 
.edge .swiper-pagination{width:40%; margin:2.45rem auto 0;}
.edge .swiper-pagination span{display:block;float: left;width: 20%;height: 0.4rem;background: #d4d4d4;margin-right: 5%; margin-left:0;border-radius: 0;}
.edge .swiper-pagination .swiper-pagination-bullet-active{background:#1754f1;}
/**/
.about{height:53.0rem;}
.ab{padding:2.9rem 0 0;}
.ab h3{height:3.95rem; margin-bottom: 2.95rem;}
.ab h3 span{display:block;width:47.8%; margin:0 auto; font-size: 2.4rem;height:3.95rem;line-height: 3.95rem; color:#333333; font-weight: bold; padding-left:16%; background:url(../images/aboutus.png) no-repeat left; background-size:86%;}
.ab .video{width:98%; height:18.05rem;  margin: 0 auto;}
.ab .video img{width:100%; height:100%;}
.ab p{font-size: 1.1rem; color:#666666; width:89.8%; height:8.7rem; margin: 2.95rem auto 1.5rem; text-align: center; line-height: 1.8rem;}
.ab strong{display: block;height: 4rem;background: #1754F1;text-align: center;line-height: 4rem;margin-bottom: 1.5rem;}
.ab strong a{display: block;font-size: 1.2rem;color: #FFF;font-weight: normal;}
.ab ul{height:4rem;padding:0 3%;}
.ab ul li{float:left;width:30%; height:4rem; background:#1754F1; border-radius: 5px; text-align: center; line-height: 4rem; margin-left: 1.3rem;}
.ab ul li:first-child{margin-left: 0;}
.ab ul li a{display:block;font-size: 1.2rem; color:#FFF;}
/**/