* {margin: 0;padding: 0; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6 {font-size: 16px;font-weight: normal;}
body {
	font-family: "微软雅黑";
	/* 哀悼色
	-webkit-filter: grayscale(1);
	filter: grayscale(1); */
}
img{display:inline-block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.w {
	margin: 0 auto;
	width: 1200px;
}
.header {
	padding: 15px 0;
	border-bottom: 1px solid #eef;
	background: #fff;
}
.header .logo {
	float: left;
	display: block;
	width: 265px;
	height: 65px;
	background: url(../img/logo.png) center no-repeat;
}
.header .nav {
	float: right;
	position: relative;
	top: 15px;
	line-height: 65px;
}
.header .nav .nav-item {
	position: relative;
	float: left;
	cursor: pointer;
}
.header .nav .nav-item.active {
	background: #f3f7fa;
}
.header .nav .nav-item>a {
	min-width: 120px;
	height: 65px;
	display: inline-block;
	font-size: 20px;
	color: #333;
	text-align: center;
	text-decoration: none;
}
.header .nav .nav-item .line {
	margin: 0 auto;
	border-bottom: 3px solid #000;
	width: 0;
	display: block;
}
.header .nav .nav-item.active .line,
.header .nav .nav-item:hover .line {
	border-bottom: 3px solid #00f;
	width: 100%;
}
.header .nav .nav-item:hover .line {
	transition: all 1s;
}
.header .nav .nav-item .subnav {
	display: none;
	position: absolute;
	left: -30px;
	top: 70px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 999;
}
.header .nav .nav-item:hover .subnav {
	display: inline-block;
}
.header .nav .nav-item .subnav .subnav-item {
	width: 160px;
	height: 65px;
	display: inline-block;
	font-size: 20px;
	color: #333;
	text-align: center;
	text-decoration: none;
}
.header .nav .nav-item .subnav .subnav-item:hover {
	background: #eef;
	color: blue;
}
.x {
	height: 250px;
	background:#fff url(../img/x.jpg) center no-repeat;
}
.footer {
	padding: 30px 0;
	line-height: 35px;
	text-align: center;
	background: #262626;
	color: #d8d8d8;
	font-size: 16px;
	overflow: hidden;
}
.qq {
	position: fixed;
	right: 0;
	bottom: 24%;
}