
html{ background:#fff;}/*图片加载未完成前，默认背景色*/

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


        .head2 {position: relative;z-index: 11;height:5rem;background: #fff; }
        .head2 .logo{ width:34.3%; float:left; margin:0.5rem 8% 0 2%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 h4{ width:43%; line-height:5rem; line-height: 5rem; font-size:1.2rem; color:#333333; float:left; text-align:right; font-weight: normal;}
        .head2 h4 a{ float:left; width:33%;text-align: center; color:#333333;}
        .head2 h4 .cur a{color:#4fb73d;}
        .head2 h4 span a{position: relative;}
        .head2 h4 span{position: relative;}
        .head2 h4 span a:before{content: "";position: absolute;width: 1px;height: 1rem;background: #333333;right: 0;top:2rem;}
        .head2 h4 span:nth-child(3) a:before{background: none;}

        .head2 .menu_btn{width:10%; height:5rem; float:right; overflow:hidden;}
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:1.2rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top:5rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .menu2 ul {background:#83b42e;padding-bottom: 3rem;}
        .menu2 ul li {line-height:3rem;text-align:center;color:#fff; position:relative;font-size:1.2rem;}

        .menu2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
        .menu2 ul li:last-child:before{ background:none; border:0;}
        .menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}
       

    .g-adv{height: 37.5rem; position: relative;}
    .g-adv img{width: 100%;display: block;}
    .g-adv .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff;width: 0.7rem;height: 0.7rem;margin: 0 0.5rem;}
.g-adv .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #4fb73d}
.g-adv .swiper-pagination-bullets{bottom: 2rem;}
    
    
    
  

        .g-ft{height:18rem;background: #f5f5f5; position: relative;}
        .g-ft .up{width: 4rem;height: 4rem;position: absolute;left:50%;margin-left: -2rem;top:-2rem;}
        .g-ft .up img{width: 100%;display: block;}
        .g-ft .up em{font-size: 1.1rem;color: #333333;display: block;height: 2rem;line-height: 2rem;width: 150%;position: absolute;left:-36%;text-align: center;}
        .bah{padding-top: 5.3rem; text-align: center;font-size: 1.1rem;color: #666666;}
        .bah a{color: #666;}
        .bah b{display: block;font-weight: normal;margin-bottom: 1rem;font-size: 1.1rem;color: #353535;}


        .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:640px;min-width:320px;background:#4fb73d;}
        .m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px solid #6fc260; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
        .m-f01 li em{display: block;width: 45%;padding-top: 0.5rem; margin: 0 auto;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;line-height:2.2rem;;display:block;text-align:center;font-size: 1.2rem;position: relative;}




     
