@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight:normal;}
.tit b{display:inline-block;font-size: 1.6rem;color: #3e7c00;line-height:1.6rem;position: relative;}
.tit b:before{position: absolute;width: 1.2rem;height: 1px;background: #656565;content: "";left: -2rem;top: 0.8rem;}
.tit b:after{position: absolute;width: 1.2rem;height: 1px;background: #656565;content: "";right: -2rem;top: 0.8rem;}
.tit span{display:block;font-size: 1.2rem;line-height: 1.2rem;color: #333;padding-top:0.5rem;}
/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
/*pinz*/
.pinz{padding:1.5rem 0 0.6rem;}
.pinz h2{margin-bottom: 1.1rem;}
.pinz li{float: left;width: 30%;height: 4.5rem;margin-left: 3%;margin-bottom: 1.3rem;background:url(../Images/Index/pinz_li.png) no-repeat;background-size:100% 4.5rem;}
.pinz li img{display:block;width: auto;height: 1.8rem;margin:0.5rem auto 0;}
.pinz li span{display:block;font-size: 1.1rem;color: #fff;line-height: 1.7rem;text-align: center;}
/*product*/
.pro{padding:2rem 0 1rem;background: #ebebeb;}
.pro h2{margin-bottom:1.1rem;}
.pro_t{margin:0 1.5%;}
.pro_t h3{height:3rem;line-height: 3rem;padding:0 1rem;font-size: 1.1rem;color: #fff;background: #488f00;}
.pro_t h3 span{float: left;padding-right: 1.9rem;height: 3rem;color: #fff;background:url(../Images/Index/jt1.png) no-repeat right center;background-size:1rem 1rem;}
.pro_t h3 i{float: right;color: #fff;}
.pro_t p{height: auto;padding:0.8rem 0;background: #fff;border:1px solid #bfbfbf;clear:both;overflow:hidden;}
.pro_t p a{float: left;font-size: 1rem; color: #333;  margin-left: 25px; height:2.5rem;line-height: 2.5rem;width:22.5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_t1 p a:nth-child(1),.pro_t1 p a:nth-child(5){}
/*.pro_t1 p a:nth-child(2),.pro_t1 p a:nth-child(6){width: 0%;}*/
.pro_t2{margin: 1.3rem 1.5% 0.8rem;}
.pro_t2 p{height:auto;padding:0.5rem 0; clear:both;overflow:hidden;}
.pro_t2 p a{width: 19%;}
.pro_t2 p a:nth-child(1),.pro_t2 p a:nth-child(6){}
.pro_t3 p a:nth-child(1),.pro_t3 p a:nth-child(5){/*margin-left: 3.2%;*/}
/*.pro_t3 p a:nth-child(2),.pro_t3 p a:nth-child(6){width: 28%;}*/
.pro li{float: left;width: 47%;margin-left: 2.8%;}
.pro li img{border:1px solid #c1c1c1;box-sizing: border-box;}
.pro li span{display:block;height:2.6rem;line-height: 2.3rem;font-size: 0.8rem;color: #333;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro li:nth-child(2n+1){margin-left: 1.5%;}
/*case*/
.case{padding:2rem 0 0.5rem;}
.case h2{margin-bottom: 1.4rem;}
.case h3{margin:0 1.5% 1rem;background: #ebebeb;height:6rem;padding:0.3rem 0;font-weight: normal; overflow:hidden;}
.case h3 a{float: left;width:25%;height: 3rem;line-height: 3rem;font-size: 1.1rem;color: #333;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    padding: 0 1%;box-sizing: border-box;}
.case li{float: left;width: 47%;margin-left: 2.8%;}
.case li span{display:block;height:3rem;line-height: 3rem;font-size: 0.9rem;color: #333;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case li:nth-child(2n+1){margin-left: 1.5%;}
/*adv*/
.adv{padding:2rem 0 0;background: #eaeaea;}
.adv h2{margin-bottom: 1.5rem;}
.adv_con{margin:0 1.5%;padding-bottom: 2rem;}
.adv_con dl{background: #fff;}
.adv_con dt{float: left;width: 50%;}
.adv_con dd{float: right;width: 47.5%;}
.adv_con dd h3{font-size: 1rem;color: #488f00;font-weight:bold;height: 1rem;line-height: 1rem;margin:1.1rem 0 0.6rem;padding-left:1.1rem;background:url(../Images/Index/c1.png) no-repeat left center;background-size:0.7rem 0.7rem;}
.adv_con dd p{font-size: 0.9rem;color: #333;line-height: 1.6rem;}
.adv_con .swiper-pagination{bottom: 0;height: 1rem;padding-top:0.45rem;}
.adv_con .swiper-pagination .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;background: #fff;border:1px solid #4a8310;opacity: 1;border-radius:50%;margin:0 0.15rem;box-sizing: border-box;position: relative;z-index: 2;vertical-align: top;}
.adv_con .swiper-pagination .swiper-pagination-bullet-active{background: #4a8310;}
.adv_con .swiper-pagination:after{position: absolute;width: 2.6rem;height:0.1rem;background: #4a8310;content: "";top: 0.65rem;left:50%;margin-left: -1.3rem;}
.adv_con .prev{position: absolute;width:1.4rem;left:50%;margin-left: -2.7rem;bottom: 0;z-index: 10;}
.adv_con .next{position: absolute;width:1.4rem;left:50%;margin-left: 1.3rem;bottom: 0;z-index: 10;}
/*team*/
.team{height: 28.5rem;background:url(../Images/Index/team_bg.jpg) no-repeat;background-size:100% 28.5rem;}
.team h2{padding:1.6rem 0 0;height: 3rem;font-size: 1.6rem;color: #3e7c00;line-height: 1.6rem;text-align: center;font-weight:bold;}
.team li{float: left;width: 46.4%;height: 10rem;background: #fff;margin-left: 4%;border:1px solid #6e9c40;box-sizing: border-box;margin-bottom: 1rem;}
.team li img{display:block;width:auto;height: 3.2rem;margin:0.8rem auto 0;}
.team li span{display:block;font-size: 1.2rem;color: #666;text-align: center;line-height: 1.7rem;}
.team li p{font-size: 0.9rem;color: #666;line-height: 1.5rem;text-align: center;padding:0.3rem 1rem 0;}
.team li:nth-child(2n+1){margin-left: 1.5%;}
/*coop*/
.coop{padding:2rem 0;}
.coop ul{margin:1.1rem 1.5% 0;border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
.coop li{float: left;width: 25%;box-sizing:border-box;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
/*abt*/
.abt dl{margin:0 3.1%;}
.abt dd{padding-bottom: 1.3rem;text-align: center;}
.abt dd h3{font-size: 1.2rem;color: #3e7c00;line-height: 1.2rem;padding:1.2rem 0 0.5rem;font-weight:normal;}
.abt dd p{font-size: 0.9rem;color: #666;line-height: 1.6rem;}

/**/
/*¿ªÆÁÐã
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/loading.jpg) no-repeat;background-size:100% auto;display:none; max-width:640px; min-width:320px; z-index:99999;}

.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;
}
.g-ft{height:14.5rem;}	*/
/**/
@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;}}