html{background:#f7f7f7}
/* .wrap{opacity:0} */
.loading{position:fixed;top:0;z-index:51;z-index:99999;display:none;width:100%;height:100%;max-width:640px;min-width:320px}
.loading img{display:none;height:100%;}
.loading #showNext{position:absolute;top:1rem;right:1rem;z-index:99;display:none;padding-right:1rem;padding-left:1rem;border:.05rem solid #fff;border-radius:5%;color:#fff;text-align:center;line-height:1.8rem}
.homeShow{animation:fade .8s ease both;-webkit-animation:fade .8s ease both}
@-webkit-keyframes fade{from{display:block;opacity:1}
to{display:none;height:0;opacity:0}
}
@keyframes fade{from{display:block;opacity:1}
to{display:none;height:0;opacity:0}
}
.fade{-webkit-animation-name:fade;animation-name:fade}



/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;margin-top: -0.05rem;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}



/*头部*/
.g-hd{height:5rem;position: relative;background: #e1e2e5;}
.g-hd img{display: block;width: 100%;}
.g-hd h1{float: left;width:24.68%;margin-left: 3.125%;margin-top:1.1rem;margin-right:18.4375%;background: url(img/head_lbg.png) no-repeat right center;border-right: 1px solid #DADADA;box-sizing: border-box;background-size: 2.3rem 3.3rem;display: inline;}
.g-hd h1 img{width: 83.54%;}
.g-hd ul{float: left;height:1.2rem;margin-top:1.9rem;width:39%;}
.g-hd ul li{float: left;font-size:1.2rem;border-right: 1px solid #666666;line-height: 110%;margin-right: 1.2rem;padding-right: 1.2rem;}
.g-hd ul li:last-child{border: 0;padding-right: 0;margin-right: 0;}
.g-hd ul li a{color: #333;}
.g-hd .m-nav2{float: right;width:4.6875%;margin-top: 1.8rem;margin-right:2.968%;}
#menu{display: none; position: absolute; right: 0; top:5rem; width: 100%; height: 30rem; background: #26a6ff; z-index: 100; text-align: center;}
#menu p{width: 80%;margin: 1rem auto 0;}
#menu p a{display: block; height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem; color: #fff; border-bottom: 1px dashed #fff;} #menu p a:last-child{border: 0;}


/*foot*/
.foot{background: #f5f5f5;height:15.6rem;position: relative;padding-top: 1rem;}
.foot:after{content: ""; width: 0; height: 0; position: absolute; border-top: 2.2rem solid #fff; border-right: 16rem solid transparent; border-left: 16rem solid transparent; left: 0; top: 0;}
.foot-top{height: 5.9rem;margin-top: 4.7rem;}
.foot-top .top{display: block;width:3.5rem;height:4.05rem;margin:0 auto;position: absolute;z-index: 1;top:0;left:44.66%;}
.foot-top .top img{width: 100%;}

.foot-top .fnav{color: #c5c1ba;font-size: 1rem;text-align: center;margin-top: 2.2rem;font-weight: lighter;line-height:1.3rem;}
.foot-top .fnav a{color: #333;display: inline-block;padding: 0 1.1rem;font-weight: normal;position: relative;}
.foot-top .fnav a:after{content: "|";display: block;position: absolute;right: -0.1rem;bottom: 0;opacity: 0.2;}
.foot-top .fnav a:last-child:after{display: none;}
.foot-top .mc{text-align:center;font-size: 1rem;color: #333;margin-top: .6rem;line-height:1.3rem;}
.foot-top .mc span{margin-left: 2.1rem;}

.foot-bottom{position:fixed;width:100%;max-width:640px;margin:0 auto;height:5rem;overflow:hidden;bottom:0;background:#000;z-index: 999;}
.foot-bottom li{float:left;width:25%;text-align:center;height:4.55rem;overflow: hidden;padding-top:.75rem;border-right: 1px solid rgba(255,255,255,0.13);margin-right: -1px;}
.foot-bottom li.tel{background: #26a6ff;border-right: 0;}
.foot-bottom li a{display:block;line-height: 0;}
.foot-bottom li img{width:2.05rem;display:block;margin:0 auto;margin-bottom:0.4rem;}
.foot-bottom li span{font-size:1.2rem;color:#fff;line-height:1.2rem;font-family:arial;}