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:5.7rem;position: relative;background: #fff; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd h1{width: 14.06%;float: left; margin:0.4rem 0 0 1.2rem;}
.g-hd h1 img{display: block;width: 100%;}
.m-nav{width: 45%;float: left; padding:0 0 0 20%;}
.m-nav ul li{display: block;width: 33.3%;height: 5.7rem;line-height: 6rem;text-align: center;float: left;overflow: hidden;}
.m-nav ul li a{font-size: 1.2rem;color: #333;}
.m-nav ul li.cur a{font-weight: bold;}

.m-nav2{width: 2rem;position: absolute;top: 2.2rem;right: 1.2rem;z-index: 102; line-height:0;}
.m-nav2 .oo{display: block;}
.m-nav2 .oo img,.m-nav2 .xx img{width: 2rem;height: 1.5rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 3.5rem;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:#e41e1e; margin:2rem auto 0;border-radius:5rem; }


        .g-ft{width: 100%;height: 8rem;background: #f1f1f1; max-width:640px; min-width:320px; margin:0 auto; padding:0.5rem 0 0;}
        .g-ft h3{width: 3.5rem;height: 3.5rem; position:fixed; bottom:5.5rem; right:1.2rem;}
        .g-ft h3 img{width: 3.5rem;height: 3.5rem;}
        .fwz{color: #333; font-size:0.9rem;width: 93.75%;margin:0 auto;padding: 0.5rem 0 0;}
        .fwz p{line-height: 1.4rem;}
        .fwz a{color: #333;font-size:0.9rem;}
        .fwz span{ padding: 0 0.5rem;}
        .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:4rem; background:#363636;z-index:50;}
        .fnav li{ width:25%; float:left; height:4rem; 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:0.9rem; height:4rem;}
        .fnav li em{ display:block; width:1.8rem; margin:0.4rem auto 0.7rem;}
        .fnav li em img{width: 1.8rem;height: 1.8rem;}
        .fnav li:last-child:before{ background:none;}
        .fnav li:first-child{background: #e41e1e;}