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; z-index:99;} 
/*首次加载页面切入效果*/
.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{ width:100%; height:5rem;position: relative;background: #fff; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd h1{width: 20.63%;float: left;margin: 1.2rem 0 0 1.2rem;}
.g-hd h1 img{display: block;width: 100%;}
.m-nav{width: 55%;float: left; padding:0 0 0 5%;}
.m-nav ul li{display: block;width: 33.33%;height: 5rem;line-height: 5rem;text-align: center;float: left;position: relative;}
.m-nav ul li a{font-size: 1.2rem;color: #3a3a3a;}
.m-nav ul li:before{ content:"";width: 2px;height: 1.2rem;background: #333;position: absolute;top: 2rem;right: 0;}
.m-nav ul li:last-child:before{ background:none;}
.m-nav ul li.cur a{font-weight: bold;}

.m-nav2{width: 2.3rem;position: absolute;top: 1.8rem;right: 1.2rem;z-index: 102; line-height:0;}
.m-nav2 .oo{display: block;}
.m-nav2 .oo img,.m-nav2 .xx img{width: 2.3rem;height: 1.7rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 3.2rem;right: -1.2rem;z-index: 10; max-width:640px; min-width:320px;width: 32rem; padding:2rem 0; background:rgba(0,0,0,0.8);}
.erji ul li{line-height: 4rem;height: 4rem; border-bottom:#d9e2e6 1px solid;width: 100%;text-align: center;}
.erji ul li a{font-size: 1.4rem;color: #fff;width: 100%; display:block;}
.erji  .er_tel{display: block;font-size: 1.4rem;color: #fff;width: 56.25%;height: 3rem;text-align: center;line-height: 3rem;overflow: hidden; background:#dc2821; margin:2rem auto 0;border-radius:5rem; }


        .g-ft{width: 100%;height: 8.8rem;background: #f1f1f1; max-width:640px; min-width:320px; margin:0 auto; padding:0.5rem 0 0;}
        .g-ft h3{width: 3.3rem;height: 3.3rem; position:fixed; bottom:5.5rem; right:1.2rem;}
        .g-ft h3 img{width: 3.3rem;height: 3.3rem;}
        .fwz{color: #333; font-size:0.9rem;width: 92.5%;margin:0 auto;padding: 0.5rem 0 0;}
        .fwz p{line-height: 1.4rem;padding: 0 0 0 1rem;}
        .fwz a{color: #333;font-size:0.9rem;}
        .fwz span{ padding: 0 0 0 1rem;}
        .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:5rem; background:#363636;z-index:50;}
        .fnav li{ width:25%; float:left; height:5rem; position:relative;line-height: 0;}
        .fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;}
        .fnav li a{ display:block; text-align:center; color:#fff; font-size:1rem; height:5rem;}
        .fnav li em{ display:block; width:1.8rem; margin:0.6rem auto 0.8rem;}
        .fnav li em img{width: 1.8rem;height: 1.8rem;}
        .fnav li:last-child:before{ background:none;}
        .fnav li:first-child{background: #dc2821;}