@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.06666666666667px;}}
@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;  
}




.m-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;}
.m-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; }





/**/
.guide{background:url(../images/guide.jpg) no-repeat center;background-size:100% 47.85rem;padding:1rem 4% 5.45rem; box-sizing: border-box;}
.guide h2{line-height: 6.45rem;text-align: center;font-size: 2.7rem;color:#333333; font-weight: bold;}
.guide .gui-vid{width:100%; height:19.25rem; position: relative; margin-bottom: 1.35rem;}
.guide .gui-vid span{display: block; width:100%; line-height: 0; overflow: hidden; position: absolute;left:0;top:0;z-index:200;}
.guide .gui-vid span img{width:100%;}
.guide .gui-vid b{display:block;height:100%;}
.guide p{line-height:2.4rem; margin-bottom: 2.15rem;font-size: 1.3rem;color:#666666;}
.guide .code{display: block; text-align: center;}
.guide .code a{display: inline-block;width:12.2rem;height:2.9rem; vertical-align: top; box-sizing: border-box;}
.guide .code em{margin-left: 2rem;display: inline-block;}
.guide .code a i{display: inline-block; line-height: 2.8rem;padding-left:2.3rem;font-size: 1.4rem;font-weight: normal;}
.guide .code a.zc{border:.05rem solid #0F3059;border-radius: 1.3rem;}
.guide .code a.zc i{background:url(../images/gui-ico1.png) no-repeat left;background-size:2.3rem 2.8rem;color:#333333;}
.guide .code a.zb{background:#14178C;border-radius: 1.3rem;}
.guide .code a.zb i{background:url(../images/gui-ico2.png) no-repeat left;background-size:2.3rem 2.8rem;color:#fef322;}
.guide .code em b{display: block;width:100%; line-height: 0; overflow: hidden;}
/**/
.product{background:url(../images/product.jpg) no-repeat center;background-size:100% 100%;padding:2.65rem 4% 1.95rem;}
.product h2{text-align: center; margin-bottom: 1.85rem;}
.product h2 span{display: block; line-height: 3.35rem;font-size: 2.8rem;color:#333333; font-weight: bold; margin-bottom: .4rem;}
.product h2 em{display: block; line-height: 1.8rem;font-size: 1.2rem;color:#333333; margin-bottom: .95rem;}
.product h2 i{display: block;width:1.4rem;height:.1rem; background:#0b55b5;margin:0 auto;}
.product .pro-nav{height:15.45rem;}
.product .pro-nav ul li{float:left;width:10.9rem;height:6.25rem;border: .05rem solid rgba(0,0,0,0.2);margin:0 .9rem 1.1rem 0; box-sizing: border-box;padding-top:1.4rem; position: relative;}
.product .pro-nav ul li span{display: block; line-height: 1.85rem;font-size: 1.2rem;color:#333333; text-align: center;}
.product .pro-nav ul li em{display: block; line-height: 1.2rem;font-size: 0.75rem;color:#b8c0c0; font-family: "思源黑体 CN"; font-weight: 300; text-align: center;}
.product .pro-nav ul li b{display: block;width:100%;height:.25rem; position: absolute;left:0;bottom:-0.25rem;}
.product .pro-nav ul li:nth-child(3n){margin-right: 0;}
.product .pro-nav ul li.cur{background:url(../images/probj.jpg) no-repeat center;background-size:100% 100%;border:.05rem solid #FFF;}
.product .pro-nav ul li.cur span{color:#FFF;font-weight: bold;}
.product .pro-nav ul li.cur em{color:rgba(255,255,255,.66);}
.product .pro-nav ul li.cur b{background:url(../images/pro-dbx.png) no-repeat center;background-size:.75rem .25rem;}
.product .pro-list{margin-bottom: 1.45rem;}
.product .pro-list .pro-con{width:100%; position: relative;}
.product .pro-list .pro-con span{display: block;width:100%; line-height: 0; overflow: hidden;}
.product .pro-list .pro-con span img{width:100%;}
.product .pro-list .pro-con em{display: block;width:100%;height: 3.9rem; line-height: 3.9rem;text-align: center;font-size: 1.3rem;color:#ffffff; background:rgba(0,0,0,.42);position: absolute;left:0;bottom:0;}
.product strong{display: block;width:10.95rem;height:2.9rem; background:#FEF322;border-radius: 1.4rem;margin:0 auto;}
.product strong a{display: block; height:2.9rem; text-align: center;}
.product strong i{display: inline-block;line-height: 2.9rem;font-size: 1.1rem;color:#000000;padding-right:3.75rem;background:url(../images/pro-ico.png) no-repeat right;background-size:3rem 1.45rem; font-weight: normal;}
/**/
.super{padding:2.9rem 0 3.8rem;}
.super h2{text-align: center; margin-bottom: 1.7rem;}
.super h2 span{display: block; line-height: 4.05rem;font-size: 2.8rem;color:#333333; font-weight: bold;}
.super h2 i{display: block;width:1.4rem;height:.1rem;background:#0B55B5;margin:0 auto;}
.super .sup-list{padding-bottom:5.25rem;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width:100%;}
.super .sup-list dl dd{padding:0 4%;z-index:200;position: relative;}
.super .sup-list dl dd .sup-tit{height:5.5rem; margin-left: .65rem;margin-top:-0.7rem; margin-bottom: 1.6rem;}
.super .sup-list dl dd .sup-tit .sup-sz{width:3.8rem;height:5.5rem; background:url(../images/supszbj.jpg) no-repeat center;background-size:100% 100%;float:left;padding-top:1.25rem; text-align: center;box-sizing: border-box;}
.super .sup-list dl dd .sup-tit .sup-sz em{display: block; line-height: 2.25rem;font-size: 2.3rem;color:#FFF; font-weight: bold; font-family: "DIN";;}
.super .sup-list dl dd .sup-tit .sup-sz i{display: block; line-height: 1rem;font-size: .6rem;color:rgba(255,255,2555,.45); font-family: "Myriad Pro";text-transform: uppercase}
.super .sup-list dl dd .sup-tit h4{width:30.05rem; height:5.5rem;float:left; line-height: 5.5rem;font-size: 1.4rem;color:#333333; font-weight: normal;background:url(../images/sup-xt.jpg) no-repeat left bottom;background-size:27.5rem .2rem;padding-left:1.35rem; box-sizing: border-box;}
.super .sup-list dl dd .sup-desc{width:30rem; margin-left: 3.2rem; line-height: 2.7rem;font-size: 1.4rem;color:#666666;}
.super .swiper-pagination{bottom:0; height:2.8rem; line-height: 0;background:url(../images/sup-shou.jpg) no-repeat center;background-size:100% 100%;}
.super .swiper-pagination .swiper-pagination-bullet{ width:2.8rem; height:2.8rem; border:1px solid rgba(0,0,0,0.53);border-radius: 50%;margin:0 .2rem;font-size: 1.4rem;color:#999999; line-height: 2.7rem; text-align: center; font-family: "Arial"; box-sizing: border-box;}
.super .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#FEF322;color:#222222;border:1px solid #FEF322;}
/**/
.zcbj{height:60.9rem;background:url(../images/zcbj.jpg) no-repeat center;background-size:100% 100%;padding:3.8rem 4% 0; box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 2rem;}
.zcbj h2 span{display: block; line-height: 3.15rem;font-size: 2.5rem;color:#ffffff; font-weight: bold;}
.zcbj h2 em{display: block; line-height: 3.8rem;font-size: 3.15rem;color:#FFF;font-weight: bold; margin-bottom: .85rem;}
.zcbj h2 i{display: block;width:1.4rem;height:.1rem; background:#FFF;margin:0 auto;}
.zcbj ul li{float:left;width:45.7%; margin-bottom: 2.3rem;}
.zcbj ul li .left{width:3.4rem;height:3.95rem;float:left; position: relative;margin-top: .5rem;}
.zcbj ul li .left i{display: block;height:3.95rem; line-height: 3.95rem; text-align: center; background:url(../images/zc-ico.png) no-repeat center;background-size:100% 100%; font-size: 1.1rem;color:#ffffff;}
.zcbj ul li .left:before{width:.05rem; height:7.5rem;background:rgba(127,185,255,.22);content:""; position: absolute;left:1.68rem;top:3.95rem;}
.zcbj ul li .rig{width:11.15rem;float:left; margin-left: 1.15rem;}
.zcbj ul li .rig h4{line-height: 1.95rem; margin-bottom: .5rem;font-size: 1.5rem;color:#ffffff; font-weight: bold;}
.zcbj ul li .rig p{line-height: 1.6rem;font-size: 1.1rem;color:#ffffff;height:6.4rem;}
.zcbj ul li:nth-child(2n){float:right;}
.zcbj ul li:nth-child(7) .left:before,.zcbj ul li:nth-child(8) .left:before{display: none;}
/**/
.jmbj{padding:2.4rem 4% 0;}
.jmbj h2{text-align: center; margin-bottom: 1.65rem;}
.jmbj h2 span{display: block; line-height: 5.15rem;font-size: 2.9rem;color:#333333; font-weight: bold;}
.jmbj h2 i{display: block;width:1.4rem;height:.1rem; background:#0b55b5; margin:0 auto;}
.jmbj .jm-nav{height:10.1rem;}
.jmbj .jm-nav ul li{float:left;width:28.6%; margin-left: 2.35rem;}
.jmbj .jm-nav ul li:first-child{margin-left: 0;}
.jmbj .jm-nav ul li i{display: block;width:3.65rem;height:4.25rem; line-height: 0; overflow: hidden;margin:0 auto;}
.jmbj .jm-nav ul li i img{width:100%;}
.jmbj .jm-nav ul li em{display: block; line-height: 3.1rem; margin-bottom: .25rem;font-size: 1.4rem;color:#333333; text-align: center;}
.jmbj .jm-nav ul li b{display: block;width:100%; height:.5rem;background:#CCCCCC;border-radius: .5rem .5rem 0px 0px;}
.jmbj .jm-nav ul li.jon.cur em{font-weight: bold;color:#1D2088;}
.jmbj .jm-nav ul li.jon.cur b{background:#FEF322;}
.jmbj .jm-nav ul li:last-child:hover em{font-weight: bold;color:#1D2088;}
.jmbj .jm-nav ul li:last-child:hover b{background:#FEF322;}
.jmbj .jm-list{padding-bottom:2.8rem;}
.jmbj .jm-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.jmbj .jm-list dl dt img{width:100%;}
.jmbj .jm-list dl dd{height:18.25rem;box-shadow: 0px 17px 35px 0px rgba(31,37,21,0.15);background:#FFF;border-radius: 0px 0px .5rem .5rem;padding:2.45rem 0 0 1.8rem; box-sizing: border-box;}
.jmbj .jm-list dl dd ul{width:30.5rem;}
.jmbj .jm-list dl dd ul li{float:left; margin-right:2.0rem; margin-bottom: 1.55rem;}
.jmbj .jm-list dl dd ul li i{display: block;width:2.4rem;height:2.75rem; line-height: 2.75rem; text-align: center; font-size: 1rem;color:#224682; font-weight: bold; font-family: "Arial"; background:url(../images/jmicobj.png) no-repeat center; background-size:100% 100%;margin:0 auto;position: relative;}
.jmbj .jm-list dl dd ul li i:before{width:4rem;height:.05rem;background:#FFF;content:""; position: absolute;right:-4rem;top:1.55rem; border-bottom:.05rem dashed #999999;}
.jmbj .jm-list dl dd ul li em{display: block; line-height: 1.6rem;font-size: 1rem;color:#333333; font-weight: bold;}
.jmbj .jm-list dl dd ul li:nth-child(4) i:before{width:5rem;right:-5rem;}
.jmbj .jm-list dl dd ul li:nth-child(5){margin-right: 0;}
.jmbj .jm-list dl dd ul li:nth-child(5) i:before,.jmbj .jm-list dl dd ul li:nth-child(9) i:before{display: none;}
.jmbj .jm-list dl dd ul li:nth-child(6){margin:0;}
.jmbj .jm-list dl dd ul li:nth-child(7){margin:0 1rem;}
.jmbj .jm-list dl dd .jm-txt{position: relative;}
.jmbj .jm-list dl dd .jm-txt p em{display: block;height:1.95rem; line-height: 1.95rem;padding-left:1.3rem;background:url(../images/jmico.png) no-repeat left; background-size:.65rem .65rem;font-size: .9rem;color:#333333;font-weight: bold;}
.jmbj .jm-list dl dd .jm-txt b{display: block;width:13.5rem;height:13.05rem; line-height: 0; overflow: hidden;position: absolute;right:1.2rem;bottom:-2.85rem;}
.jmbj .jm-list dl dd .jm-txt b img{width:100%;}
.jmbj .jm-list dl dd ul li:hover i{background:url(../images/jmicobj_h.png) no-repeat center;background-size:100% 100%;}
/**/
.rybj{height:37.45rem;background:url(../images/rybj.jpg) no-repeat center;background-size:100% 100%;padding:1.75rem 0 0; box-sizing: border-box;}
.rybj h2{text-align: center; margin-bottom: 1.65rem;}
.rybj h2 span{display: block; line-height: 5.15rem;font-size: 2.9rem;color:#333333; font-weight: bold;}
.rybj h2 i{display: block;width:1.4rem;height:.1rem; background:#0b55b5; margin:0 auto;}
/**/
.case{padding:3.85rem 0 0;height:62rem;background:url(../images/case.jpg) no-repeat center;background-size:100% 100%; box-sizing: border-box;}
.case h2{text-align: center; margin-bottom: 2.2rem;}
.case h2 span{display: block; line-height: 2.75rem;font-size: 2rem;color:#333333; font-weight: bold;}
.case h2 em{display: block; line-height: 2.05rem;font-size: 1.35rem;color:#333333;font-weight: normal; margin-bottom: .4rem;}
.case h2 i{display: block;width:1.4rem; height:.1rem; background:#0B55B5;margin:0 auto;}
.case .cas-list{padding-bottom:1.7rem;}
.case .cas-list dl{width:100%;}
.case .cas-list dl dt{width:100%; height:18rem; line-height: 0; overflow: hidden; position: relative;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dt i{display: block;width:5.85rem; height:5.85rem; line-height: 0; overflow: hidden; position: absolute;left:50%; top:50%;transform:translate(-50%,-50%); z-index:200;}
.case .cas-list dl dd{height:25rem;background:#FFF;box-shadow: 0px 0px .8rem 0px rgba(0,0,0,0.08);padding:2rem 3.4rem 0 2.55rem; box-sizing: border-box;}
.case .cas-list dl dd h4{ width:75%;line-height: 2.5rem; margin-bottom: .75rem;}
.case .cas-list dl dd h4 a{font-size: 1.7rem;color:#333333;display: block;line-height: 2.5rem; font-weight: normal;}
.case .cas-list dl dd p{line-height: 2.1rem; margin-bottom: 1.6rem;font-size: 1.3rem;color:#666666;}
.case .cas-list dl dd strong{display: block;width:10.95rem;height:2.9rem;background:#1F2291;margin:0 auto;border-radius: 1.4rem;}
.case .cas-list dl dd strong a{display: block;height: 2.9rem; text-align: center;}
.case .cas-list dl dd strong i{display: inline-block;line-height: 2.9rem;font-size: 1.2rem;color:#ffffff; font-weight: bold;padding-right:3.65rem;background:url(../images/cas-ico.png) no-repeat right;background-size:3rem 1.45rem;}
.case b{display: block; width:7.5rem; line-height: 0; overflow: hidden;margin:0 auto;}
.case b img{width:100%;}
/**/
.news{padding:3.1rem 4% 2.9rem;}
.news h2{text-align: center; margin-bottom: .45rem;}
.news h2 span{display: block; line-height: 3.35rem;font-size: 2.6rem;color:#333333; font-weight: bold;}
.news h2 em{display: block; line-height: 2rem;font-size: 1.2rem;color:#333333; font-weight: normal;}
.news ul{margin-bottom: 2.25rem;}
.news ul li{height:11.9rem;border-bottom:.05rem solid #cccccc; box-sizing: border-box;padding-top:1.95rem;}
.news ul li dl dt{width:13.35rem; line-height: 0; overflow: hidden;float:right; margin-top: .3rem;}
.news ul li dl dt img{width:100%;}
.news ul li dl dd{float:left; width:20rem;}
.news ul li dl dd h4{height:2rem; line-height: 2rem; margin-bottom: .25rem;}
.news ul li dl dd h4 a{font-size: 1.3rem;color:#333333; font-weight: normal;}
.news ul li dl dd p{line-height: 1.85rem;font-size: 1.2rem;color:#999999; margin-bottom: .6rem;}
.news ul li dl dd i{display: block; line-height: 1.55rem;font-size: 1rem;color:#999999;}
.news strong{display: block;width:12.25rem;height:2.95rem;border:.1rem solid #a6a6a6; box-sizing: border-box;margin:0 auto;border-radius: 1.5rem;}
.news strong a{display: block;height:2.95rem; text-align: center;}
.news strong i{display: inline-block; line-height: 2.95rem;font-size: 1.3rem;color:#a6a6a6; font-weight: normal;padding-right:3.85rem;background:url(../images/news-ico.png) no-repeat right;background-size:3rem 1.45rem;}