
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;}
/*首次加载页面切入效果*/
.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-hd{height:5rem;position: relative;}
			.g-hd img{display: block;width: 100%;}
			.g-hd h1{float: left;width:26.56%;margin:1.1rem 0 0 3.1%;}
			.g-hd ul{float: left;height:5rem;margin-left: 7.8%;}
			.g-hd ul li{float: left;font-size: 1.2rem;line-height:5rem;padding:0 1.6rem;position: relative;}
      .g-hd ul li:after{position: absolute;width: 1px;height: 0.8rem;background: #dcdcdc;content: "";right: 0;top: 2.1rem;}
      .g-hd ul li:last-child:after{display: none;}
			.g-hd ul li a{color: #333;}
			.g-hd ul li.cur a{color: #87c122;}
			.g-hd .m-nav2{float: right;width:1.1rem;margin:2.1rem 3.1% 0 0;}
			#menu{display:none;position: absolute;left: 0;top: 5rem;width:100%;height:52rem;background:#87c122;z-index: 200;}
			#menu p{width: 85%;margin: 2rem auto 0;text-align: center;}
			#menu p a{display: block;height: 4rem;line-height: 4rem;font-size: 1.2rem;color: #fff;border-bottom:1px dashed rgba(255,255,255,0.5);box-sizing: border-box;}
			#menu p a:last-child{border: 0;}
		

			.g-ft{ height: 13.8rem; position: relative;}
			.g-ft  h3{ margin: 0 3.1%; padding: 1.3rem 0 0.9rem; margin-bottom: 1rem;border-bottom: 1px solid #f4f4f4;line-height: 1.7rem;height: 1.7rem;}
			.g-ft  h3 .dt{ display: inline-block; padding-left: 1.1rem; background:url(images/line1.jpg) no-repeat left center; background-size: 0.55rem 1.7rem; font-size: 1rem;color: #333;}
			.g-ft  h3 .gs{ display: inline-block;font-size: 1rem; color: #999; margin-left: 3rem;}
			.g-ft  h3 .top{ float: right; width: 5.5rem;}
			.g-ft  h3 .top img{display:block;width: 100%;}
			.g-ft p{ margin-left: 3.1%; height: 2.4rem; line-height: 2.4rem; display: block;font-size: 1rem; color: #333;}
      .g-ft p a{color: #333;font-size: 1.2rem;}
      .g-ft p img{float: left;width: 1.5rem;margin: 0.45rem 0.5rem 0 0;}
			.f_nav{height: 3.5rem;background-color: #87c122;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 100;}
			.f_nav li{float: left;width: 25%;height:3.5rem;text-align: center;border-right: 1px solid #c3e091;box-sizing: border-box;}
			.f_nav li:first-child{ border:0 ; background: #ffa700;}
			.f_nav li img{display:inline-block;width: auto;height: 1.5rem;margin: 1rem 0.5rem 0 0;vertical-align: top;}
			.f_nav li span{display: inline-block;color: #ffffff;font-size: 1rem;line-height:3.5rem;vertical-align: top;}
		
