/*重置样式*/
html, body, ul, li,dl, dd, dt, p, h1, h2, h3, h4, h5, h6, img{ 
	margin:0; 
	padding:0; 
}
ul, ol{
	list-style:none; 
} 
img{
	vertical-align: bottom; 
	border: none;
}
a{
	text-decoration:none; 
	-webkit-tap-highlight-color:transparent;
}
em{
	font-style:normal;
}
html,body{
	width: 100%; 
	height: 100%; 
	font-family: "微软雅黑";
	font-size: 20px;
}
/*头部*/
header{
	width:100%; 
	height: 4.4rem; 
	background: #181818; 
	position: fixed; 
	top:0; 
	left:0; 
	display: -webkit-box; 
	-webkit-box-align: center; 
	z-index: 999; 
	-webkit-box-pack: center; 
	text-align: center;
}
.header-left{
	width:15%;
}
header img{
	width:2.5rem;
}
.header-center{
	width:70%;
	color: #fff;
	font-size: 1.3rem;
}
.header-rigth{
	width:15%;
}
#wrapper{
	position: absolute; 
	width: 100%; 
	top:4.4rem; 
	padding-bottom: 8rem;
}
/*头部右侧导航*/
.header-dh{
	width: 42%;
	background: #181818;
	position: fixed;
	top: 4.4rem;
	right: 0;
	z-index: 999;
	display: none;
	opacity: 0.9;
}
.header-dh a{
	color: #fff;
}
.header-dh .yiji{
	padding-top: 1rem;
}
.header-dh ul li a{
	color: #fff; 
	font-size:1.3rem; 
	display: block; 
	line-height: 3.5rem;
	position: relative;
	padding-left: 3rem;
}
.header-dh ul li .inactive{
	background:url(../img/up.png) no-repeat 85% center; 
	background-size: 7%;
}
.header-dh ul li .inactives{
	background:url(../img/down.png) no-repeat 85% center; 
	background-size: 7%;
} 
.header-dh ul li ul{
	display: none;
	text-align: left;
    padding-left: 12%;
}
.header-dh ul li ul li{
	line-height: 2.4rem;
}
.header-dh ul li ul li a{ 
	font-size: 1.2rem; 
	line-height: 2.5rem;
}


/*底部*/
.foot{
	width:100%; 
	height:4.9rem; 
	background:#ececee; 
	position: fixed; 
	bottom: 0;
	z-index: 999;
}
.menu li{
	text-align: center; 
}
.menu a{
	color:#333333; 
	float:left; 
	width:19%; 
	height: 4.9rem; 
	font-size:1rem; 
	margin:0 3%;
}
.menu .icon{
	display: block; 
	line-height: 3.2rem; 
	font-size: 2.5rem;
}