/* CSS Document */
body,td,th {
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; font-family:"Microsoft YaHei"; background-color:#151515;
}
*{ font-family:"Microsoft YaHei";}
dl,dt,dd,li,p,ul,h,h1,h2,h3,h4,h5,h6,b{ margin:0px; padding:0px; font-weight:normal;}
li {list-style-type:none;}
span{display:inline-block;}
em{
	display:inline-block;
	font-style: normal;
}
img{border:none;border:0;vertical-align:middle;}
.q1{ margin:0 auto; padding-top:120px; text-align:center;}
.q1 h1{
	font-size:46px;
	font-weight:bolder;
	color:#FFFFFF;
	text-transform: uppercase;
}
.q1 h2{ font-size:20px; color:#CCCCCC; padding-top:26px;}
.q1 h3{ font-size:20px; color:#CCCCCC; padding-top:46px;}
.q1 dl{ overflow:hidden; padding-top:30px;}
.q1 span{
	padding:5px 25px 5px 25px;
	font-size:16px;border-radius:20px;
	cursor:pointer; color:#999999;
	border: 1px solid #999999; margin-left:20px; margin-right:20px;
}
.q1 span:hover{ color:#e60012;border: 1px solid #e60012;}
.q2{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:40px; overflow:hidden;}
.q2 li{ width:370px; margin-left:15px; margin-right:15px; float:left;position:relative;}
@media screen and (max-width: 1000px) { 
.q2{ width:100%; margin:0 auto; padding-top:20px;}
.q2 li{ width:90%; margin:0 auto; padding-left:5%; margin-top:20px;}
}

.q2 li img{ width:100%;}
.q2 dl{ width:100%; height:250px; background-image:url(../images/404.png); position:absolute; right:0px; top:0px; text-align:center; color:#FFFFFF; font-size:34px; line-height:250px; cursor:pointer; display:none;}
.q2 li:hover dl{ display:block;}
@media screen and (max-width: 1000px) { 
.q2 li:hover dl{ display:none;}
}
.q2 li h1{ font-size:20px; color:#FFFFFF; text-align:center; font-weight:bolder; padding-top:20px;}
.q2 h2{ font-size:14px; color:#999; padding-top:20px; text-align:center;}
