body{background: #f9f9f9;}
.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: 0.9rem; height: 0.9rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ border:0.1rem solid #2e4672;background:#2e4672;width: 0.7rem; height: 0.7rem;}

.tit01{ font-size: 2.1rem; color: #333333; text-align: center; font-weight: normal;}
.tit01 a{color: #333333; text-decoration: none; }
.tit01 b{color: #2e4672; font-weight: bold;}
.tit01 span{ display: block;font-size: 1.1rem; color: #666666;background: url(../images/titbg.png) no-repeat center top; background-size:18.6rem 0.9rem;  padding-top: 1rem; font-family:"Microsoft Yahei"; font-weight: normal; text-align: center; }

.tit02{ font-size: 2.1rem; color: #fff; text-align: center; font-weight: bold;}
.tit02 a{color: #fff; text-decoration: none; }
.tit02 b{color: #fff; font-weight: bold;}
.tit02 span{ display: block;font-size: 1.1rem; color: #fff;background: url(../images/titbg2.png) no-repeat center top; background-size:18.6rem 0.9rem;  padding-top: 1rem; font-family:"Microsoft Yahei"; font-weight: normal; text-align: center; }

.yy_bj{  padding: 3rem 0 2.8rem; background: url(../images/yybg.jpg) no-repeat center top;background-size: 100% 100%;clear: both;overflow: hidden; box-sizing: border-box;  font-family:"Microsoft Yahei";border-bottom: 0.65rem solid #efefef; }
.yy_bj h2{ margin-bottom: 1.5rem; text-align: center;}
.yy{width: 85.3125%; margin:0 auto;}
.yy ul{clear: both;overflow: hidden; border:1px solid #cdcdcd;background-color: #fff;}
.yy li{width: 50%;float: left; height: 6.8rem;padding-left:2.5rem;padding-top: 2rem;box-sizing: border-box;border-right: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;}
.yy li:nth-child(2n){border-right: 0;}
.yy li:nth-child(3){border-bottom: 0;}
.yy li:nth-child(4){border-bottom: 0;}
.yy li h3{height: 2.5rem; line-height: 2.5rem; font-size: 2.2rem; color: #333333; font-weight: bold;position: relative; }
.yy li i { display: block;font-size: 1.2rem;color: #fff; font-weight: normal; position: absolute;bottom: 1.2rem;left:4rem; height: 1.5rem; line-height: 1.6rem; text-align: center;border-radius: 100%;background: #2e4672; display: block;width: 1.6rem;}
.yy li em{display: block;font-size: 1.2rem;color: #555555; font-weight: normal; }
.yy li:nth-child(1) i{left:3rem;}
.yy li:nth-child(2) i{left:7rem;}
.yy li:nth-child(3) i{left:3rem;}
.yy li:nth-child(4) i{left:8.2rem;}
/* 产品优势*/
.cpys_bj{padding: 2.6rem 0 0;  font-family: "Microsoft Yahei";box-sizing: border-box;background:#fff;background-size: 100%;}
.cpys_bj h2{ margin-bottom:1.7rem;}
.cpys{width: 100%; margin:0 auto;}

.cpys_nav {width: 100%; border-top:1px solid #cdcdcd; position: relative;}
.cpys_nav i{display: block; width: 33.33%; float: left; height:4rem; line-height: 4rem; float: left; font-size: 1.3rem; color: #333333;box-sizing: border-box;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; text-align: center; position: relative;}
.cpys_nav i:nth-child(3n){border-right:0;}
.cpys_nav a{display: block; width: 33.33%; float: left; height:4rem; line-height: 4rem; float: left; font-size: 1.3rem; color: #333333;box-sizing: border-box; text-align: center; position: relative;}
.cpys_nav i.cur{background: #2e4672; color: #fff; font-weight: bold;}
.cpys_nav i.cur:before{ content:""; position:absolute; top:0; left:50%;margin-left: -0.5rem; border-top:0.3rem solid #fff; border-left:0.5rem solid rgba(0,0,0,0);border-right:0.5rem solid rgba(0,0,0,0);margin-top: -1px;}

.m_cpys{width:100%; overflow: hidden;margin:0 auto;}
.m_cpys dl{position: relative;width: 100%;}
.m_cpys dt img{width: 100%; display: block;}
.m_cpys dd{position:absolute;left: 0;bottom: 0;width: 100%;padding:0 10% 1.3rem;box-sizing: border-box; text-align: center; }
.m_cpys dd h3{ font-size: 1.6rem; color: #fff; font-weight: normal;margin-bottom: 1rem; }
.m_cpys dd h3 em{display: block; font-size: 0.5rem; color: #fff; opacity: 0.6; text-transform: uppercase;}
.m_cpys dd h4{font-size: 1.2rem; color: #fff; font-weight:normal;}
.m_cpys dd p{font-size: 1rem; color: #dbdbdb;opacity: 0.7;}



/* 产品*/
.pro_bj{padding: 2.8rem 0 3.2rem;  font-family: "Microsoft Yahei";box-sizing: border-box;background:url(../images/cpbg.jpg) no-repeat center top;background-size: 100%;}
.pro_bj h2{ margin-bottom:1rem;}
.pro{width: 88.125%; margin:0 auto;}

.pro_nav {width: 100%; position: relative;}
.pro_nav a{display: block; width: 50%; float: left; height:3.5rem; line-height: 3.5rem; float: left; font-size: 1.2rem; color: #444444;box-sizing: border-box;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; text-align: left; position: relative;background: #fff;padding-left: 1.3rem;}
.pro_nav a:after{ content:""; position:absolute; top:1.2rem; right:1rem;background: url(../images/clmico.png) no-repeat; background-size:1.05rem;width: 1.05rem; height: 1.05rem; }
.pro_nav a:nth-child(2n){border-right:0;}
.pro_nav a.cur{background: #2e4672; color: #fff; font-weight: bold;}
.pro_nav a.cur:after{ background: url(../images/clmicocur.png) no-repeat; background-size:1.05rem;}

.m_pro{width:100%; overflow: hidden;margin:0 auto;}
.m_pro img{width: 100%; display: block;}
.m_pro p{width: 100%;position: relative;margin-bottom: 1rem;}
.m_pro p span{display: block;position: absolute;left:7rem; font-size: 1.1rem; line-height: 2rem;height: 2rem; color: #fff;bottom: 0;}
.m_pro ul{width: 100%; overflow: hidden;position: relative;}
.m_pro li{ position: relative;width: 49.1%;margin-bottom: 1.5rem;margin-right:1.8%;background: #fff; float: left;  }
.m_pro li img{width: 100%; display: block;}
.m_pro li:nth-child(2n){margin-right: 0;}
.m_pro li h4{border-top:1px solid #ededef; box-sizing: border-box;display: block; text-align: center; height: 2.5rem; line-height:2.5rem; font-size: 1.1rem; color: #555555; font-weight: normal; background: #fff;width: 100%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cp_more{display: block;width: 9.2rem; height: 2.6rem; line-height: 2.6rem; text-align: left; font-size: 1.1rem; color: #2e4672;background: url(../images/cp_btn.png) no-repeat;background-size:9.2rem 2.6rem;padding-left: 1.6rem; box-sizing: border-box;margin:0 auto;}

/**/
.xz{ padding:2.8rem 0 2.5rem;background:#fff; background-size:100%;}
.xz h2{margin-bottom: 1.2rem;}
.tabs2{ height:7.6rem; position:relative; z-index:1;}
.tabs2 a{ display:block; width:19.1%; text-align:center;font-size:1.1rem; color:#333333; line-height:2rem;margin:0 0 0 4.6875%; float:left;height:6.05rem; position: relative;padding-top: 3.2rem;box-sizing: border-box;}
.tabs2 a:nth-child(1){background:url(../images/ysico1.png) no-repeat;background-size:6.05rem;}
.tabs2 a:nth-child(2){background:url(../images/ysico2.png) no-repeat;background-size:6.05rem;}
.tabs2 a:nth-child(3){background:url(../images/ysico3.png) no-repeat;background-size:6.05rem;}
.tabs2 a:nth-child(4){background:url(../images/ysico4.png) no-repeat;background-size:6.05rem;}
.tabs2 a.active:nth-child(1){background:url(../images/ysico1cur.png) no-repeat;background-size:6.05rem;}
.tabs2 a.active:nth-child(2){background:url(../images/ysico2cur.png) no-repeat;background-size:6.05rem;}
.tabs2 a.active:nth-child(3){background:url(../images/ysico3cur.png) no-repeat;background-size:6.05rem;}
.tabs2 a.active:nth-child(4){background:url(../images/ysico4cur.png) no-repeat;background-size:6.05rem;}

.tabs2 .active { color:#fff; font-weight:normal;}
.xz2{position: relative;padding-bottom: 2rem;}
.xz dl{ width:100%; margin:0 auto;background: #fff;}
.xz dt img{display:block; width:100%;}
.xz dd{padding:2.5rem 0%;width: 88.125%;margin:0 auto;}
.xz dd h3{ padding-top: 2rem; font-size:1.8rem; color:#333333; font-weight:normal; overflow:hidden; margin-bottom:1rem; height: 4rem; position: relative;background:url(../images/ys_line.png) no-repeat center bottom;background-size:100% 0.25rem;}
.xz dd h3:before{ content:""; position:absolute; top:0; left:0; width:8.45rem; height:3.9rem; background:url(../images/01.png) no-repeat;background-size:8.45rem 3.9rem;}
.xz dd h3 b{font-weight: bold;font-size: 2.2rem; color: #2e4672;}
.xz dd p{ font-size:1.1rem; line-height:1.8rem; color:#666666;padding-left:1.5rem; position:relative;margin-bottom: 0.8rem;}
.xz dd p:before{ content:""; position:absolute; top:0.3rem; left:0; width:1rem; height:1rem; background:url(../images/yspico.png) no-repeat;background-size:1rem;}

.arr{ height:1rem; margin-top:1rem;z-index:1;    position: relative;}
.arr .swiper-pagination{ width:100%; margin-top:0rem;}
.arr .swiper-pagination-bullet{ background:#c1c1c1; opacity:1; width:0.9rem; height:0.9rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#2e4672;border-radius:0.4rem; width:2.8rem;}
.swiper-button-prev{width: 2.8rem!important; height: 2.4rem!important; display: block;position: absolute; left:5rem;background: url(../images/ys_lefts.png) no-repeat; background-size: 100%!important; z-index: 3;margin-top:17.5rem !important;}
.swiper-button-next{width: 2.8rem!important; height: 2.4rem!important; display: block;position: absolute; right:5rem;background: url(../images/ys_rights.png) no-repeat;background-size: 100%!important;z-index: 3;margin-top:17.5rem !important;}

.xz dl:nth-child(1) dd h3:before{  background:url(../images/01.png) no-repeat;background-size:8.45rem 3.9rem;}
.xz dl:nth-child(2) dd h3:before{  background:url(../images/02.png) no-repeat;background-size:8.45rem 3.9rem;}
.xz dl:nth-child(3) dd h3:before{  background:url(../images/03.png) no-repeat;background-size:8.45rem 3.9rem;}
.xz dl:nth-child(4) dd h3:before{  background:url(../images/04.png) no-repeat;background-size:8.45rem 3.9rem;}
/**/
.jm_bj{padding: 3.3rem 0 3.6rem;  font-family: "Microsoft Yahei";box-sizing: border-box;background:url(../images/jmbg.jpg) no-repeat center top;background-size: 100% 100%;}
.jm_bj h2{ margin-bottom: 1.7rem;}
.jm{width: 88.4375%;margin:0 auto;border:1px solid #dcdcdc; clear: both;overflow: hidden;background: #fff;}
.jm dl{width:50%; height: 14.7rem; overflow: hidden;position: relative; float: left;border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;box-sizing: border-box;padding-top: 1.5rem;}
.jm dl dt{width:100%; overflow: hidden;}
.jm dl dt em{width: 3.55rem;height: 3.55rem; margin:0 auto; display: block;}
.jm dl dt em img{display: block;width: 100%;}
.jm dl dt h4{font-size: 1.35rem;padding:0.5rem 0; color: #333333; text-align: center; font-weight: bold;background:url(../images/jm_line.gif) no-repeat center bottom;background-size: 1.9rem 0.1rem; margin-bottom: .5rem;}
.jm dl dt h4 i{font-size: 0.65rem; display: block; text-align: center; color: #333333; font-weight: normal;}
.jm dl dd{width:100%;padding:0 12%;color: #777777; font-size: 1.1rem; text-align: center;box-sizing: border-box;}

.jm dl:nth-child(2n){border-right:0;}
/**/

.case_bj{padding: 3rem 0 1.5rem;  font-family: "Microsoft Yahei";box-sizing: border-box;background:url(../images/casebg.jpg) no-repeat center top;background-size: 100% 100%;}
.case_bj h2{ margin-bottom: 1.2rem;}

.m_case{width: 88.125%; margin:0 auto;overflow: hidden;padding-bottom: 1rem;}
.m_case dl{width:100%; overflow: hidden;margin-bottom: 0.7rem;}
.m_case dl dt{width: 100%; overflow: hidden;}
.m_case dl dt img{display: block;width: 100%;}
.m_case dl dd{width:100%; overflow: hidden;box-sizing: border-box;padding:1rem 2rem 2rem;background: #2e4672; }
.m_case dl dd h4{ font-size: 1.2rem; color: #ffffff; font-weight: bold; height: 2.5rem;line-height: 2.5rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.m_case dl dd h4 a{color: #ffffff;}
.m_case dl dd p{font-size: 1.1rem; color: #ffffff; line-height: 1.3rem;}

.case_arr{ height:1rem; margin-top:1.5rem;z-index:1;    position: relative;}
.case_arr .swiper-pagination{ width:100%; margin-top:0rem;}
.case_arr .swiper-pagination-bullet{ background:#c1c1c1; opacity:1; width:0.9rem; height:0.9rem; margin:0 2%;}
.case_arr .swiper-pagination-bullet-active{ background:#2e4672;border-radius:0.4rem; width:2.8rem;}
.case-prev{width: 2.8rem!important; height: 2.4rem!important; display: block;position: absolute; left:5rem;background: url(../images/ys_lefts.png) no-repeat; background-size: 100%!important; z-index: 3;margin-top:.5rem !important;}
.case-next{width: 2.8rem!important; height: 2.4rem!important; display: block;position: absolute; right:5rem;background: url(../images/ys_rights.png) no-repeat;background-size: 100%!important;z-index: 3;margin-top:.5rem !important;}



/*新闻*/
.g-news{ padding:2.8rem 0 2rem;background:#fff;background-size:100% 100%;border-bottom: 0.65rem solid #efefef; }
.g-news h2{ margin-bottom: 1rem;}
.news_nav{ width:90.625%; margin:0 auto;border-radius: 1.6rem; height:3.1rem; position:relative; background:#fff;}
.news_nav p{ width:50%; height:3.1rem;font-size:1.2rem;float:left; text-align:center; color:#333333; line-height:3.1rem; position: relative;box-sizing: border-box; }
.news_nav p:nth-child(1){border-top-left-radius:1.6rem; border-bottom-left-radius:1.6rem;border:1px solid #d1d1d1;border-right: 0;  }
.news_nav p:nth-child(2){border-top-right-radius:1.6rem; border-bottom-right-radius:1.6rem; border:1px solid #d1d1d1;border-left: 0; }

.news_nav p.cur{background:#2e4672; font-weight: bold; color: #ffffff;border-color: #2e4672;}
.news_nav p:nth-child(1).cur{border-top-left-radius:1.6rem; border-bottom-left-radius:1.6rem;  }
.news_nav p:nth-child(2).cur{border-top-right-radius:1.6rem; border-bottom-right-radius:1.6rem;  }

.news_con{width:90.625%; }
.dl01{ } 
.dl01{height: 7rem; padding:1rem 0; border-bottom: 1px solid #e0e0e0;}
.dl01 dt{ width:43.62%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:54.31%; float:right;box-sizing: border-box;height: 7rem;}
.dl01 dd h3{ font-size:1.2rem; color:#333333; font-weight: normal; line-height:1.8rem; height:1.8rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd p{ font-size:1rem; line-height:1.6rem; color:#666666;}
.dl01 dd em{ color:#999999;font-size: 1rem; font-family: "Arial"; display: block;margin-bottom: 0.5rem;}
.dl01:last-child{border-bottom: 0;}

/*走进*/
.g-about{ padding:2.2rem 0 2rem;margin:0 auto;}
.g-about h2{margin-bottom: 1.2rem;}
.g-about dl{width:100%;}
.g-about dt{width:100%;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{ width:90.625%; margin:0 auto;padding-top: 1.4rem; position: relative; }
.g-about dd p{ font-size:1.1rem; line-height:1.7rem; color:#666666; text-align: justify; margin-bottom: 1.5rem;}
.g-about dd span{display: block;width: 9.2rem; height: 2.6rem; line-height: 2.6rem; text-align: left; font-size: 1.1rem; color: #2e4672;background: url(../images/cp_btn.png) no-repeat;background-size:9.2rem 2.6rem;padding-left: 1.6rem; box-sizing: border-box;margin:0 auto;}

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