
html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; }/*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/
.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: #333; background: #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:4.7rem;position: relative;padding: 0 4%;}
			.g-hd img{display: block;width: 100%;}
			.g-hd h1{float: left;width: 26%;margin: 1.6rem 0 0;}
			.g-hd ul{float: right;height:4.7rem;margin-right: 1rem;}
			.g-hd ul li{float: left;font-size: 1.4rem;line-height:4.7rem;padding:0 0.6rem;position: relative;}
			.g-hd ul li a{color: #333;}
			.g-hd .m-nav2{float: right;width:2.5rem;margin: 1.5rem 0 0;}
			#menu{display:none;position: absolute;left: 0;top: 4.7rem;width:100%;height:60rem;background: rgba(0, 99, 214, 0.8);z-index: 200;}
			#menu p{width: 85%;margin: 2rem auto 0;text-align: center;}
			#menu p a{display: block;height: 5rem;line-height: 5rem;font-size: 1.5rem;color: #fff;border-bottom:1px dashed rgba(255,255,255,0.6);box-sizing: border-box;}
			#menu p a:last-child{border: 0;}
		

			.g-ft{height:24.5rem;position: relative;background: url(images/foot_bg.jpg) no-repeat;background-size: 100% 21.75rem;}
			.f_con{padding: 0.8rem 2rem 0;}
			.f_con .top{position: absolute;width: 4.1rem;bottom: 7.5rem;right: 2.2rem;z-index: 100;}
			.f_con .top img{display:block;width: 100%;}
			.f_con h3{text-align: center;font-size: 1.4rem;line-height: 4.5rem;height: 4.5rem;border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: 1.6rem;white-space: nowrap;}
			.f_con h3 a{color: #fff;margin: 0 1rem;}
			.f_con .ewm{float: left;width: 7rem;}
					.f_con .ewm img{display:block;width:100%;}
			.f_con .ewm span{display: block;font-size: 1.1rem;color: #fff;line-height: 2.2rem;text-align: center;opacity: 0.6;white-space: nowrap;}
			.gsxx{float: right;width: 70%;}
			.gsxx p{font-size: 1.2rem;color: #fff;line-height: 2rem;opacity: 0.6;}
			.gsxx p a{color: #fff;}
			.gsxx .tel{margin-top: 1.1rem;}
			.gsxx .tel a{display: block;font-weight: bold;height: 1.8rem;line-height: 1.8rem;font-size: 1.6rem;color: #fff;font-family: Arial;margin-bottom: 0.4rem;}
			.gsxx .tel a img{float: left;width: 1.8rem;margin-right: 0.5rem;}
			.f_nav{height: 5.5rem;background-color: #fff;min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 100;overflow: hidden;box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
      .f_nav li{float: left;width: 25%;height: 5.5rem;text-align: center;position: relative;}
      .f_nav li img{display:block;width: auto;height: 1.8rem;margin: 1rem auto 0;}
      .f_nav li span{display: block;color: #828282;font-size: 1.1rem;line-height:2.2rem;text-align: center;}

    
