body{background: #fff;}
.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0 !important; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #1ab795; }

.tit01{text-align:center; font-size: 2.1rem; background:url(../images/tit01.png) no-repeat  center bottom;background-size:1.45rem 0.65rem ; font-weight:normal; color:#333333;padding-bottom: 1.4rem;}
.tit01 a{color: #333333;}
.tit01 b{font-weight: bold; color: #01487e;}
.tit01 span{display:block;font-size:1.1rem; color:#666666;  font-weight:normal;}

.yy_bj{background:url(../images/yybg.jpg) no-repeat  center top;background-size:100% 100%;padding: 4rem 0 2.6rem;  font-family: "Microsoft Yahei";box-sizing: border-box;}
.yy_bj h2{margin-bottom: 1.3rem;}
.yy{width: 93.75%;margin:0 auto;}
.yy ul{width: 100%;background:#f5f4f4; clear: both; overflow: hidden; }
.yy ul li{width: 50%;padding: 1.1rem 0; box-sizing: border-box; height: 7.7rem; text-align: center; border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; float: left; position: relative;}
.yy ul li b{font-size: 4.5rem;font-family: "Arial";  color: #333333; font-weight: normal;}
.yy ul li i{font-size: 0.6rem ;color: #fff; font-weight: normal;width: 1.15rem; height: 1.15rem; border-radius: 100%; background: #01487e; display: block; line-height: 1.15rem; position: absolute;top:0.5rem;  right:4.5rem;}
.yy ul li span{ display: block; font-size: 1.2rem; color: #333333; }
.yy ul li:nth-child(1) i{right:3.5rem;}
.yy ul li:nth-child(2) i{right:3.5rem;}
.yy ul li:nth-child(3) i{right:1.5rem;}
.yy ul li:nth-child(4) i{right:5rem;}
.yy ul li:nth-child(2n){border-right:0;}
.yy ul li:nth-child(3){border-bottom:0;}
.yy ul li:nth-child(4){border-bottom:0;}
/* 产品*/
.pro_bj{padding:4rem 0 2rem; font-family: "Microsoft Yahei";box-sizing: border-box;}
.pro_bj .tit01{margin-bottom: 2rem;}
.pro {width: 93.75%;margin:0 auto;}
.clm{width:100%;margin-bottom: 2rem;}
.clm li{width:100%; background: #01487e; height: 3.25rem; line-height:3.25rem; box-sizing: border-box;  margin-bottom: 0.5rem; font-size: 1rem;}
.clm a{color: #fff;width: 33.333%; float:  left; display: block; text-align: center; position: relative;    padding: 0 1%; box-sizing: border-box; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.clm a:before{content: "";width: 1px; height: 0.65rem;top:1.3rem;right:0;position: absolute;background:#5584a8;}
.clm li a:nth-child(3n):before {background:none;}

.pro .pro_cnt{width: 100%; overflow: hidden; position: relative;}
.pro .pro_cnt ul{width: 100%; overflow: hidden;position: relative;}
.pro .pro_cnt ul li{ position: relative;width: 46.5%; margin-right: 7%;margin-bottom: 1rem; float: left;}
.pro .pro_cnt ul li:nth-child(2n){margin-right: 0;}
.pro .pro_cnt ul li img{width: 100%; display: block;}
.pro .pro_cnt ul li span{border-bottom:1px solid #666666; box-sizing: border-box;display: block; text-align: left; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; color: #666666; font-weight: normal;  }
.pro .pro_cnt ul li span i{ float: right;font-size: 1.2rem; color: #666666; }
.pro .pro_cnt ul li.nones{margin-right: 0;}
/**/
.cpysbj{padding:5.5rem 0 4rem; background:url(../images/cpysbg.jpg) no-repeat  center top;background-size:100% 100%; font-family: "Microsoft Yahei";box-sizing: border-box;}
.cpysbj .tit01{margin-bottom: 1.5rem; }
.cpys{width:100%;clear: both;overflow: hidden;}
.cpys dl{width: 100%; height: 9.5rem;box-sizing: border-box;padding:2rem 0.7rem 0; }
.cpys dt{width: 5.1rem; float: left;margin-right: 0.5rem;}
.cpys dt img{width: 100%; display: block;}
.cpys dd{width: 81.5%; float: left;}
.cpys dd h3{font-size:1.5rem; color: #333333; font-weight: bold;  height: 2..2rem; line-height: 2.2rem;}
.cpys dd p{font-size: 1.05rem; color: #333333; line-height: 1.4rem; text-align: justify;}
.cpys dl:nth-child(1){padding-top: 0; height: 8rem;}
.cpys dl:nth-child(2){ background: #fff; }
.cpys dl:nth-child(3) h3,.cpys dl:nth-child(3) p{ color: #fff; }
.cpys dl:nth-child(4){ background: #fff; }

/**/
.casebj{ box-sizing: border-box; background:url(../images/yybg.jpg) repeat-y center top; background-size: 100% 100%; padding: 4rem 0 2rem; overflow: hidden; font-family:"Microsoft Yahei";}
.casebj h2{ margin-bottom: 1.7rem;}
.case{width: 93.75%;margin:0 auto;overflow: hidden;}

.casetit{width:100%; margin-bottom: 0.4rem;overflow: hidden; clear: both;}
.casetit li{width:32%;font-size: 1.1rem; color: #fff;  background: #01487e; text-align: center;height: 3rem; line-height: 3rem; margin-bottom: 1.1rem; box-sizing: border-box;  float: left; margin-right: 2%;}
.casetit a{color: #fff; }
.casetit a:nth-child(3n) li{margin-right: 0;}

.case .m_case{width:100%; position: relative; }
.case .m_case dl{width:100%;overflow: hidden}
.case .m_case dl dt,.m_case dl dt img{width: 100%;display: block;}
.case .m_case dl dd{ text-align: left;width: 100%;padding-top:1.5rem; box-sizing: border-box; position: relative;}
.case .m_case dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 1.5rem; line-height: 2.8rem; color: #333333; font-weight:  bold; height: 2.8rem; position: relative;  }
.case .m_case dl dd h3 a{color: #333333;}

.case .m_case dl dd p{line-height: 1.8rem;overflow: hidden; text-align: justify; font-size:1.2rem;color: #666666;}
.case .casepages{ height:1rem; position:relative; margin-top:2.5rem;}
.case .casepages .swiper-pagination{ width:100%; margin-top:1rem;}
.case .casepages .swiper-pagination-bullet{ background:#999999; opacity:1; width:0.9rem; height:0.9rem; margin:0 2% !important;}
.case .casepages .swiper-pagination-bullet-active{ background:#01487e; }


/**/
.xz{ padding:4rem 0 3rem; background: #fff;}
.xz h2{margin-bottom: 2rem;}
.xzbg{ background: #fff; width: 100%; }
.tabs2{width: 93.75%; height:7.1rem; position:relative; margin:0 auto;}
.tabs2 em{padding-top: 0.8rem; display:block;  text-align:center;font-size:1.4rem; color:#ffffff; line-height:1.8rem;width: 100%;box-sizing: border-box; width: 100%; height: 5.4rem; background: #01487e;border-radius: 100%;}
.tabs2 a{width:18%; display:block; margin:0 7.6%;  height:5.4rem;float:left; position: relative;z-index: 1;}
.tabs2 a:before{content: ""; height: 0.6rem; width: 0.6rem;border-radius: 100%; background:#00cbc0; position: absolute;top:2.4rem;right: -2.5rem;}
.tabs2 a:nth-child(3):before{background: none;}


.tabs2 .active em { background: #00cbc0}
.xz dl{width: 93.75%; margin:0 auto;}
.xz dt img{display:block; width:100%;}
.xz dd{margin-top: 1.4rem;padding-bottom: 2rem; clear: both;overflow: hidden;}
.xz dd h3{height:3rem; line-height: 3rem; font-size:2.25rem; color:#01487e; font-weight:bold; overflow:hidden; margin-bottom: 1rem; }
.xz dd h3 b{font-size: 2.8rem; font-family: "Arial"; font-weight:bold; color: #e0e0e0;margin-right: 1rem; }
.xz dd p{margin-bottom: 1rem; font-size:1.2rem; line-height:1.8rem; color:#333333;text-align: justify;}
.xz dd li{width: 7.15rem; float: left; line-height: 2rem; font-size: 1.2rem; color: #333333; text-align: center;margin-left: 5rem;}
.xz dd li img{display: block;width: 100%;}



/*新闻*/
.g-news{background:url(../images/newsbg.jpg) no-repeat center top; background-size: 100% 100%; padding:4rem 0; }
.g-news h2{margin-bottom: 1.3rem;}
.news_nav{padding-left: 20.9375%; height:3.5rem; line-height: 3.5rem;  overflow: hidden;}
.news_nav p{ float: left;text-align: center; font-size: 1.5rem; color:#333333; line-height: 3.5rem;height:3.5rem;margin-right: 2.4rem;box-sizing: border-box; position: relative;}

.news_nav p.cur{ font-weight: normal; border-bottom: 0.1rem solid #01487e; color:#01487e; position: relative;}

.news_con{}
.news_con dl{width: 100%;overflow: hidden;}
.news_con dt{width:93.75%;position: relative;margin:0 auto;}
.news_con dt img{width: 100%; display: block;  }
.news_con dd{width:100%;padding:2rem 1rem 0; background: #fff; height: 8.7rem; border-bottom: 1px solid #f3f3f3; box-sizing: border-box; }
.news_con dd p{display: block; font-size: 1.1rem; line-height: 1.5rem; color:#666666;}
.news_con dd h3{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: block;color:#333333; font-weight: normal; font-size: 1.5rem;}
.news_con dd a{display: block; float: left;width: 82%;}
.news_con dd span{ height: 5.4rem; line-height: 5.4rem; font-size: 1.2rem; color: #666;float: right; }

.news_con ul{width:100%;margin: 0 auto;overflow: hidden;  background: #fff;}
.news_con li{border-bottom: 1px solid #f3f3f3; font-size: 1.2rem; line-height: 4.1rem; color:#666;padding:0 1rem; position: relative;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.news_con li a{ color:#333333;font-size: 1.2rem;}
.news_con li span{ float: right; font-size: 1.2rem; color: #666666; }



/*走进*/
.g-about{ padding:4rem 0 2rem; position: relative;}
.g-about h2{margin-bottom: 17rem;}
.g-about:before{content: ""; height: 13.2rem; width: 100%; background: url(../images/aboutbg.jpg) no-repeat; background-size: 100% 13.2rem;position: absolute;top:8.75rem;left: 0;}
.g-about dl{width: 94.0625%;margin:0 auto; position: relative; z-index: 1;}
.g-about dt{margin-bottom: 1.2rem;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h4{ font-size: 3rem; color: #e0e0e0; text-transform: uppercase;}
.g-about dd h4 img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.8rem; height: 3rem; font-weight:bold; color:#333333; text-align:left; position: relative;}
.g-about dd h3:before{content: "";width: 5rem; height: 0.1rem; background: #01487e; bottom: 0; left:0; position: absolute;}
.g-about dd p{ font-size:1.2rem; line-height:1.8rem; color:#666666; padding:1rem 0;}






/*开屏秀*/
/*html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.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:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}
*/