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: 2rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{border:0.1rem solid #fff;width: 0.7rem; height: 0.7rem;margin:0 0.3rem !important;background: none; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background: #fff;}

.tit01{text-align: center;}
.tit01 h2{font-size:2.5rem;  font-family: "Microsoft YaHei";color: #111111;font-weight:bold;}
.tit01 a{color: #111111; }
.tit01 p{ font-weight: normal; display: block;font-size:1.3rem;color:#666666; line-height: 2.4rem; }




/**/
.m-guide{ padding:3.8rem 0rem 0;background:url(../images/guidebg.jpg) no-repeat center top;background-size:100% 100%;height: 50.9rem;box-sizing: border-box;}
.m-guide h2{padding-bottom: 1.3rem;position: relative;}
.m-guide h2::after{content: "";position: absolute;width: 2.1rem;height: .15rem;background:#01559e; left:50%;bottom:0rem;margin-left:-2.1rem;}
.guide{width:92%;margin:32.3rem auto 0;}
.guide ul{width:100%; clear: both;overflow: hidden;margin-top: 2.4rem;}
.guide li{box-sizing: border-box;float: left; position: relative;text-align: left;}
.guide li b{font-weight: normal;font-size: 3.1rem;;color:#222; font-family: Arial, Helvetica, sans-serif;}
.guide li p{text-align: left;font-size:1.3rem; color: #666666;line-height: 1.4rem;;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-weight: normal;}
.guide li:nth-child(1){width:37%;}
.guide li:nth-child(2){width:33%;}
.guide li:nth-child(3){width:30%;}


/* */
.m-products{ clear: both; overflow: hidden; background:#fff;background-size: 100%; padding: 1.5rem 0 3.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{height:6.2rem;}
.pro{width:100%;margin:0 auto;}
.pro-nav{box-sizing: border-box;clear: both;overflow: hidden;}
.pro-nav a{width:33.33%;background: #fff; float: left;display: block;height: 4.9rem; line-height: 4.9rem;text-align: center;font-size: 1.4rem;color:#333333;box-sizing: border-box;position: relative;border-top:1px solid #dcdcdc;}
.pro-nav a::after{content: "";position: absolute;width: 0;height: .15rem;background:#005da3; left:0%;top:-1px;}
.pro-nav a.cur{color: #005da3;font-weight: bold;}
.pro-nav a.cur::after{width:100%;}
.pro-ad{width: 100%;position: relative;overflow: hidden;}
.pro-ad em img{width: 100%;display: block;}
.pro-ad h4{height:5.5rem;line-height: 5.5rem;background:#f4f6fa; display: block;text-align: center;font-size: 1.5rem;color: #333333;}
.pro-ad h4 img{width:2rem;height:2rem;vertical-align: middle;    display: inline-block;margin-left:1rem;}

.pro-more{width:92%;margin:3.6rem auto 0;}
.pro-more h3{ font-size: 0.9rem;color: #999999;text-transform: uppercase; font-weight: lighter;margin-bottom: 1rem;}
.pro-more h3 a{color: #999999;}
.pro-more h3 b{font-size: 2rem;color: #333333;font-weight: normal;}
.pro-con{width: 100%;position: relative;overflow: hidden;}
.pro-con img{width: 100%;display: block;}
.pro-con ul{width: 100%; clear: both;overflow: hidden;}
.pro-con li{width: 48.69%; float: left;margin-right:2.62%;position: relative;}
.pro-con li:nth-child(2n){margin-right:0;}
.pro-con li a{text-decoration: none;}
.pro-con li img{display: block; width: 100%;}
.pro-con li h4{height: 2rem; font-size: 1.3rem; line-height: 2rem; color: #666666;font-weight: normal; text-align: center;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-top:0.5rem;}
.pro-con li:hover h4{color:#005da3;}

/**/
.m-case{ box-sizing: border-box;background:#f7f8fa;background-size: 100% 100%;  padding:3.5rem 0 2.5rem; overflow: hidden; font-family:"Microsoft Yahei";}
.m-case .tit01{ height:6.5rem;}
.case{width: 92%;position: relative;margin:0 auto;}
.case-nav{width:100%;margin:0 auto 1rem;clear: both;overflow: hidden;}
.case-nav a{ height:2.5rem;line-height: 2.5rem; font-size:1.3rem;color: #333333;text-align: left;float: left; box-sizing: border-box;position: relative;width:32%; text-decoration: none;margin-bottom: 1rem;}
.case-nav em{width:2rem;height:1.925rem;display: block;float: left;overflow: hidden;position: relative;margin-top:0.25rem;margin-right: 0.5rem;}
.case-nav em img{width:2rem;display: block;position: absolute;left:0;top:0;}
.case-nav a:nth-child(3n){width:28%;}
.case-nav a:nth-child(3n-1){width:40%;}
.case-nav a.cur,.case-nav a:hover{color: #005da3;font-weight: bold;}
.case-nav a.cur em img,.case-nav a:hover em img{top:-1.925rem;}

.case-con{width:100%;overflow: hidden; position: relative;}
.case-con dl,.case-con dt{width: 100%;}
.case-con dd{height:2.3rem; text-align: center;font-size:1.3rem; color: #333333;line-height:2.3rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;font-weight: normal;margin-top:1rem;}
.case-con dd a{ color: #333333;}


/**/
.m-super{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:3.5rem 0 3.25rem;clear: both; overflow: hidden; font-family:"Microsoft Yahei";}
.m-super .tit01{ height:6.5rem;}
.super{width: 100%;overflow: hidden;margin:0 auto;}
.super-nav{width:92%;margin:0 auto 2rem;clear: both;overflow: hidden;}
.super-nav li{width:18.69%;line-height: 2rem; font-size:1.4rem;font-weight: bold; color: #333333;text-align: center;float: left; box-sizing: border-box;position: relative;text-decoration: none;margin-right: 7.9%;}
.super-nav em{width:100%;height:6.7rem;display: block;overflow: hidden;position: relative;margin:0 auto 1rem;}
.super-nav em img{display: block;position: absolute;left:0;top:0;}
.super-nav li:last-child{margin-right: 0;}
.super-nav li.cur{color: #005da3;font-weight: bold;}
.super-nav li.cur em img{top:-6.7rem;}
.super-con{width: 100%;overflow: hidden;position: relative;}
.super-con dl{padding-bottom: 2rem;}
.super-con dt{width: 100%;}
.super-con dt img{display: block;width: 100%;}
.super-con dd{width: 92%;margin:-1.3rem auto 0; box-shadow: 0 0 0.8rem #e0e7ed;min-height: 16.5rem; box-sizing: border-box; position: relative;padding:2rem  2.3rem;text-align: left;position: relative;border-radius: 1rem;background: #fff;}
.super-con dd h4{position: relative;font-size: 1.7rem; font-weight: bold; color: #111111; line-height: normal;margin-bottom: 1rem;}
.super-con dd p{font-size: 1.3rem; line-height:1.9rem; color: #666666;}


/**/
.m-show{ box-sizing: border-box;height:auto; background:url(../images/honorbg.jpg) no-repeat center top;background-size: 100% 100%;  padding:3.5rem 0 6.25rem;clear: both; overflow: hidden; font-family:"Microsoft Yahei";}
.m-show .tit01{ height:10rem;}
.m-show .tit01 i{font-weight: lighter;font-size: 1.2rem;margin-top:1rem;text-transform: uppercase;color: #01559e;}
.show-con{width: 74.4%;position: relative;overflow: hidden;margin:0 auto;}
.show-con img{width: 100%;display: block;}
.show-con ul{width: 100%; clear: both;overflow: hidden;}
.show-con li{width: 48.38%; float: left;margin-right:3.22%;background:url(../images/rybg.png) no-repeat center top;background-size: 100% 100%;padding:0.8rem;box-sizing: border-box;}
.show-con li:nth-child(2n){margin-right:0;}
.show-con li a{text-decoration: none;}


/**/
.m-news{ padding:3.5rem 0 1rem; background:#fff;background-size: 100%; box-sizing: border-box;}
.m-news .tit01{ height:5.95rem;}
.news{width: 92%;margin:0 auto;}
.news dl{ clear: both;overflow: hidden;margin-bottom: 1rem;position: relative;background:#f5f6fa;}
.news dt{width:39.13%; float: left;}
.news dt img{width: 100%;display: block;}
.news dd{width:56.2%;float: right;margin-right: 0.5rem;}
.news dd h4{position: relative;font-size: 1.3rem; font-weight: normal; color: #333333; line-height: normal;height: 1.8rem;line-height: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:1rem 0 0.5rem;}
.news dd h4 a{color: #333333;}
.news dd p{font-size: 1.3rem; line-height:1.8rem; color: #999999;}
.news li{height: 3rem;line-height: 3rem;padding-left:1.6rem;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 1.3rem; color: #666666;border-bottom: 1px dashed #dbdbdb;position: relative;}
.news li a{color: #666666;}
.news li::after{content: "";position: absolute;width: 0.2rem;height: 0.2rem;background:#005da3; left:0;top:50%;border-radius: 100%;}

/**/
.m-about{ padding:3.5rem 0rem 0;background:#fff;background-size:100%;}
.m-about .tit01{height:6.3rem;}
.about dt{width:92%;margin:0 auto;}
.about img{ display:block; width:100%;}
.about dd{background:#f7f8fa;padding:1.2rem 1.5rem 2rem;box-sizing: border-box; height:auto;position: relative;width:100%;font-size: 1.3rem; color: #666666;line-height: 2.1rem; text-align: justify;}
.about dd em{color: #005da3;}

/**/
.m-speed{ padding:3.5rem 0rem 1.5rem;background:#fff;}
.m-speed dl{background:url(../images/speedbg.jpg) no-repeat center top;background-size:100% 19.5rem;height: 19.5rem;padding-top:4rem;box-sizing: border-box;}
.m-speed dt{font-size: 1.5rem;color: #333333;font-weight: bold;margin-bottom: 0.5rem;}
.m-speed dd,.m-speed dt{width:63%;margin-right: 1.2rem;float: right;;}
.m-speed dd a{display: inline-block;font-size: 1.3rem;color: #666666;line-height: 2.8rem;width:49%;}



/*html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.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:#005da3;background: #fff; border:0.1rem solid #005da3; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; 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;}}