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


/**/
 



.guide{height:45rem;}
.gui{padding:1.7rem 4% 0;}
/*.gui h2{text-align: center;height:6.8rem; line-height: 6.8rem;font-size: 2.0rem; color:#000000;}*/
.gui h2{text-align: center;margin-bottom: 0.9rem;}
.gui h2 span{display:block;height:3.0rem; line-height: 3.0rem;font-size: 2.0rem; color:#000000; font-weight: bold;}
.gui h2 em{display:block;height:2.2rem; line-height: 2.2rem;font-size: 1.2rem; color:#000000; font-weight: normal;}
.gui .vid{width:100%;margin-bottom: 1.75rem;height:10.15rem;}
.gui .vid img{width:100%;height:10.15rem;}
.gui .vid iframe{height:100%;}
.gui .gui-desc{line-height: 2.0rem;font-size: 1.1rem; color:#060001; text-align: center; margin-bottom: 3.35rem;}
.gui ul li{float:left; margin-bottom: 2.85rem;margin-left: 4.3rem;}
.gui ul li span{display:block;height:2.25rem;}
.gui ul li span em{display:inline-block; height:2.25rem; line-height: 2.25rem;font-size: 2.3rem;color:#000000;}
.gui ul li span i{display:inline-block; width:0.9rem; height:0.9rem; line-height: 0.9rem;text-align: center;border:1px solid #212121; font-size: 0.85rem; color:#000000; font-family: "思源黑体 CN"; border-radius: 3px; vertical-align: top;margin-top: 0.3rem;}
.gui ul li p{height:1.6rem; line-height: 1.6rem;font-size: 1.1rem; color:#000000; font-family: "思源黑体 CN";}
.gui ul li:nth-child(3) span i,.gui ul li:nth-child(4) span i{font-size: 0.65rem;}
.gui ul li:first-child{margin-left: 0;}
.gui ul li:nth-child(4){margin-left: 5.45rem;}
.gui ul li:last-child{margin-left: 6.15rem;}
.gui ul li:hover span em{color:#039;}
.gui ul li:hover span i{color:#039; border:1px solid #039;}
.gui ul li:hover p{color:#039;}











/**/
.product{background:#ECECEC;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
.pro{padding:2.3rem 4% 3.8rem;}
.pro h2{text-align: center;margin-bottom: 0.9rem;}
.pro h2 span{display:block;height:3.0rem; line-height: 3.0rem;font-size: 2.0rem; color:#000000; font-weight: bold;}
.pro h2 em{display:block;height:2.2rem; line-height: 2.2rem;font-size: 1.2rem; color:#000000; font-weight: normal;}
.pro .pro-nav{height:7.8rem;}
.pro .pro-nav ul li{float:left; width:32.4%;height:3.2rem; line-height: 3.2rem; text-align: center;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);border-radius:6px; margin-bottom: 0.35rem; margin-left: 0.35rem;background:#FFFFFF;font-size: 1.15rem; color:#000000;}
.pro .pro-nav ul li a{display:block;font-size: 1.15rem; color:#000000;}
.pro .pro-nav ul li:first-child,.pro .pro-nav ul li:nth-child(4){margin-left: 0;}
.pro .pro-nav ul li.p-on,.pro .pro-nav ul li:hover{background:#FED201;}
.pro .pro-list dl dt{width:100%; margin-bottom: 0.8rem;height:19.3rem;}
.pro .pro-list dl dt img{width:100%; height:100%;}
.pro .pro-ul ul li{float:left; width:49.4%;margin-bottom: 0.5rem;}
.pro .pro-ul ul li:nth-child(2n){float:right;}
.pro .pro-ul ul li span{display:block; width:100%; border:1px solid #E1E1E1;}
.pro .pro-ul ul li span img{width:100%;}
.pro .pro-ul ul li em{display:block; height:3.55rem; line-height: 3.55rem;background:#E5E5E5 url(../images/pro-jt.png) no-repeat 90%;background-size:7%;font-size: 1.2rem; color:#000000; padding-left:1.0rem;}

/**/
.super{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.5);}
.super .sup-con{padding:4.35rem 4% 3.6rem;}
.super .sup-con h2{text-align: center; margin-bottom: 1.35rem;}
.super .sup-con h2 span{display:block; height:3.0rem; line-height: 3.0rem;font-size: 2.0rem; color:#000000;font-weight: bold;}
.super .sup-con h2 em{display:block; height:1.95rem; line-height: 1.95rem;font-size: 1.0rem; color:#000000; font-weight: normal;}
.super .sup-con ul li{margin-bottom: 1.5rem;}
.super .sup-con ul li dl dt{width:71.3%;float:left; line-height: 0;height:9.75rem; overflow:hidden;}
.super .sup-con ul li dl dt img{width:100%;height:100%;}
.super .sup-con ul li dl dd{width:28.7%;height:9.75rem; background:#039;padding:3.25rem 0 0 1.0rem; box-sizing: border-box;float:left;}
.super .sup-con ul li dl dd i{display:block;width:4.95rem;height:2.75rem;}
.super .sup-con ul li dl dd i img{width:100%; height:100%;}
.super .sup-con ul li dl dd span{display:block; height:3.0rem; line-height: 3.0rem;font-size: 2rem; color:#fff;}
.super .sup-con ul li b{display:block; line-height: 2.2rem; background:#EEEEEE; text-align: center; font-weight: normal;font-size: 1.3rem; color:#333333;font-family: "思源黑体 CN";padding: 1rem 10px;}
.super .sup-con ul li span {display:block; width:96%; height:32px; font-size:16px; line-height:2;background-color:#039; color:#fff; padding-left:4%;}

/**/
.case{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.5);}
.cas{padding:4.7rem 4% 2.8rem;}
.cas h2{text-align: center;margin-bottom: 1.1rem;}
.cas h2 span{display:block; height:2.8rem; line-height: 2.8rem; font-size: 2.0rem; color:#000000;font-weight: bold;}
.cas h2 em{display:block; height:2.0rem; line-height: 2.0rem; font-size: 1.2rem; color:#000000; font-weight: normal;}
.cas .cas-nav{height:9.75rem;}
.cas .cas-nav ul li{float:left;width:49.8%;height:4.55rem; margin-bottom: 0.1rem;box-sizing: border-box;background:#ECECEC;}
.cas .cas-nav ul li:nth-child(2n){float:right;}
.cas .cas-nav ul li a{display:block;padding-left:3.1rem;height:4.55rem;}
.cas .cas-nav ul li i{display:block;width:2.65rem; height:2.2rem; float:left;margin-top:1.2rem; margin-right: 1.55rem;}
.cas .cas-nav ul li .cas-icon1{background:url(../images/cas-icon1.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li .cas-icon2{background:url(../images/cas-icon2.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li .cas-icon3{background:url(../images/cas-icon3.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li .cas-icon4{background:url(../images/cas-icon4.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li:hover .cas-icon1{background:url(../images/cas-icon1_h.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li:hover .cas-icon2{background:url(../images/cas-icon2_h.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li:hover .cas-icon3{background:url(../images/cas-icon3_h.png) no-repeat center; background-size:100%;}
.cas .cas-nav ul li:hover .cas-icon4{background:url(../images/cas-icon4_h.png) no-repeat center; background-size:100%;}

.cas .cas-nav ul li em{display:block; float:left; height:4.55rem; line-height: 4.55rem;font-size: 1.45rem; color:#060001;}
.cas .cas-list{height:28.25rem;position: relative; overflow:hidden;}
.cas .cas-list dl dt{height:18.0rem; line-height: 0; overflow:hidden;}
.cas .cas-list dl dt img{width:100%; height:100%;}
.cas .cas-list dl dd{width:93.4%; margin:-2.5rem auto 0; background:#FFF;position: relative; z-index:100;padding:0.95rem 1.6rem 0; box-sizing: border-box;} 
.cas .cas-list dl dd h4{height:3.1rem; line-height: 3.1rem; text-align: center;}
.cas .cas-list dl dd h4 a{font-size: 1.2rem; color:#000000; font-weight: bold;}
.cas .cas-list dl dd i{display:block; width:5.55rem;height:0.1rem; background:#646464;margin:0 auto 0.8rem;}
.cas .cas-list dl dd p{text-align: center; line-height: 1.8rem;font-size: 1.1rem; color:#444444;}
.cas .cas-list .prev1{width:2.75rem; height:2.75rem; background:url(../images/cas-prev.png) no-repeat center; background-size:100%; position:absolute; left:-0.65rem;top:6.2rem;z-index:300;}
.cas .cas-list .next1{width:2.75rem; height:2.75rem; background:url(../images/cas-next.png) no-repeat center; background-size:100%; position:absolute; right:-0.65rem;top:6.2rem;z-index:300;}
.cas .cas-ul ul li{float:left;width:29.8%; }
.cas .cas-ul ul li em{display:block;height:4.9rem;margin-bottom: 1.3rem; border:1px solid #E4E4E4;}
.cas .cas-ul ul li img{width:100%; height:100%;}
.cas .cas-ul ul li em:hover{border:1px solid #FED201;box-shadow:0px 4px 27px 0px rgba(0, 0, 0, 0.14);}

/**/
.edge{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.5);position: relative; margin-bottom: 4.1rem;}
.ed{padding:3.45rem 0 3.6rem;}
.ed h2{text-align: center;margin-bottom: 1.3rem;}
.ed h2 span{display:block; height:2.8rem; line-height: 2.8rem;font-size: 2.0rem; color:#000000; font-weight: bold;}
.ed h2 em{display:block; height:2.0rem; line-height: 2.0rem;font-size: 1.2rem; color:#000000;}
.ed .ed-nav{height:8.15rem;padding:0 4%;position: relative;z-index:50;}
.ed .ed-nav ul li{float:left;width:25%; height:8.15rem; box-sizing: border-box; border:2px solid #d4d4d4; padding-top:1.05rem;}
.ed .ed-nav ul li i{display:block; width:2.6rem;height:2.7rem;margin:0 auto 0.3rem;}
.ed .ed-nav ul li .ed-icon1{background:url(../images/ed-icon1.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon2{background:url(../images/ed-icon2.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon3{background:url(../images/ed-icon3.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon4{background:url(../images/ed-icon4.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li span{display:block; height:2.65rem; line-height: 2.65rem;text-align: center;font-size: 1.45rem; color:#212121; font-weight: bold;}
.ed .ed-nav ul li em{display:none;width:2.6rem;height:2.6rem; background:#FED201;border-radius: 50%; margin:0 auto; text-align: center;line-height: 2.6rem; font-size: 1.45rem; color:#282828;}
.ed .ed-nav ul li.e-on{border:2px solid #FED201;}
.ed .ed-nav ul li.e-on .ed-icon1{background:url(../images/ed-icon1_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon2{background:url(../images/ed-icon2_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon3{background:url(../images/ed-icon3_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon4{background:url(../images/ed-icon4_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on em{display:block;}
.ed .ed-list dl dt{width:100%; line-height: 0;}
.ed .ed-list dl dt img{width:100%;}
.ed .ed-list dl dd{height:20.5rem;padding:2.0rem 4% 0;box-sizing: border-box;}
.ed .ed-list dl dd span{display:block;position: relative;margin-bottom: 1.4rem;}
.ed .ed-list dl dd span em{display:block;height:3.1rem; line-height: 3.1rem; font-size: 2.4rem; color:#363636;}
.ed .ed-list dl dd span p{height:1.9rem; line-height: 1.9rem;font-size: 1.1rem; color:#333333;}
.ed .ed-list dl dd span i{display:block; font-size: 4.5rem; color:rgba(37,37,37,0.15); position:absolute;right:0;top:0;line-height: 4rem;}
.ed .ed-list dl dd ul li{padding-left:1.65rem; margin-bottom: 0.95rem;background:url(../images/ed-jt.png) no-repeat left 0.35rem;background-size:1.5%; line-height: 1.4rem; font-size: 1.0rem; color:#363636;}
.ed .ed-list .jt{width:19.7%;height:2.45rem;margin:0 auto;position: relative;}
.ed .ed-list .jt:before{width:13.85rem;height:0.1rem; background:#000000;content:"";position:absolute; left:-13.85rem;top:1.15rem;}
.ed .ed-list .jt:after{width:13.85rem;height:0.1rem; background:#000000;content:"";position:absolute; right:-13.85rem;top:1.15rem;}
.ed .ed-list .jt i{display:block; width:2.4rem; height:2.45rem; float:left;}
.ed .ed-list .jt .prev2{background:url(../images/ed-prev.png) no-repeat center; background-size:100%;}
.ed .ed-list .jt .next2{background:url(../images/ed-next.png) no-repeat center; background-size:100%;float:right;}


/**/
.news{height:45.15rem; background:#F4F4F4;}
.new{padding:1.9rem 4% 0;}
.new h2{text-align: center; margin-bottom: 1.25rem;}
.new h2 span{display:block;height:3.0rem; line-height: 3.0rem;font-size: 2.0rem; color:#000000;font-weight: bold;}
.new h2 em{display:block; height:2.2rem; line-height: 2.2rem;font-size: 1.2rem; color:#000000; font-weight: normal;}
.new .new-con{height:33.65rem;background:#FFF;padding:1.15rem 0.65rem 0 1.05rem; box-sizing: border-box;}
.new .new-con .new-nav{height:4.1rem;}
.new .new-con .new-nav ul li{float:left;width:31.8%;height:3.0rem;background:#039; border-radius:22px;padding-left:1.0rem; box-sizing: border-box;margin-left: 0.55rem;}
.new .new-con .new-nav ul li i{display:block; width:1.55rem; height:1.65rem;float:left;margin: 0.6rem 0.85rem 0 0;}
.new .new-con .new-nav ul li i img{width:100%; height:100%;}
.new .new-con .new-nav ul li em{display:inline-block;float:left; height:3.0rem; line-height: 3.0rem;font-size: 1.3rem; color:#fff; font-weight: bold;}
.new .new-con .new-nav ul li:first-child{margin-left: 0;}
.new .new-con .new-nav ul li.n-on{background:#FED201;}
.new .new-con .new-list dl{margin-bottom: 1.1rem;}
.new .new-con .new-list dl dt{width:38.8%;height:9.4rem; float:left; line-height: 0;}
.new .new-con .new-list dl dt img{width:100%;height:100%;}
.new .new-con .new-list dl dd{width:60.6%;height:9.4rem;float:left;padding:0.45rem 0 0 0.6rem; box-sizing: border-box;}
.new .new-con .new-list dl dd h4{height:3.35rem;padding-bottom:0.9rem; line-height: 1.5rem;position: relative;margin-bottom: 0.95rem; }
.new .new-con .new-list dl dd h4 a{font-size: 1.4rem; color:#000000;}
.new .new-con .new-list dl dd h4:before{width:0.9rem; height:0.1rem; background:#002060; content:""; position:absolute;left:0;bottom:0;}
.new .new-con .new-list dl dd p{line-height: 1.8rem;font-size: 1.2rem; color:#666666;}
.new .new-con .new-list ul li{height:3.15rem; line-height: 3.15rem;border-bottom:1px solid #e8e8e8;}
.new .new-con .new-list ul li em{display:inline-block;float:left; height:3.15rem;font-size: 1.3rem; color:#666666;}
.new .new-con .new-list ul li i{display:inline-block;float:right;font-size: 1.3rem; color:#666666;}


/**/
.about{height:49.2rem;}
.abo{padding:3.2rem 0 0;}
.abo h2{text-align: center; margin-bottom: 1.1rem;}
.abo h2 span{display:block; height:3.2rem; line-height: 3.2rem; font-size: 2.0rem; color:#000000; font-weight: bold;}
.abo h2 em{display:block; height:2.4rem; line-height: 2.4rem;font-size: 1.2rem; color:#333333; font-weight: normal;}
.abo dl dt{height:19.4rem; line-height: 0;}
.abo dl dt img{width:100%; height:100%;}
.abo dl dd{width:92%; height:19.15rem;box-shadow:0px 1px 35px 0px rgba(0, 0, 0, 0.11);margin:-3.25rem auto 0;position: relative; background:#FFF;padding:2.15rem 1.35rem 0; box-sizing: border-box;}
.abo dl dd h4{height:2.7rem; line-height: 2.7rem; text-align: center;}
.abo dl dd h4 a{font-size: 1.3rem; color:#282828;font-weight: bold;}
.abo dl dd i{display:block;width:1.1rem;height:0.1rem; background:#002060;margin:0 auto 0.65rem;}
.abo dl dd p{ line-height: 2.1rem;font-size: 1.3rem; color:#666666; margin-bottom: 1.3rem;}
.abo dl dd em{display:block; width:30.1%; height:2.4rem; line-height: 2.4rem;background:#039;border-radius:23px;margin:0 auto; text-align: center;}
.abo dl dd em a{display:block;font-size: 1.4rem; color:#FFFFFF;}