
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: #fff; background: #23b5dc; 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.2rem;position: relative;}
          .g-hd img{display: block;width: 100%;}
          .g-hd h1{float: left;width: 18.5%;margin:1.6rem 0 0 4.6%;}
          .g-hd h1 img{ display:block;}
   
          .g-hd ul{float: right;margin-top:2.2rem;}
          .g-hd ul li{float: left;font-size: 1.3rem;line-height:1.0rem;}
          .g-hd ul li:first-child{ border: 0;}
          .g-hd ul li a{color: #666666; font-size: 1.3rem;padding:0 1.5rem;background:url(images/line1.jpg) no-repeat left;}  
          .g-hd ul li.first a{ background: 0;}    
          .g-hd .m-nav2{float: right;width:4.3%;margin:2.4rem 4.6% 0 0;}
          .g-hd #menu{display:none;position: absolute;left: 0;top: 5.1rem;width: 100%;height:35rem;background:url(images/menu_bg.jpg) no-repeat center; background-size: 100% 35rem;z-index: 200;}
          .g-hd #menu ul{margin-left: 17%;float:none;}
          .g-hd #menu ul a{display: block;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #333;text-align: left;background:none;width:100%;}
          .g-hd #menu ul a:last-child{border: 0;}
          .g-hd #menu ul a:first-child{margin-top: 0.3rem;}	
          a.bb1 {
            float: left;
  font-size: 0.9rem;
  line-height: 1.5rem;
    margin-left: 1rem;
    color: #666666;
}
.g-hd #menu ul li {
    float: none;
}

.g-hd #menu ul li ul {
    margin-top: 0;
    margin-left: 4%;
}
		

                     .g-ft{ height: 13.5rem;}     
                .g-ft .top img{ display: block;width:100%; } 
                .g-ft .f1{font-size:1.2rem;color: #666666;padding-top:1rem;}
                .g-ft .f1 a{color: #666666; padding:0 1.3rem; border-left: 1px solid #959595;line-height: 1rem;height: 1.2rem;display: inline-block;}
                .g-ft .f1 a.first{ border:0;}
                .g-ft .f2{font-size:1.1rem;color: #666666;text-align: center;padding-top:0.8rem;line-height: 1rem;}
                .g-ft .f2 em{ font-size: 1.1rem;color: #666666;}
                .f_nav{height: 4rem;background-color: #414141;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 100;}
                .f_nav li{float: left;width: 25%;height: 4rem;text-align: center;border-left: 1px solid #4b4b4b;box-sizing:border-box;}
                .f_nav li.first{ border:0 ; background: #23b5dc;}
                .f_nav li img{display:block;width: auto;height: 1.5rem;margin: 0.6rem auto 0;}
                .f_nav li span{display: block;color: #ffffff;font-size: 1.1rem;line-height:2rem;}
            
