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;}
/*首次加载页面切入效果*/
.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;
}
i, em, strong{ font-style:normal;font-weight: normal;}
.tb{height: 5rem;}
.tb_fix{min-width: 320px;max-width: 640px;width: 100%;position: fixed;z-index: 99;background-color: #2d3e50;top: 0;}
.g-hd img{display: block;width: 100%;}
.g-hd{width: 93%;padding: 0 3.5%;height: 5rem;}
.g-hd h1{float: left;width: 20%;padding-top: 0.8rem;}
.t-nav{float: right;width: 7%;padding-top: 1.6rem;}
.g-hd p{float: right;width: 60%;height: 5rem;line-height: 5rem;text-align: center;margin-right: 5%;}
.g-hd p a,.g-hd p em{float: left;font-size: 1.2rem;color: #fff;}
.g-hd p em{width: 6%;height: 5rem;}
.menu{position: relative;z-index: 9999;}
.t-box{
width: 100%;
display: none;
z-index: 9999;
height: 100%;
overflow: hidden;
position: fixed;
margin: 0 auto;
max-width: 640px;
top: 5rem;
right: 0;
left: 0;
transition: transform 1s;
-webkit-transition: transform 1s;
background: #232e39;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-height: 100% !important;
}
.t-box ul{padding: 3rem 14% 0;}
.t-box ul li{border-bottom: 1px solid #666d74;}
.t-box ul li a{display: block;height: 4.5rem;font: 1.3rem/4.5rem "Microsoft Yahei";color: #fff;text-align: center;}
.g-ft{padding-bottom: 4.9rem;}
.lxi{padding: 0.7rem 3.5%;border-top: 2px solid #f5f7f9;border-bottom: 1px solid #f5f7f9;}
.lxi p{display: inline-block;width: 40%;padding-left: 1%;border-left: 0.25rem solid #677481;}
.lxi p a{display: block;height: 1.7rem;line-height: 1.7rem;font-size: 1.1rem;color: #2d3e50;padding-left: 5%;border-left: 1px solid #a7aeb6;}
.lxi em{float: right;width: 25%;}
.lxi em a{display: block;height: 1.7rem;line-height: 1.7rem;font-size: 1.1rem;color: #2d3e50;text-align: right;}
.inf{width: 93%;padding: 0.5rem 3.5%;}
.inf p{height: 1.8rem;line-height: 1.8rem;font-size: 1rem;color: #666;padding-left: 4%;}
.inf p a{color: #666;}
.d_nav{min-width: 320px;max-width: 640px;width: 100%;height: 4.9rem;position: fixed;bottom: 0;background-color: #2d3e50;z-index: 888;}
.d_nav li{float: left;width: 50%;box-sizing: border-box;}
.d_nav li.lst{border-left: 1px solid #858f99;}
.d_nav li a{display: block;height: 4.9rem;line-height: 4.9rem;font-size: 1.4rem;color: #fff;padding-left: 40%;}
.d_nav li.fst a{background: url("/mobile/images/db1.png") no-repeat 26% center;background-size: 2.1rem 2rem;}
.d_nav li.lst a{background: url("/mobile/images/db2.png") no-repeat 26% center;background-size: 2.1rem 2rem;}
.go_top{width: 3.3rem;height: 3.3rem;position: fixed;right: 0;bottom: 25%;z-index: 10;display: none;}
.go_top a{display: block;height: 3.9rem;background: url("/mobile/images/gtop.png") no-repeat center;background-size: 100%;}