.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.7rem; height: 0.7rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0145a3; }

.tit01{  text-align:center; font-size: 2.4rem; font-weight:bold; color:#333333;}
.tit01 a{color: #333333;}
.tit01 b{font-weight: bold; color: #0145a3;}
.tit01 em{height: 2rem;background: url(../images/titico.gif) repeat-x center center; background-size: 100% 1px;display:block;width: 100%;}
.tit01 span{border:1px solid #dfdfdf;border-radius: 1rem; height: 2rem; line-height: 2rem; display:block;font-size:1.1rem; color:#666666;  font-weight:normal; background: #fff;}

.yy_bj{background:#fff;padding: 2.5rem 0 1rem;  font-family: "Microsoft Yahei";box-sizing: border-box;border-bottom: 0.5rem solid #eeeeee;}
.yy_bj dl{width: 90.625%;margin:0 auto;}
.yy_bj dl dt{width: 100%; height:17rem;}
.yy_bj dl dt img{width: 100%; display: block;}
.yy_bj dl h3{font-size: 2.25rem; color: #333333; font-weight: bold;text-align: center; margin-bottom: 1.8rem; position: relative;}
.yy_bj dl h3:before{ content:""; position:absolute; bottom:-1rem; left:50%; margin-left: -1.3rem; width:2.6rem; height:1px;background:#cccccc;}
.yy_bj dl h3 span{font-weight: normal; display: block;font-size: 1.3rem; text-align: center; color: #666666;}
.yy_bj dl p{line-height: 1.8rem; color: #666666; font-size: 1.1rem; text-align: center; margin-bottom: 1rem;}

.g_hz{width: 90.625%;margin:0.5rem auto 0; position: relative;}
.g_hz h2{background: url(../images/hztitbg.png) no-repeat center center;background-size: 100% 1px; font-size: 1.3rem; color: #333333; text-align: center; font-weight: bold; height: 3.5rem; line-height: 3.5rem;}
.g_hz h2 a{color: #333333;}
.hz{height: 11rem;width: 87.9%;margin:0 auto; overflow: hidden;}
.hz ul{width: 100%;}
.hz ul li{width: 48.6%;  float: left;margin-right: 2.74%; }
.hz ul li img{width: 100%; display: block;}
.hz ul li span{height: 3rem; line-height: 3rem; color: #666666;font-size: 1rem;  text-align: center; display: block;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.hz ul li:nth-child(2n){margin-right: 0;}

.hz .left1{ z-index: 3;position: absolute; left:0;top:6rem; background: url(../images/lefts.png) no-repeat;background-size: 100%;width:0.9rem;height: 1.6rem;}
.hz .right1{z-index: 3;position: absolute; right:0;top:6rem;background:url(../images/rights.png) no-repeat;background-size: 100%;width:0.9rem;height: 1.6rem;}


/* 产品*/
.pro_bj{background:#fff;padding: 3rem 0 2.2rem;  font-family: "Microsoft Yahei";box-sizing: border-box;border-bottom: 0.5rem solid #eeeeee;}
.pro_bj .tit01{margin-bottom: 1.5rem;}
.pro_bj .tit01 span{width: 65.9375%; margin:0 auto;}
.pro {width: 90.625%;margin:0 auto;}
.cptit{width:100%; height: 7.3rem;}
.cptit li{width:100%;font-size: 1rem; color: #666666;   text-align: center;height: 2.8rem; line-height: 2.8rem;border:1px solid #b2b2b2; box-sizing: border-box;  float: left; margin-right: 1.15%;margin-bottom: 0.5rem;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.cptit a{color: #fff; }
.cptit a:nth-child(1) li,.cptit a:nth-child(2) li,.cptit a:nth-child(3) li{width: 100%;margin-right: 1.6%;}
.cptit a:nth-child(3) li,.cptit a:last-child li{margin-right: 0;}


.pro .pro_cnt{width: 100%; overflow: hidden; position: relative;margin-bottom: 1rem;}
.pro .pro_cnt dl{ width: 100%; }
.pro .pro_cnt dl dt{width: 100%; position: relative;}
.pro .pro_cnt dl dt span{ display: block;font-size:1.2rem; color: #ffffff;height: 1.6rem; line-height: 1.6rem;text-align: left;padding-left: 2.1rem; background: url(../images/dzico.png) no-repeat left center; background-size: 1.6rem 1.55rem; position: absolute;left:1.5rem; top:1.5rem;; font-weight: bold; }
.pro .pro_cnt dl dt img{width: 100%;display: block;}
.pro .pro_cnt dl dd{padding:1rem 1.2rem 0;box-sizing: border-box; height: 7.9rem;background: #0145a3;   }
.pro .pro_cnt dl dd h3{height: 2.2rem;line-height: 2.2rem; color: #ffffff; font-size: 1.2rem; font-weight: normal;}
.pro .pro_cnt dl dd h3 a{color: #ffffff;}
.pro .pro_cnt dl dd p{ line-height: 1.5rem; font-size: 1rem; color: #c7cfe4; }

.pro2{width: 100%; overflow: hidden;position: relative;}
.pro2 li{ position: relative;width: 48.275%; margin-bottom: 1rem; margin-right: 3.44%; float: left;}
.pro2 li img{width: 100%; display: block;}
.pro2 li span{ box-sizing: border-box;display: block; text-align: center; height: 2.3rem; line-height: 2.3rem; font-size: 1rem; color: #666666; font-weight: normal; border-bottom: 1px solid #666666;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro2 li:nth-child(2n){margin-right: 0;}

/**/
.casebj{ box-sizing: border-box; background:#fff;  padding-top:2.6rem; overflow: hidden; font-family:"Microsoft Yahei";border-bottom: 0.5rem solid #eeeeee;}
.casebj .tit01{margin-bottom: 1rem;}
.casebj .tit01 span{width: 65.9375%; margin:0 auto;}
.case{width: 90.625%;margin:0 auto;}

.casetit{width:100%; background: #eeeeee; clear: both; overflow: hidden; margin-bottom: 1.1rem;}
.casetit li{width:33.33%;font-size: 1rem; color: #666666;   text-align: left;height: 3rem; line-height: 3rem;border-bottom:1px solid #d3d3d3; box-sizing: border-box;  float: left;padding-left: 1.5rem;background: url(../images/caseico.png) no-repeat 0.8rem center; background-size: 0.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  }
.casetit a{color: #666666; }
.casetit a:nth-child(7) li,.casetit a:nth-child(8) li,.casetit a:last-child li{border: 0;}

.case .m_case{width:100%; position: relative; overflow: hidden; }
.case .m_case dl{width:100%;overflow: hidden; margin:0 auto;}
.case .m_case dl dt,.m_case dl dt img{width: 100%;display: block;}
.case .m_case dl dd{ text-align: center;width: 100%; height: 7.7rem;padding:1rem 1.2rem 0; box-sizing: border-box; position: relative; background: #f5f5f5;border-bottom: 0.15rem solid #e1e1e1;}
.case .m_case dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 1.2rem; line-height: 2rem; color: #333333; font-weight:  bold; height: 2rem; position: relative;  }
.case .m_case dl dd h3 a{color: #333333;}
.case .m_case dl dd p{line-height: 1.5rem;overflow: hidden; font-size:1rem;color: #666666;}
.case .m_case dl dd p a{ color: #0072c1; }

.case .m_case .jt{width: 2.2rem; height:3.95rem;position: absolute;top:6.3rem; z-index: 1;}
.case .m_case .prev1{background: url(../images/caseleft.png) no-repeat;left:0; background-size: 100%;}
.case .m_case .next1{background: url(../images/caseright.png) no-repeat;right:0;background-size: 100%;}

/**/
.g_al{width: 90.625%;margin:0.5rem auto 0; position: relative;}
.g_al h2{background: url(../images/altitbg.png) no-repeat center center;background-size: 100% 1px; font-size: 1.3rem; color: #333333; text-align: center; font-weight: bold; height: 3.5rem; line-height: 3.5rem;}
.g_al h2 a{color: #333333;}
.al{height: 13rem;width: 100%;margin:0 auto; overflow: hidden;}
.al ul{width: 100%;}
.al ul li{width: 48.6%;  float: left;margin-right: 2.74%; }
.al ul li img{width: 100%; display: block;}
.al ul li span{height: 3rem; line-height: 3rem; color: #666666;font-size: 1rem;  text-align: center; display: block;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.al ul li:nth-child(2n){margin-right: 0;}


/**/
.xz{ padding:3rem 0 2rem;}
.xz .tit01{margin-bottom: 1.3rem;}
.xz .tit01 span{width: 75.3125%; margin:0 auto;}
.tabs2{width:90.625%; margin:0 auto 2.2rem; height:6.7rem; position:relative; z-index:0;}
.tabs2 em{ display:block;  text-align:center;font-size:1.2rem; color:#fff; line-height:1.5rem;width: 100%;margin-top: 3.4rem;}
.tabs2 a{width:23%; display:block; margin-right: 15.5%;  height:6.7rem; overflow:hidden;float:left; position: relative;z-index: 1;}
.tabs2 a:nth-child(1){background:url(../images/slico1.png) no-repeat;background-size:6.65rem 6.7rem;}
.tabs2 a:nth-child(2){background:url(../images/slico2.png) no-repeat;background-size:6.65rem 6.7rem;}
.tabs2 a:nth-child(3){background:url(../images/slico3.png) no-repeat;background-size:6.65rem 6.7rem;margin-right: 0;}

.tabs2 a.active:nth-child(1){background:url(../images/slico1cur.png) no-repeat;background-size:6.65rem 6.7rem;}
.tabs2 a.active:nth-child(2){background:url(../images/slico2cur.png) no-repeat;background-size:6.65rem 6.7rem;}
.tabs2 a.active:nth-child(3){background:url(../images/slico3cur.png) no-repeat;background-size:6.65rem 6.7rem;}

.tabs2 .active em { color:#fff; font-weight:normal;}
.xz dl{ width:90.625%; margin:0 auto;}
.xz dt img{display:block; width:100%;}
.xz dd{ }
.xz dd h3{ height:3.5rem; font-size:1.6rem; color:#333333; line-height:3.5rem; font-weight:bold; overflow:hidden; margin-top:0.6rem;background:url(../images/h3bg.gif) no-repeat left bottom;background-size: 100% 0.25rem; margin-bottom: 1rem;}
.xz dd p{ font-size:1.1rem; line-height:1.8rem; color:#666666;padding-left:1.4rem; position:relative; text-align: justify;margin-bottom: 1rem;}
.xz dd p:before{ content:""; position:absolute; top:0.5rem; left:0; width:0.9rem; height:0.75rem;  background:url(../images/pico.png) no-repeat left center; background-size:0.9rem 0.75rem; }
.arr{ height:3rem; position:relative; margin-top:1.5rem;}
.arr .swiper-pagination{ width:100%; margin-top:1rem;}
.arr .swiper-pagination-bullet{ background:#999999; opacity:1; width:0.9rem; height:0.9rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#0072c1; border-radius:0.5rem; width:2.7rem;}


/**/
.g-ry{ padding:3rem 0 6.2rem;background:url(../images/rybg.jpg) no-repeat center top;background-size: 100% 100%;}
.g-ry .tit01{margin-bottom: 2.6rem;}
.g-ry .tit01 span{width: 86.25%; margin:0 auto; background: #f9f5fb;}
.g-ry .ry{width: 90.625%;margin:0 auto;}
.g-ry .ry img{ display:block; width:100%;} 


/*新闻*/
.g-news{ padding:2.6rem 0 3.1rem;border-bottom: 0.5rem solid #eeeeee;}
.g-news .tit01{margin-bottom: 1.8rem;}
.g-news .tit01 span{width: 80%; margin:0 auto; }
.news_nav{ width:90.625%; margin:0 auto 1rem; background:#333333; height:3.8rem; position:relative;}
.news_nav p{ width:50%; height:3.8rem;font-size:1.2rem;float:left; text-align:center; color:#ffffff; line-height:3.8rem; position: relative;box-sizing: border-box; }
.news_nav p:after{content:"";position: absolute;right: 0;top:0; height:3.8rem; width: 1px; background: #717171;}
.news_nav p.cur{background:#0072c1; font-weight: bold;}
.news_nav p.cur:after{background: #0072c1;}
.news_nav p:nth-child(3):after{width: 0;background: none;}

.news_con{width:90.625%; }
.dl01,.dl02{ } 
.dl01{height: 7rem; margin-bottom: 0.7rem;}
.dl01 dt{ width:43.27%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:56.65%; float:right; padding:0 2%;border:1px solid #d5d5d5;border-left: 0;box-sizing: border-box;height: 7rem;}
.dl01 dd h3,.dl02 dd h3{ font-size:1.1rem; color:#424242; font-weight: bold; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd p,.dl02 dd p{ font-size:1.1rem; line-height:1.6rem; color:#737373;}
.dl01 dd p em,.dl02 dd p em{ color:#023793;}

.dl02{border:1px solid #d5d5d5; height:5.4rem; overflow:hidden; margin-bottom: 0.7rem; box-sizing: border-box;}
.dl02 dt{ width:19%; height:4.9rem; padding-top:0.5rem;background: #e2e2e2; float:left; overflow:hidden; text-align:center; font-size:2.5rem; color:#424242;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem;}
.dl02 dd{ width:81%; float:right; padding:0 2%; box-sizing: border-box;}
.dl02 dd h3{ padding-top:0.3rem;}

/*走进*/
.g-about{ padding:2.5rem 0 1rem;}
.g-about h2{margin-bottom: 1.2rem; font-size: 2.25rem;}
.g-about dl{width:100%;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{ width: 90.625%;margin:0 auto;padding-bottom: 1.6rem; }
.g-about dd h3{ font-size:1.2rem;padding-top: 1rem; height: 2.5rem; line-height: 2.5rem; font-weight:bold; color:#0145a3;  text-align:left;}
.g-about dd p{ font-size:1.1rem; line-height:1.8rem; color:#6c6c6c; text-align: justify; }
.g-about dd p em{ color:#172e7a;}

.g-about ul{width: 100%;margin:0 auto;clear: both; overflow: hidden;}
.g-about ul li{width: 33.33%; border-right:1px solid #d1d1d1;box-sizing: border-box; float: left; position: relative; font-size: 1.3rem;color:  #0145a3; text-align: center; line-height: 2rem;}
.g-about ul li:nth-child(3){border-right: 0;}
.g-about ul li a{color:  #0145a3; }
.g-about ul li img{width: 2.4rem;display: block; 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;}}