body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.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{ background-color: #0f7a40;border:0.1rem solid #0f7a40;width: 0.7rem; height: 0.7rem;}

.tit01{ font-family: "Microsoft Yahei";font-size: 2.75rem; color: #30373f; text-align: center; font-weight: bold;display: block;height: 7.2rem;}
.tit01 a{color: #30373f; text-decoration: none; font-family: "Microsoft Yahei";}
.tit01 em{ display: block;font-size: 1.3rem; color: rgba(39,39,39,0.8);font-family:"Microsoft Yahei"; font-weight: normal; text-align: center;padding-bottom: 1.05rem;background:url(../images/titbg.png) no-repeat center bottom; background-size:5.55rem 1.05rem;}
/**/
.yybj{ clear: both; overflow: hidden; background:#f6f6f6;background-size: 100% 100%; padding: 3.7rem 0 4.2rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.yybj .vdo{width:94.8%;margin:0 auto 0.5rem; position: relative;height:20rem;}
.yybj .desc{width:94.8%;margin:0 auto 1.2rem; position: relative;}
.yybj .desc:before{content: "";position: absolute;left:1.1rem;top:0.5rem;width: 0.1rem;height: 13.7rem; background:#cbcbcb;}
.yybj .desc p{font-size:1.3rem;line-height:2.9rem;text-align: left;padding-left:3rem;background:url(../images/yyico.gif) no-repeat 0.65rem center; background-size:1.05rem;position: relative;}
.yybj .desc p:hover{font-weight: bold;color:#0a742a;background:url(../images/yyicocur.gif) no-repeat 0.65rem center; background-size:1.05rem;;}
.gy {width:94.66%;margin:0 auto;overflow: hidden;position: relative;padding-bottom: 3.5rem;}
.gy li{width: 100%;}
.gy li a{width: 48.69%;  box-sizing: border-box;float: left;margin-right: 2.6%;position: relative;display: block; }
.gy li img{display: block;width: 100%;}
.gy li h4{height: 3rem;width: 100%;display: block; text-align: center;font-size:1.3rem; color: #666666;line-height:3rem;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.gy li a:nth-child(2){margin-right:0;}
.gy .swiper-pagination{bottom: 0rem !important; z-index: 1}
.gy .swiper-pagination .swiper-pagination-bullet{width: 1.1rem; height: 1.1rem; margin:0 0.5rem !important;background-color: #333333; opacity: 1; position: relative;}
.gy .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0a742a;width:3.2rem;border-radius: 0.5rem;}

/* */
.probj{ clear: both; overflow: hidden; background:#fff;background-size: 100% 100%; padding: 3.7rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro{width: 94.66%;overflow: hidden;margin:0 auto;}
.pro h3{height:2.7rem; line-height: 2.7rem;text-align: left;padding-left:3rem;color:#0f7a40;font-size:1.4rem; font-weight: bold;background:url(../images/clmico1.png) no-repeat left center; background-size:2.25rem 2rem;margin-bottom: 1rem;}
.pro h3 a{color:#0f7a40;}
.pro_nav{width: 100%;clear: both;overflow: hidden; margin:0 auto 1rem;position: relative;}
.protit a{width: 30.98%;height: 3.1rem; float: left;text-align: center; font-size: 1.3rem; line-height: 3.1rem;background: #30373f; box-sizing: border-box;color: #ffffff; text-decoration: none; display: block; font-weight: normal;margin-bottom: 0.6rem;margin-right:3.52%;}
.protit a:nth-child(3n){margin-right: 0;}
.protit a.cur{background: #0f7a40; }
.pro_nav span{width: 30.98%;height: 3.1rem; text-align: center; font-size: 1.3rem; line-height: 3.1rem;background: #30373f; box-sizing: border-box;color: #ffffff; text-decoration: none; display: block; font-weight: normal;margin-bottom: 0.6rem;display: block;position: absolute;right:0;top:3.7rem;}
.pro_nav span a{color:#fff;}

.pro_nr{width:100%; overflow: hidden;padding-bottom: 3rem; position: relative;}
.pro_nr dl{width: 100%;}
.pro_nr dl dt{width: 100%; position: relative;}
.pro_nr dl dt img{display: block;width: 100%;border:1px solid #eee; box-sizing:border-box;}
.pro_nr dl dd{box-sizing: border-box; width: 100%; padding:1rem 0 0; position: relative;}
.pro_nr dl dd h4{font-size: 1.4rem; color: #30373f; line-height: 2.2rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; font-weight: bold;height:2.2rem; }
.pro_nr dl dd h4 a{color: #30373f;}
.pro_nr dl dd p{font-size: 1.3rem;color: #666666; line-height: 1.8rem; text-align: justify;margin-bottom: 2rem;}
.pro_nr dl dd span{height:3.05rem;}
.pro_nr dl dd span a{width:9.85rem;height:3.05rem; line-height: 3.05rem; display: block;text-align: left;padding-left:1.7rem;font-size: 1.1rem;font-weight: normal;color:#fff;background:url(../images/cp_btn1.png) no-repeat;background-size: 100% 100%; float: left;}
.pro_nr dl dd span a.zx{background:url(../images/cp_btn2.png) no-repeat;background-size: 100% 100%;margin-left:1rem;}
.pro_l{width:3.75rem;height:7.1rem;position: absolute; left:0;top:10rem;background:url(../images/cp_l.png) no-repeat;background-size: 100%;z-index: 1;}
.pro_r{width:3.75rem;height:7.1rem;position: absolute; right:0;top:10rem;background:url(../images/cp_r.png) no-repeat;background-size: 100%;z-index: 1;}
.pro_ad{width: 100%;position: relative;padding-bottom: 3.6rem;}
.pro_ad ul{width: 100%;}
.pro_ad li{width: 46.72%;  box-sizing: border-box;float: left;margin-right: 6.4%;}
.pro_ad li img{display: block;width: 100%;border:1px solid #eee; box-sizing:border-box;}
.pro_ad li h4{height: 3.5rem;width: 100%;display: block; text-align: center;font-size:1.3rem; color: #30373f;line-height:3.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.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: 1.1rem; height: 1.1rem; margin:0 0.5rem !important;background-color: #333333; opacity: 1; position: relative;}
.pro_ad .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0a742a;width:3.2rem;border-radius: 0.5rem;}

.probj2{ clear: both; overflow: hidden; background:#f2f2f2;background-size: 100% 100%; padding: 1rem 0 4rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro2{width: 94.66%;overflow: hidden;margin:0 auto;}
.pro2 h3{height:2.7rem; line-height: 2.7rem;text-align: left;padding-left:3rem;color:#0f7a40;font-size:1.4rem; font-weight: bold;background:url(../images/clmico2.png) no-repeat left center; background-size:2.25rem 2rem;margin-bottom: 1rem;}
.pro2 h3 a{color:#0f7a40;}

/**/
.ysbj{ box-sizing: border-box; background:#fff;background-size: 100%;  padding:3.7rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.ys{width: 100%;margin:0 auto;overflow: hidden; position: relative;padding-top:4.5rem;}
.ys_nav{width:94.66%;margin:1rem auto;border-radius: 2rem;box-shadow: 0 0 1rem #dfdede;height:6.55rem;position: absolute;left:1rem;top:0;z-index: 3;background:#fff;}
.ys_nav li{width:25%;float: left;height: 6.55rem;padding-top:1.2rem;text-align: center; font-size: 1.1rem;color:#30373f;box-sizing: border-box;border-right:1px solid #eaebeb;}
.ys_nav li em{display: block;width:3.2rem;height:2.55rem;margin:0 auto;}
.ys_nav li:nth-child(4){border-right:0;}
.ys_nav li:nth-child(1) em{background: url(../images/ysico1.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(2) em{background: url(../images/ysico2.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(3) em{background: url(../images/ysico3.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(4) em{background: url(../images/ysico4.png) no-repeat center top;background-size: 100%;}
.ys_nav li.active{background: #0f7a40;color:#fff;font-weight: bold;}
.ys_nav li:nth-child(1).active{border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;}
.ys_nav li:nth-child(4).active{border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;}
.ys_nav li:nth-child(1).active em{background: url(../images/ysico1cur.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(2).active em{background: url(../images/ysico2cur.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(3).active em{background: url(../images/ysico3cur.png) no-repeat center top;background-size: 100%;}
.ys_nav li:nth-child(4).active em{background: url(../images/ysico4cur.png) no-repeat center top;background-size: 100%;}


.ys_nr{padding-bottom: 2.5rem;width:100%;overflow: hidden;}
.ys_nr dl{width: 100%;}
.ys_nr dl dt{width: 100%; position: relative;}
.ys_nr dl dt img{display: block;width: 100%;}
.ys_nr dl dd{box-sizing: border-box; width: 94.66%; padding:1.5rem 0 0; position: relative;margin:0 auto;}
.ys_nr dl dd h3{font-size: 1.3rem; color: #30373f; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; font-weight: bold;margin-bottom: 0.5rem;text-align: left;line-height: 2.5rem; height: 2.5rem;}
.ys_nr dl dd p{font-size: 1.3rem;color: #5f6368; line-height: 1.8rem; text-align: justify;margin-bottom: 1.2rem;padding-left:1.8rem; background: url(../images/yspico.png) no-repeat left 0.3rem;background-size:1.05rem;}
.ys_nr .swiper-pagination{bottom: 0rem !important; z-index: 1}
.ys_nr .swiper-pagination .swiper-pagination-bullet{width: 1.1rem; height: 1.1rem; margin:0 0.5rem !important;background-color: #333333; opacity: 1; position: relative;}
.ys_nr .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0a742a;width:3.2rem;border-radius: 0.5rem;}

/**/
.casebj{ box-sizing: border-box; background:#f4f4f4;background-size: 100% 100%;  padding:3.7rem 0 4.8rem; overflow: hidden; font-family:"Microsoft Yahei";}
.case_nav{width: 100%;position: relative; position: relative;}
.case_nav p{width: 100%;clear: both;overflow: hidden;box-sizing: border-box;}
.case_nav p a{display: block;width: 25%;height: 10rem; float: left;box-sizing: border-box; font-size: 1.3rem; color:#666666; line-height: 3.2rem;text-align: center; font-weight: normal;}
.case_nav p a em{overflow: hidden;margin:0 auto;width: 6.2rem; height: 6.2rem;position: relative;display: block;border-radius: 100%;background:#30373f;}
.case_nav p a em img{width: 100%; display: block;}
.case_nav span{display: block;width: 25%;height: 10rem; float: left;box-sizing: border-box; font-size: 1.3rem; color:#666666; line-height: 3.2rem;text-align: center; font-weight: normal;position: absolute;right:0;bottom:0;}
.case_nav span em{overflow: hidden;margin:0 auto;width: 6.2rem; height: 6.2rem;position: relative;display: block;border-radius: 100%;background:#30373f;}
.case_nav span em img{width: 100%; display: block;}
.case_nav p a.cur em{background:#0f7a40;}
.case_nav p a.cur{color:#0f7a40;font-weight: bold;}

.case{width: 94.66%;position: relative;margin:0 auto;}
.m_case{width:100%; overflow: hidden;padding-bottom: 3.6rem; position: relative;}
.m_case dl{width: 100%;}
.m_case dl dt{width: 100%; position: relative;}
.m_case dl dt img{display: block;width: 100%;}
.m_case dl dd{box-sizing: border-box; width: 100%; padding:0.5rem 0 0; position: relative;}
.m_case dl dd h3{font-size: 1.3rem; color: #30373f; line-height:2rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; font-weight: bold;margin-bottom: 0.25rem;}
.m_case dl dd h3 a{color: #30373f;}
.m_case dl dd p{font-size: 1.3rem;color:#30373f; line-height: 1.8rem; text-align: justify;}
.m_case .swiper-pagination{bottom: 0rem !important; z-index: 1}
.m_case .swiper-pagination .swiper-pagination-bullet{width: 1.1rem; height: 1.1rem; margin:0 0.5rem !important;background-color: #333333; opacity: 1; position: relative;}
.m_case .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0a742a;width:3.2rem;border-radius: 0.5rem;}

/**/
.jmbj{background:url(../images/jmbg.jpg) no-repeat center top;background-size: 100% 100%;  padding:4rem 0; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.jmbj h2,.jmbj h2 a{color: #fff;}
.jmbj h2 em{color: #fff;opacity: 0.8;}
.jm{width:94.66%;margin:0 auto;clear: both;overflow: hidden;;}
.jm dl{width:28.169%;float:left;box-sizing: border-box;position: relative;margin-bottom: 1.5rem;border-radius: 1.3rem;height:10rem;background: #30373f;margin-right:7.746%;}
.jm dl dt{width:2.9rem;margin:1.8rem auto 0.6rem;}
.jm dl dt img{width:100%;display: block;}
.jm dl dd{text-align: center;font-size: 1.3rem; color: #fff; font-weight: bold;}
.jm dl:nth-child(3n){margin-right:0;}


/**/
.g-news{padding:3.6rem 0; background:#fff; }
.g-news h2{height: 6.2rem;}
.newt{ height:3.2rem; margin:0 auto 1.2rem; width:94.66%; overflow:hidden;border-bottom: 1px solid #d4d3d6;}
.newt em{ display:block; line-height:3.2rem; font-size:1.4rem; color:#272727; margin-right:6%; position:relative; float: left;}
.newt .active{ font-weight:bold; color:#0f7a40;}
.newt a{ display:block; float:right; color:#808080; line-height:3.3rem; font-size:1.3rem;text-transform: uppercase;}
.m-new{ width:94.66%; margin:0 auto; overflow:hidden;}
.g-news dl{clear: both;overflow:hidden;width:100%;margin-bottom: 1.8rem;}
.g-news dt{width:52.8%;float: left;}
.g-news dt img{ display:block; width:100%;}
.g-news dd{width:43.09%;float: right;text-align: justify;}
.g-news dd h3{ font-size:1.3rem; font-weight:bold; color:#333333;line-height: 1.5rem;margin: 0.5rem 0; }
.g-news dd p{ font-size:1.3rem; line-height:2rem; color:#666666;}
.g-news li{ font-size:1.3rem; color:#666666;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; height:2.6rem; line-height:2.6rem; background:url(../images/newsico.png) no-repeat left center; background-size:0.65rem; padding-left:4%;border-bottom: 1px dashed #d4d4d4;}
.g-news a:last-child li{border-bottom: 0;}

/*走进*/
.g-about{ padding:0rem 0 1.5rem;background:#fff;background-size:100%;}
.g-about dl{width:100%; }
.g-about dt img{ display:block; width:100%;}
.g-about dd{ width:94.66%;padding-top:1.2rem; box-sizing: border-box;margin:0 auto; }
.g-about dd h3{ height:6.9rem;position: relative;padding-left:1rem;margin-bottom: 1.2rem;}
.g-about dd h3 img{width:17.6rem; display: block;}
.g-about dd h3 em{ font-size:1.3rem; font-weight:bold; color:#585858;line-height: 1.5rem; position:absolute;bottom: 0.5rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;
  left: 8.3rem}
.g-about dd p{ font-size:1.3rem; line-height:2rem; color:rgba(88,88,88,0.86);}


.xcbj{padding:0rem 0 3rem;background:#fff;background-size:100%;}
.xc_nav{width:100%;position: relative; position: relative;margin-bottom: 1.8rem;}
.xc_nav a{display: block;width: 8.8rem; float: left;box-sizing: border-box; font-size: 1.2rem; color:#000000; line-height: 2rem;text-align: center; font-weight: normal;border-radius: 1.5rem;border:0.2rem solid #cccccc;margin-right: 1.3rem;}
.xc_nav a:first-child{margin-left:3.6rem}
.xc_nav a.cur{background: #0f7a40;border-color: #0f7a40; font-weight: bold;color:#fff;}

.xc_nr{width: 93.6%;margin:0 auto;overflow: hidden;position: relative;padding-bottom: 3rem;}
.xc_nr ul{width: 100%; clear: both;overflow: hidden;}
.xc_nr li{width: 47.15%; float: left;margin-right:5.4%;}
.xc_nr li:nth-child(2n){margin-right:0;}
.xc_nr li a{text-decoration: none;}
.xc_nr li img{display: block; width: 100%;}
.xc_nr li h4{height: 2.5rem; font-size: 1.3rem; line-height: 2.5rem; color: #000000;font-weight: normal; text-align: center;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.xc_nr .swiper-pagination{bottom: 0rem !important; z-index: 1}
.xc_nr .swiper-pagination .swiper-pagination-bullet{width: 1.1rem; height: 1.1rem; margin:0 0.5rem !important;background-color: #333333; opacity: 1; position: relative;}
.xc_nr .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0a742a;width:3.2rem;border-radius: 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:#fff;background: #009a66; border:0.05rem solid #009a66; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99; 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;}}