body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 1rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0rem 0.85rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #003399;}

.tit01{text-align: center; }
.tit01 h2{font-size: 2rem; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 3rem;position: relative; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size:1rem;color: #666666; line-height: 2rem;padding-bottom: 1.3rem; }

/**/
.m-guide{ clear: both; overflow: hidden;background:#f2f2f2;background-size: 100% 100%;  padding: 3.7rem 0 5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-guide .tit01{height:5.6rem;}
.m-guide .tit01 h2{color: #333333;font-size: 2.4rem; text-transform: uppercase;}
.m-guide .tit01 p{font-size: 1.2rem;color: #666666;}
.guide{width:100%;height:20.7rem;background:url(../images/guidebg.jpg) no-repeat;background-size: 100% 100%;padding-top:1rem;box-sizing: border-box;}
.guide-video{width:72.266%;position: relative;margin-left:13.33%; height:17rem;}
.guide-video iframe{ 100%;}
.guide-video img{width:100%;display: block;}
.guide-video i{display: block;width:4.3rem;height:4.3rem;position: absolute;left:50%;top:50%;margin-left:-2.15rem;margin-top:-2.15rem;background: url(../images/video-btn.png) no-repeat;background-size: 100%;}
li.swiper-slide.mp4s {
    height: 20rem;
}

/* */
.m-products{ clear: both; overflow: hidden;background:#f9f9f9;background-size: 100% 100%;  padding: 3.5rem 0 3.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{height:7.7rem;}
.m-products .tit01 p{background:url(../images/protit.png) no-repeat center bottom;background-size:19.4rem 0.8rem;}

.pro{width: 92%;overflow: hidden;margin:0 auto;}
.xiaji a {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.1rem;
    margin-right: 1%;
    border: 1px solid #ccc;
    cc; */
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 3%;
    float: left;
    margin-top: 0.5rem;
    width: 48%;
    height: 3rem;
    text-align: center;
}

.swiper-slide.xiaji {
    line-height: 1.6rem;
}

.pro-nav{width: 100%;clear: both;overflow: hidden; margin:0 auto; position: relative;height:3.4rem;background:#8c8c8c;}
.pro-nav h3{width:76%;float: left;}
.pro-nav h3 a{width: 33.333%;text-align: center; float: left; font-size: 1rem; line-height: 3.4rem;box-sizing: border-box;color: #ffffff; text-decoration: none; display: block;border-right: 1px solid #6c6c6c;}
.pro-nav span{display: block;width:23.6%;float: left;height: 3.4rem;font-size: 1rem;line-height: 3.4rem;text-align: center;border-left: 1px solid #a8a8a8;box-sizing: border-box;}
.pro-nav span a{color: #fff;}
.pro-nav h3 a.cur{background: #002c74;border-color: #002c74; font-weight: bold;}
.pro-nav-erj{width:100%;margin-bottom: 1rem;}
.pro-nav-erj p{width:100%;clear: both;overflow: hidden;background:#f3f3f3;padding:1rem 0 0.5rem;}
.pro-nav-erj p a{display: block;width:33.33%;text-align: center;height: 3rem;line-height: 3rem;color: #666666;font-size:1.3rem;box-sizing: border-box; float: left;position: relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.pro-clm{position: relative;margin-bottom: 1.2rem;}
.pro-ad{width:100%;margin:0 auto;position: relative;padding-bottom: 3.3rem;}
.pro-ad ul{width: 100%;}
.pro-ad li{width: 48.15%;  box-sizing: border-box;float: left;margin-right: 3.7%;position: relative;margin-bottom: 1rem;}
.pro-ad li img{display: block;width: 100%;border:1px solid #e0e0e0; box-sizing: border-box;}
.pro-ad li h4{text-align: center;font-size: 1rem;color: #666666;line-height: 1.5rem;height: 3rem;width: 100%;overflow: hidden;box-sizing: border-box;width:100%;display: flex;justify-content: center;align-items: center;margin-top:0.5rem;}


.pro-ad li:nth-child(2n){margin-right: 0;}
.pro-ad .swiper-pagination{bottom: 0rem !important; z-index: 1}
.pro-ad .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0rem 0.85rem !important;background-color: #666666; opacity: 1; position: relative;}
.pro-ad .swiper-pagination .swiper-pagination-bullet-active{ background-color: #003399;}


.switch {
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.switch .swiper-pagination-bullet {
  width: 0.9rem;
  height: 0.9rem;
  background: #004097;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.5rem !important;
}
.switch .swiper-pagination-bullet-active {
  opacity: 1;
  background: #cb0000;
}
/**/
.m-speed{width:100%;overflow: hidden;min-height: 11rem; background:url(../images/speedbg.jpg) no-repeat;background-size: 100% 100%; padding:2rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.speed{width: 92%;margin:0 auto;clear: both;overflow: hidden; }
.speed dt{width:100%; line-height: 2.3rem;height: 2.3rem;font-size: 1.3rem;color:#fff;font-weight: bold;}
.speed dd{width:100%;}
.speed dd a{display: block;float: left; line-height: 1.88rem;font-size: 1rem;color:rgba(255, 255, 255, 0.7);text-align: left;margin-right:1.5rem;}



/**/
.m-projects{ box-sizing: border-box;background:#fff;background-size: 100% 100%; padding:3.5rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.m-projects .tit01{height:7.4rem;}
.m-projects .tit01 p{background:url(../images/projtit.png) no-repeat center bottom;background-size:13.2rem 0.8rem;}
.projects{width: 92%;position: relative;margin:0 auto;overflow: hidden;}
.projects-nav{width:100%;clear: both;overflow: hidden;margin-bottom: 1.2rem;}
.projects-nav li{height: 4.25rem;line-height: 1.5rem;font-size: 1rem;color: #ffffff;text-align: center;float: left;box-sizing: border-box;position: relative;width:33.33%;text-decoration: none;background:#8c8c8c;border-right: 1px solid #6c6c6c;border-left: 1px solid #a3a3a3;border-bottom: 1px solid #a3a3a3;display: flex;justify-content: center;align-items: center;}
.projects-nav li a{color: #fff;}
.projects-nav li:nth-child(3n){border-right: 0;}
.projects-nav li:nth-child(1),.projects-nav li:nth-child(4){border-left:0;}
.projects-nav li:nth-child(n+4){border-top: 1px solid #6c6c6c;}
.projects-nav li.cur{color: #fff;font-weight: normal;background: #002c74;border-color: #002c74;}
.projects-nav span{height: 4.25rem;line-height: 1.5rem;font-size: 1rem;color: #ffffff;text-align: center;float: left;box-sizing: border-box;position: relative;width:33.33%;text-decoration: none;background:#8c8c8c;border-left: 1px solid #a3a3a3;border-bottom: 1px solid #a3a3a3;display: block;border-top: 1px solid #6c6c6c;display: flex;justify-content: center;align-items: center;}
.projects-nav span a{color: #fff;}

.projects-con2{position: relative;}
.projects-con2 dl{ clear: both;overflow: hidden;position: relative;}
.projects-con2 dl dt{width:100%;}
.projects-con2 dl dt img{width: 100%;display: block;}
.projects-con2 dd{width:100%; padding:1.5rem  0 0;box-sizing: border-box;}
.projects-con2 dd h4{font-size: 1.1rem;height:2.5rem;line-height: 2.5rem; color:#222222;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.5rem;}
.projects-con2 dd h4 a{color:#222222;}
.projects-con2 dd p{font-size: 1rem;line-height: 1.5rem;text-align: justify;color:#666666;}


/**/
.m-case{ box-sizing: border-box;background:#f5f5f5;background-size: 100% 100%; padding:3.5rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.m-case .tit01{height:7.4rem;}
.m-case .tit01 p{background:url(../images/projtit.png) no-repeat center bottom;background-size:13.2rem 0.8rem;}
.case{width: 92%;position: relative;margin:0 auto;overflow: hidden;}
.case-nav{width:100%;clear: both;overflow: hidden;margin-bottom: 1.2rem;}
.case-nav li{ 
    height: 4rem;
    line-height: 1.5rem;
    font-size: 1.05rem;
    color: rgba(51, 51, 51, 0.88);
    text-align: center;
    float: left;
    box-sizing: border-box;
    position: relative;
    width: 33.33%;
    text-decoration: none;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case-nav li a{color: rgba(51, 51, 51, 0.88);}
.case-nav li:hover{color: #fff;font-weight: normal;background: #002c74;}
.case-nav li:hover a{color: #fff;}
.case-nav span{ height:2.1rem;line-height:3.35rem;font-size:1.3rem;color: #ffffff;text-align: center;float: left; box-sizing: border-box;position: relative;width:33.33%; text-decoration: none;background:#8c8c8c; border-left: 1px solid #a3a3a3;border-bottom: 1px solid #a3a3a3;display: block;border-top: 1px solid #6c6c6c;}
.case-nav span a{color: #fff;}

.case-con{position: relative;padding-bottom: 4.25rem;}
.case-con .swiper-wrapper{box-shadow: 0 0 0.8rem #c0c0c0;}
.case-con dl{ clear: both;overflow: hidden;position: relative;}
.case-con dl dt{width:100%;}
.case-con dl dt img{width: 100%;display: block;}
.case-con dd{width:100%;height:7rem; padding:1rem 1rem 0;box-sizing: border-box;background:rgba(0, 42, 111, 0.9)}
.case-con dd img{width:5rem;height:5rem;border-radius: 100%;display: block;float: left;box-shadow: 0 0 0.5rem #666;}
.case-con dd h4{width:80%;float: right; font-size: 1rem;line-height: 1.9rem; color:#fff;font-weight:normal;overflow: hidden;margin-top:0.5rem;}
.case-con dd h4 a{color:#222222;}
.case-con .swiper-pagination{bottom: 0rem !important; z-index: 1}
.case-con .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0rem 0.85rem !important;background-color: #666666; opacity: 1; position: relative;}
.case-con .swiper-pagination .swiper-pagination-bullet-active{ background-color: #003399;}


/**/
.m-super{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:3.6rem 0 3rem;clear: both; overflow: hidden; font-family:"Microsoft Yahei";}
.m-super .tit01{height:7.5rem;}
.m-super .tit01 p{background:url(../images/supertit.png) no-repeat center bottom;background-size:15.9rem 0.8rem;}
.edge_c{width:100%;margin:0 auto;}
.edge_c li dt,.edge_c li dt img{width: 100%;display: block;}
.edge_c li{margin-bottom:1rem;}
.edge_c li dl{display: none;width:92%;margin:0 auto;}
.edge_wt{height:8rem;background: #ececec;position: relative;padding:1.25rem 1.5rem;box-sizing: border-box;}
.edge_wt img{width:8.8rem;height:5.5rem;display: block;overflow: hidden; float: left;}
.edge_wt h3{width:23.8rem;position: absolute;top:3.2rem;right:1.5rem;text-align: left;font-size:1.38rem;color: #282828; font-weight: bold;height: 1.9rem;line-height: 1.9rem;background:url(../images/superico.png) no-repeat right center;background-size: 1.9rem;}
.edge_c li.on{display: block;}
.edge_c li.on dl{display: block;background: #fff;}
.edge_c li.on .edge_wt{display: none;}
.edge_c li dt{position: relative;}
.edge_c li dt img{width:100%;display: block;}
.edge_c li dd{padding:2.7rem 0 1rem; text-align: justify;}
.edge_c li dd h4{font-size: 1.5rem;font-weight: bold;color: #003282;margin-bottom: 1rem;}
.edge_c li dd h4 em{display: block;font-size: 1.2rem;color: #003282;font-weight: normal; line-height:1.5rem;}
.edge_c li dd p{font-size: 1rem;line-height: 1.5em;color: rgba(40, 40, 40, 0.7);}


/**/
.m-xban{ height:10.85rem; overflow: hidden;width:100%;position: relative;}
.m-xban img{width: 100%;display: block;}
.xban{width: 21.7rem;position: absolute;l;left: 48%;top: 1.2rem;margin-left: -3.5rem;}
.xban h3{ font-size: 1.3rem;color: #003282; font-weight: bold;margin-bottom: 1.3rem; line-height: 1.7rem;}
.xban h3 em{display: block;font-size: 1.3rem;font-weight: normal;color: #333333;}
.xban a{display: inline-block;width: 7.65rem;height:2.2rem;line-height: 2.2rem;text-align: center;background:url(../images/xban-btn.gif) no-repeat;background-size: 100% 100%;color: #ffffff;font-size: 1rem;float: left;}
.xban .xban-btn1{margin-right: 0.45rem;}

/**/
.m-news{ padding:4.5rem 0 4rem; background:#f5f5f5;background-size: 100% 100%; box-sizing: border-box;}
.m-news .tit01{height:6.8rem;}
.m-news .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;background-size:23.15rem 0.8rem;}
.news{width: 92%;margin:0 auto;box-sizing: border-box;}
.news-nav{ width:100%; height:2.6rem; position:relative;margin-bottom: 1rem;}
.news-nav p{ height:2.6rem;font-size:1.3rem;float:left; text-align:center; color:#192336; line-height:2.6rem; position: relative;box-sizing: border-box; margin-right: 1.5rem;}
.news-nav p em{display: block;float: left;width:1.4rem;height:1.5rem;position: relative;overflow: hidden;margin-top:0.65rem;margin-right: 0.5rem;}
.news-nav p em img{position: absolute;left:0;top:-1.5rem;width:1.4rem;display: block;}
.news-nav p.cur{color: #003282; font-weight: normal;}
.news-nav p.cur em img{top:0;}
.news-nav .news-more{ float: right;line-height:2.6rem;  display: block;color: #666666;font-size: 1.3rem;}

.news-con{position: relative;}
.news-con dl{ clear: both;overflow: hidden;margin-bottom: 1.4rem;position: relative;}
.news-con dt{width:100%;}
.news-con dt img{width: 100%;display: block;}
.news-con dd{width:100%; overflow: hidden;box-sizing: border-box;padding-top:1.5rem;}
.news-con dd em{ display: block; float: left;margin-right: 0.75rem; height:1.4rem;line-height: 1.3rem;width: 3.1rem; text-align: center; font-size: 0.85rem;color: #003399; display:block; font-weight: normal; border:1px solid #003399;  }
.news-con dd h4{font-size: 1.3rem;font-weight: bold;margin: 0 0 10px;height: 1.5rem;line-height: 1.5rem;color:#333333;overflow: hidden;margin-bottom: 1.3rem;}
.news-con dd h4 a{ color:#333333;}
.news-con dd p{overflow: hidden;font-size: 1rem;line-height: 1.9rem;color:#666666;text-align: justify;}
.news-con li{height: 2.5rem;line-height: 2.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;color: #666666;padding-left:1.5rem;background:url(../images/newsico1.png) no-repeat left center;background-size:0.7rem;}
.news-con li a{color: #666666;}
.news-con li em::after{content: "";position: absolute;width: 0.1rem;height: 1rem;background:#dcdcdc; right:0;top:1rem;}



/*走进*/
.m-about{ padding:3.5rem 0rem 0;background:#fff;background-size:100%;}
.m-about .tit01{height:8rem;}
.m-about .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;background-size:20.65rem 0.8rem;}
.about img{ display:block; width:100%;}
.about dd{margin:2.2rem auto;background:#fff; height:auto;position: relative;width:92%;font-size: 1.3rem; color: #666666;line-height: 1.8rem; text-align: center;}


/**/
.m-show{padding:0rem 0 3rem;background:#fff;background-size:100%;}
.show{width:92%; margin:0 auto;position: relative;}
.show-nav{width:100%;position: relative; height: 2.2rem;margin-bottom: 1.5rem;}
.show-nav a{display: block;width: 33.33%;line-height: 1.5rem;float: left;box-sizing: border-box;font-size: 1rem;color:#333333;height:2.2rem;text-align: left;font-weight: normal;}
.show-nav a em{width:1.4rem;height:1.3rem;overflow: hidden;position: relative;float: left;display: block;margin: 1rem 0.5rem 0 0rem;}
.show-nav a em img{width: 1.4rem; display: block;position: absolute;left:0;top:0;}
.show-nav a.cur{ font-weight: bold;color:#063591;}
.show-nav a.cur em img{top:-1.3rem;}

.show-nav a span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    line-height: 1.2rem;
}

.show-nav a:last-child {
    width: 27%;
    float: right;
}

.show-nav a:nth-child(2) {
    width: 35%;
    margin-left: 4%;
}


.show-con{width:100%;margin:0 auto;overflow: hidden;position: relative;}
.show-con ul{width: 100%; clear: both;overflow: hidden;}
.show-con li{width: 48.55%; float: left;margin-right:2.9%;}
.show-con li:nth-child(2n){margin-right:0;}
.show-con li a{text-decoration: none;}
.show-con li img{display: block; width: 100%;}
.show-con li h4{height: 2.5rem; font-size: 1.3rem; line-height: 2.5; color: #282828;font-weight: normal; text-align: center;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-top: 0.5rem;}




html{ background:#f7f7f7;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#003282;background: none; border:0.1rem solid #003282; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:0.75rem; z-index:8; font-size: 1rem;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

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