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:4.2rem;position: relative;background: #fff; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd h1{width: 25%;float: left; margin:1.3rem 0 0 1rem;}
.g-hd h1 img{display: block;width: 100%;}
.m-nav{width: 60%;float: left; padding:0 0 0 3%;}
.m-nav ul li{display: block;width: 33.3%;height: 4.2rem;line-height: 4.2rem;text-align: center;float: left;position: relative;}
.m-nav ul li a{font-size: 1rem;color: #2b2b2b;}
.m-nav ul li.cur a{ font-weight:bold;color: #000;}
.m-nav ul li:before{ content:"";width: 1px;height: 1rem;background: #2b2b2b;position: absolute;top: 1.7rem;right: 0;}
.m-nav ul li:last-child:before{ background:none;}

.m-nav2{width: 1.6rem;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.6rem;height: 1.2rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 2.6rem;right: -1rem;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: #333;width: 56.25%;height: 3rem;text-align: center;line-height: 3rem;overflow: hidden; background:#fff; margin:2rem auto 0;border-radius:5rem; }


		 .g-ft{width: 100%;height: 10rem; max-width:640px; min-width:320px; margin:0 auto; background:#f3f3f3;}
        .g-ft h3{width: 3.3rem;height: 3.8rem; position:fixed; bottom:8.3rem; right:0.5rem;}
        .g-ft h3 img{width: 3.3rem;height: 3.8rem;}
        .fwz{width: 95%;margin:0 auto; line-height:1.5rem; color:#666; font-size:1rem;padding: 1rem 0 0;}
        .fwz span{padding: 0 1rem;}
        .fwz a{ color:#666;}
		.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:5rem; background:#222;z-index:20;}
		.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:#919191;}
		.fnav li a{ display:block; text-align:center; color:#fff; font-size:1rem; height:5rem;}
		.fnav li em{ display:block; width:2rem; margin:0.6rem auto 0.8rem;}
		.fnav li em img{width: 2rem;height: 2rem;}
		.fnav li.cur{background: #615242;}
		.fnav li:last-child:before{ background:none; border:0;}
        .fnav .erji{width: 100%;position: absolute;bottom: 100%;left: 0; display:none;}
        .fnav .erji li{width: 100%;text-align: center;height: 3rem;line-height:3rem; background:#615242; border-bottom:#fff 1px solid;}
        .fnav .erji li a{height: 3rem;line-height: 3rem;font-size: 0.9rem;}