@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:35.1rem;}*/
/*.gui{padding:3.75rem 0 0;}*/
/*.gui h2{text-align: center; margin-bottom: 1.3rem;}*/
/*.gui h2 span{display:block; height:2.5rem; line-height: 2.5rem; font-size: 2.0rem;color:#000000;font-weight: bold;}*/
/*.gui h2 em{display:block; height:1.95rem; line-height: 1.95rem;font-size: 1.45rem;color:#000000; font-weight: normal;}*/
/*.gui .gui-vid{width:100%; height:24.0rem;background:url(../images/gui-vidbj.jpg) no-repeat center top;background-size:100%;padding-top:1.05rem; box-sizing: border-box;}*/
/*.gui .gui-vid span{display:block; width:75.7%;height:17.7rem;  line-height: 0; overflow:hidden;margin:0 auto;}*/
/*.gui .gui-vid span iframe{width:100%; height:100%;}*/
.m-guide{height:50.95rem;}
.m-guide .gui{padding:3.95rem 4% 0;}
.m-guide .gui h2{text-align: center; margin-bottom: 0.6rem;}
.m-guide .gui h2 span{display:inline-block; height:4.05rem; line-height: 4.05rem;padding:0 1.05rem; font-size:2.1rem; color:#333333; font-weight: bold;position: relative;}
.m-guide .gui h2 span b{color:#003171;}
.m-guide .gui h2 span:before{width:0.65rem;height:0.85rem; background:url(../images/tit-ico.png) no-repeat center; background-size:100%;content:"";position: absolute;left:0;top:1.6rem;}
.m-guide .gui h2 span:after{width:0.65rem;height:0.85rem; background:url(../images/tit-ico.png) no-repeat center; background-size:100%;content:"";position: absolute;right:0;top:1.6rem;}
.m-guide .gui strong{display:block;text-align: center; line-height: 2.1rem;font-size:1.3rem; color:#333333; font-family: "思源黑体 CN"; font-weight: normal; margin-bottom: 2.1rem;}
.m-guide .gui .gui-nav{width:69.1%;height:2.85rem; background:#E1E1E1;margin:0 auto 1.5rem;}
.m-guide .gui .gui-nav ul li{float:left;width:51.9%;height:2.85rem; line-height: 2.85rem; text-align: center;font-size:1.1rem; color:#666666; font-weight: bold;}
.m-guide .gui .gui-nav ul li.g-on{color:#FFF;}
.m-guide .gui .gui-nav ul li.nav1.g-on{background:url(../images/gui-nav1.png) no-repeat center;background-size:100% 100%;}
.m-guide .gui .gui-nav ul li.nav2.g-on{background:url(../images/gui-nav2.png) no-repeat center;background-size:100% 100%;}
.m-guide .gui .gui-nav ul li.nav2{margin-left: -1rem;}
.m-guide .gui .gui-list span{width: 100%; line-height: 0; overflow:hidden;}
.m-guide .gui .gui-list span img{width:100%;}
.m-guide .gui .gui-sz{height:9.6rem;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-top:1.85rem; box-sizing: border-box;}
.m-guide .gui .gui-sz ul li{float:left; width:25%;position: relative;}
.m-guide .gui .gui-sz ul li span{display:block; height:3.75rem; text-align: center;}
.m-guide .gui .gui-sz ul li span em{display:inline-block; height:3.75rem; line-height: 3.75rem;font-size:3.6rem; color:#003171;}
.m-guide .gui .gui-sz ul li span i{display:inline-block;width:1.25rem; height:1.25rem; line-height: 1.25rem;text-align: center;font-size:1.0rem; color:rgba(255,255,255,0.8);border-radius: 50%;background:#006AD0;}
.m-guide .gui .gui-sz ul li p{line-height: 2.0rem; text-align: center; font-size:1.1rem; color:#333333;}
.m-guide .gui .gui-sz ul li:before{width:0.05rem;height:3.6rem; background:rgba(238,238,238,0.62); content:""; position: absolute; right:0;top:1.05rem;}
.m-guide .gui .gui-sz ul li:last-child:before{display:none;}

/**/
.fwbj{height:46.85rem;background:rgba(236,236,236,0.55);}
.fw{padding:3.65rem 4% 0;}
.fw h2{text-align: center; margin-bottom:4.3rem;}
.fw h2 span{display:block; height:2.75rem; line-height: 2.75rem;font-size: 2.3rem; color:#333333; font-weight: normal;}
.fw h2 em{display:block; height:1.85rem; line-height: 1.85rem;margin-bottom: 0.65rem;font-size: 1.3rem; color:#333333;}
.fw h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}
.fw .fw-con{position: relative;}
.fw .fw-con dl dt{height:22.35rem; line-height: 0; overflow:hidden;}
.fw .fw-con dl dt img{width:100%; height:100%;}
.fw .fw-con dl dd{padding-top:1.15rem;}
.fw .fw-con dl dd h4{height:2.3rem; line-height: 2.3rem;font-size: 1.4rem;color:#333333; font-weight: bold; margin-bottom: 0.1rem;}
.fw .fw-con dl dd p{line-height: 2.0rem; font-size: 1.3rem; color:#666666;}
.fw .fw-con .fw-nav{height:7.85rem;position: absolute;left:0;top:-3.85rem;width:100%; z-index:300;}
.fw .fw-con .fw-nav ul li{float:left; width:20.8%; height:7.85rem;background:url(../images/fw-ico.png) no-repeat center; background-size:100%; padding-top:1.5rem;box-sizing: border-box;margin-left: 1.9rem;}
.fw .fw-con .fw-nav ul li i{display:block; width:2.35rem; height:2.35rem;margin:0 auto;}
.fw .fw-con .fw-nav ul li i img{width:100%;}
.fw .fw-con .fw-nav ul li em{display:block; height:2.2rem; line-height: 2.2rem;text-align: center;font-size: 1.3rem;color:#FFF;}
.fw .fw-con .fw-nav ul li:first-child{margin-left: 0;}
.fw .fw-con .fw-nav ul li.f-on{background:url(../images/fw-ico_h.png) no-repeat center; background-size:100%;}
/**/
.product{height:93.75rem;}
.pro{padding:3.75rem 4% 0;}
.pro h2{text-align: center; margin-bottom:1.7rem;}
.pro h2 span{display:block; height:2.65rem; line-height: 2.65rem;font-size: 2.1rem; color:#333333; font-weight: normal;}
.pro h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#333333;}
.pro h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}
.pro .pro-nav{height:4.55rem;background:#333333;width:92%;margin:0 auto;}
.pro .pro-nav ul{float:left; width:100%;height:4.55rem;float:left;}
.pro .pro-nav ul li{float:left;width:50%;height:4.55rem;text-align: center; line-height: 4.55rem;font-size: 1.2rem;color:#FFFFFF; border-right:0.05rem solid rgba(255,255,255,0.1);position: relative;box-sizing: border-box;}
.pro .pro-nav ul li:before{width:100%; height:0.45rem;background:url(../images/pro-ico.jpg) no-repeat center; background-size:100%; display:none;content:"";position: absolute;left:0; bottom:-0.45rem;}
.pro .pro-nav span{display:block; width:33.33%; height:4.55rem; line-height: 4.55rem;text-align: center;float:left;}
.pro .pro-nav span a{display:block;font-size: 1.2rem;color:#FFFFFF;  }
.pro .pro-nav ul li.p-on{background:#006AD0;}
.pro .pro-nav ul li.p-on:before{display:block;}
.pro .pro-bot{height:68.5rem;background:#f5f5f5;padding:0 4%;}
.pro .pro-list ul{height:4.3rem;}
.pro .pro-list ul li{float:left; width:33.3%;height:4.3rem;text-align: center; line-height: 4.3rem;}
.pro .pro-list ul li a{display:block; font-size: 1.3rem;color:#666666;}
.pro dl{height:36.2rem;}
.pro dl dt{height:20.5rem; line-height: 0; overflow:hidden;}
.pro dl dt img{width:100%; height:100%;}
.pro dl dd{padding-top:0.8rem;}
.pro dl dd h4{height:2.4rem; line-height: 2.4rem; margin-bottom: 0.4rem;}
.pro dl dd h4 a{font-size: 1.3rem;color:#30373F; font-weight: bold;}
.pro dl dd p{line-height: 1.7rem;font-size: 1.3rem; color:#666666;}
.pro .pro-ul ul li{float:left; width:48.1%;}
.pro .pro-ul ul li:nth-child(2n){float:right;}
.pro .pro-ul ul li span{display:block; width:100%; line-height: 0; overflow:hidden; border:0.05rem solid #D5D5D5; box-sizing: border-box;}
.pro .pro-ul ul li span img{width:100%;height: 125px;}
.pro .pro-ul ul li em{display:block; height:3.5rem; line-height: 3.5rem;text-align: center;font-size: 1.3rem;color:rgba(48,55,63,0.8);}
/**/
.ysbj{height:52.8rem;margin-top: 7rem;}
.ys{padding-top:3.75rem;}
.ys h2{text-align: center; margin-bottom:1.55rem;}
.ys h2 span{display:block; height:2.65rem; line-height: 2.65rem;font-size: 2.1rem; color:#333333; font-weight: normal;}
.ys h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#333333;}
.ys h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}
.ys .ys-list{padding-bottom:4.35rem;}
.ys .ys-list dl dt{height:23.0rem; line-height: 0; overflow:hidden;}
.ys .ys-list dl dt img{width:100%; height:100%;}
.ys .ys-list dl dd{padding:1.25rem 4% 0;}
.ys .ys-list dl dd h4{margin-bottom: 0.85rem;}
.ys .ys-list dl dd h4 span{display:block; height:2.75rem; line-height: 2.75rem;font-size: 2.1rem;color:#006ad0; font-weight: bold;}
.ys .ys-list dl dd h4 em{display:block;height:1.9rem; line-height: 1.9rem;font-size: 1.3rem;color:#666666; font-weight: normal;}
.ys .ys-list dl dd ul li{height:2.0rem; line-height: 2.0rem;font-size: 1.2rem;color:#777777; padding-left:1.35rem;background:url(../images/ys-ico.png) no-repeat left; background-size:1.5%;}
.ys .ys-list .swiper-pagination{bottom:0;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet{ width:1.2rem; height:1.2rem; background:#333333;border-radius: 50%;margin:0 1.15rem;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#006AD0; }
/**/
/*.case{height:55.25rem;margin-top: 7rem;}*/
/*.cas{padding:3.65rem 4% 0;background:#F5F5F5;height:10.65rem; box-sizing: border-box;}*/
/*.cas h2{text-align: center; margin-bottom:1.7rem;}*/
/*.cas h2 span{display:block; height:2.65rem; line-height: 2.65rem;font-size: 2.1rem; color:#333333; font-weight: normal;}*/
/*.cas h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#333333;}*/
/*.cas h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}*/
/*.case .cas-nav{height:3.65rem;background:#F5F5F5;}*/
/*.case .cas-nav ul li{float:left; width:33.3%;border-right:0.05rem solid rgba(102,102,102,0.11); box-sizing: border-box;}*/
/*.case .cas-nav ul li i{display:block;width:2.35rem; height:2.15rem;float:left;overflow:hidden; margin:0 0.55rem 0 1.5rem;}*/
/*.case .cas-nav ul li i img{width:100%; transition:.5s;}*/
/*.case .cas-nav ul li span{float:left;}*/
/*.case .cas-nav ul li span em{display:block; height:1.5rem; line-height: 1.5rem;font-size: 1.3rem;color:#525252;}*/
/*.case .cas-nav ul li span p{display:block;height:0.75rem; line-height: 0.75rem;font-size: 0.6rem;color:#666666;}*/
/*.case .cas-nav ul li.c-on i img{margin-top:-2.15rem;}*/
/*.case .cas-nav ul li.c-on span em{color:#006ad0;}*/
/*.case .cas-nav ul li.c-on span p{color:#006ad0;}*/
/*.case .cas-list dl dt{width:100%; line-height: 0; overflow:hidden;}*/
/*.case .cas-list dl dt img{width:100%;}*/
/*.case .cas-list dl dd{padding:1.85rem 4% 0;}*/
/*.case .cas-list dl dd h4{height:2.65rem; line-height: 2.65rem; margin-bottom: 0.15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
/*.case .cas-list dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
/*.case .cas-list dl dd p{ line-height: 2.0rem;font-size: 1.2rem;color:#666666;}*/
/*案例*/
.g-case{width: 92%;margin: 0 auto;padding: 3.5rem 0 3rem;}
.case_nav{padding: 1.5rem 0 0;height:10rem;overflow: hidden;}
.case_nav ul li{width: 30%;float: left;height: 3rem;margin-bottom: 2rem;margin-right: 5%;}
.case_nav ul li a{display: block;font-size: 1.2rem;color: #333;background: #eee;width: 100%;height: 3rem;line-height: 2.8rem;border-radius: 5rem;text-align: center;}
.case_nav ul li.cur a{color: #fff;background: #0071bd;}
.case_nav ul li:nth-child(3n){margin-right: 0;}
.case_list{width: 100%;}
.case_list ul li{width: 48.2%;float: left;line-height: 0;margin-right: 3.5%;}
.case_list ul li span{display: block;width: 100%;text-align: center;font-size: 1.3rem;color: #666;height: 3.5rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_list ul li:nth-child(2n){margin-right: 0;}

/*标题*/
.m-tit{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;font-weight: bold;line-height: 2rem;height: 4.5rem;overflow: hidden;}
.m-tit span{display: block;font-size: 1.1rem;color: #666;font-weight: normal;padding: 0.5rem 0 0;}
/**/
.fwwd{height:48.1rem;background:url(../images/fwwd.jpg) no-repeat center top;background-size:100% 100%;}
.wd{padding:3.55rem 4% 0;}
.wd h2{text-align: center; margin-bottom:1.35rem;}
.wd h2 span{display:block; height:2.8rem; line-height: 2.8rem;font-size: 2.1rem; color:#333333; font-weight: normal;}
.wd h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#333333;}
.wd h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}
.wd .wd-list{z-index:300;}
.wd .wd-list ul li{line-height: 1.9rem;font-size: 1.3rem;color:#222224; margin-bottom: 1.9rem;}
.wd .wd-list .wd-jt{width:4.75rem; height:1.7rem;}
.wd .wd-list .wd-jt i{display:block; width:1.7rem;height:1.7rem;float:left;}
.wd .wd-list .wd-jt  .wd-prev{background:url(../images/wd-prev.png) no-repeat center; background-size:100%;}
.wd .wd-list .wd-jt  .wd-next{background:url(../images/wd-next.png) no-repeat center; background-size:100%;float:right;}
.wd .wd-map{width:85.6%;height:24.5rem;background:url(../images/fw-map.png) no-repeat center; background-size:100% 100%;margin:-3.15rem 0 0 1.35rem;position: relative;}
.wd .wd-map em{display:block; text-align: center;position: absolute;}
.wd .wd-map em i{font-size: 0.8rem;color:#FFFFFF;width:100%; position: relative;}
.wd .wd-map em:before{width:100%; height:100%;background:rgba(132,132,132,0.79);content:""; position: absolute;left:0;top:0;border-radius: 50%;-webkit-animation: living 2s linear infinite;}
.wd .wd-map .wd1{width:4.6rem; height:4.6rem;top:7.0rem;right:10.0rem;}
.wd .wd-map .wd1 i{display:block;height:4.6rem; line-height: 4.6rem;}
.wd .wd-map .wd2{width:5.9rem;height:5.9rem;top:9.6rem;right:7.95rem;}
.wd .wd-map .wd2 i{display:block;height:5.9rem; line-height:5.9rem;}
.wd .wd-map .wd3{width:5.9rem;height:5.9rem;top:12.4rem; right:12.25rem;}
.wd .wd-map .wd3 i{display:block;height:5.9rem; line-height:5.9rem;}
.wd .wd-map .wd4{width:6.65rem;height:6.65rem;right:7.3rem;bottom:2.5rem;}
.wd .wd-map .wd4 i{display:block;height:6.65rem; line-height:6.65rem;}
.wd .wd-map em:hover:before{background:rgba(3,85,173,0.8);}

@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
/**/
.newsbj{height:58.0rem;}
.news{padding:3.65rem 4% 0;}
.news h2{text-align: center; margin-bottom:1.6rem;}
.news h2 span{display:block; height:2.7rem; line-height: 2.7rem;font-size: 2.1rem; color:#333333; font-weight: normal;}
.news h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#333333;}
.news h2 i{display:block; width:1.45rem;height:0.1rem; background:#006AD0;margin:0 auto;}
.news .news-nav{height:4.1rem;}
.news .news-nav ul{border: 0.05rem solid #b5b5b5;}
.news .news-nav li{float:left;width:27.6%;box-sizing: border-box;height:3.2rem; line-height: 3.2rem;text-align: center;font-size: 1.3rem; color:#333333;border-right: 0.05rem solid #b5b5b5;}
.news .news-nav li.non.n-on{background:#2869B8;color:#FFF; font-weight: bold;}
.news .news-nav li:last-child{width:17.2%;border-right:0;}
.news .news-nav li a{font-size: 1.3rem; color:#333333;}
.news .news-nav li:last-child:hover{background:#2869B8;}
.news .news-nav li:last-child:hover a{color:#FFF; font-weight: bold;}
.news .news-list dl{height:28.75rem;}
.news .news-list dl dt{height:16.2rem;  position: relative;overflow:hidden;}
.news .news-list dl dt span{display:block; width:100%;line-height: 0; overflow:hidden;}
.news .news-list dl dt span img{width:100%; height:100%;}
.news .news-list dl dt i{display:block; width:7.75rem;height:3.65rem; background:#2869B8; text-align: center; line-height: 3.65rem;font-size: 1.6rem;color:#FFFFFF;position: absolute;right:0;bottom:0;}
.news .news-list dl dd{padding-top:1.2rem;}
.news .news-list dl dd h4{height:3.0rem; line-height: 3.0rem;margin-bottom: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-list dl dd h4 a{font-size: 1.4rem;color:#181818; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news .news-list dl dd p{line-height: 1.8rem;font-size: 1.2rem;color:#666666;}
.news .news-list ul li{height:4.45rem; line-height: 4.45rem;border-top:0.05rem solid #e2e2e2;}
.news .news-list ul li a{font-size: 1.25rem;color:#666666; text-decoration: underline;}
/**/
.about{height:31.4rem;background:url(../images/about.jpg) no-repeat center top;background-size:100%;}
.abo{padding:3.7rem 0 0;}
.abo h2{text-align: center; margin-bottom:1.9rem;}
.abo h2 span{display:block; height:2.7rem; line-height: 2.7rem;font-size: 2.1rem; color:#FFF; font-weight: normal;}
.abo h2 em{display:block; height:1.95rem; line-height: 1.95rem;margin-bottom: 0.6rem;font-size: 1.3rem; color:#FFF;}
.abo h2 i{display:block; width:1.45rem;height:0.1rem; background:#FFF;margin:0 auto;}
.abo strong{display:block;line-height: 1.95rem;font-size: 1.3rem;color:rgba(255,255,255,0.8); width:92%;margin:0 auto 4.8rem; font-weight: normal;}
.abo ul li{float:left;width:25%; position: relative;}
.abo ul li:before{width:0.05rem; height:4.0rem;background:rgba(211,211,211,0.55); content:"";position: absolute;right:0;top:0.5rem;}
.abo ul li span{display:block;height:3.8rem; text-align: center;}
.abo ul li span em{display:inline-block; height:3.8rem; line-height: 3.8rem;font-size: 4.1rem;color:#FFF;  font-family: "Arial";}
.abo ul li span i{display:inline-block;width:1.05rem;height:1.05rem; background:#006ad0;border-radius: 50%;text-align: center; line-height: 1.05rem;font-size: 0.8rem;color:#FFF;}
.abo ul li p{height:1.9rem; line-height: 1.9rem;text-align: center;font-size: 1.3rem;color:rgba(255,255,255,0.88);}