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:4rem;position: relative;background: #2e2e2e; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd h1{width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.g-hd h1 a{display: block;width: 32%;}
.g-hd h1 img{display: block;width: 100%;}
.m-nav{width: 55%;float: left; margin:0 0 0 35%;position: relative;z-index: 10;}
.m-nav ul li{display: block;width: 33.3%;height: 4rem;line-height: 4rem;text-align: center;float: left;position: relative;}
.m-nav ul li a{font-size: 1.4rem;color: #fff;}
.m-nav ul li:before{ content:"";width: 1px;height: 1.5rem;background: #434343;position: absolute;top: 1.2rem;right: 1px;}
.m-nav ul li:after{ content:"";width: 1px;height: 1.5rem;background: #202020;position: absolute;top: 1.2rem;right: 0;}
.m-nav ul li:last-child:before,.m-nav ul li:last-child:after{ background:none;}
.m-nav ul li.cur a{font-weight: bold;}

.m-nav2{width: 1.5rem;position: absolute;top: 1.6rem;right: 1rem;z-index: 102; line-height:0;}
.m-nav2 .oo{display: block;}
.m-nav2 .oo img,.m-nav2 .xx img{width: 1.5rem;height: 0.8rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 2.4rem;right: -1rem;z-index: 10; max-width:640px; min-width:320px;width: 32rem;height: 55.9rem;padding: 1rem 0 0; background:url(images/nav_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.erji ul li{line-height: 4rem;height: 4rem; border-bottom:#2d2d29 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:#113f97; margin:2rem auto 0;border-radius:5rem; }


        .g-ft{width: 100%;height: 10rem; max-width:640px; min-width:320px; margin:0 auto; padding:0.5rem 0 0;background: #efefef;}
        .g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom:7.5rem; right:1rem;}
        .g-ft h3 img{width: 4rem;height: 4rem;}
        .fwz{color: #666; font-size:1.1rem;text-align: center;padding: 0.5rem 0 0;line-height: 1.8rem;}
        .fwz a{color: #666;}
        .fwz span{ padding: 0 0 0 0.8rem;}
        .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:5rem; background:#113f97;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:1px; width:1px; height:100%; background:#081f63;}
        .fnav li:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#1652b6;}
        .fnav li a{ display:block; text-align:center; color:#fff; font-size:1rem; height:5rem;}
        .fnav li em{ display:block; width:1.6rem; margin:0.9rem auto;}
        .fnav li em img{width: 1.6rem;height: 1.6rem;}
        .fnav li:last-child:before,.fnav li:last-child:after{ background:none;}