@charset "utf-8";
body,ul,li,h1,h2,h3,h4,h5,h6,p,font,hr{font-size: 14px;font-family:"微软雅黑";}

body,ul,li,h1,h2,h3,h4,h5,h6,p,font,hr{-webkit-box-sizing: border-box;/*规定padding不影响宽度*/-moz-box-sizing: border-box;
box-sizing: border-box;margin: 0px;padding: 0px; }
img{border:0;/*设置所有图片没有边框*/}
a {text-decoration:none;/*设置链接颜色以及没有下划线*/}
ul {list-style-type:none;/*设置所有列表没有样式（列表前面的数字、字母或者符号排序）*/}

.list-top{
	width: 1200px;
	height: 50px;
	margin: 10px auto;
	border-left: 10px solid #F10008;
	line-height: 50px;
}
.list-top ul li{
	float: left;
}
.list-top a{
	line-height: 50px;
	color: #000000;
padding:0px 15px;
}
.list-top a:hover{
	color: #F10008;
}
.art{
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F3F2F3;
}

.art-box{
	width: 1200px;
	height: auto;
	margin: 0px auto 0;	
}

.art-l{
	width: 830px;
	height: auto;
	min-height: 600px;
	float: left;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 20px;
}
.art-l-top{
	/*width: 810px;
	height: 85px;*/
	margin: 0 auto;
	border-bottom: 1px dashed #86837E;
}
.art-l-top h2{
	font-size: 24px;
	height: 50px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.art-l-top p{
	width: 810px;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.art-l-top p img{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.art-l-buttom{
	/*width: 810px;*/
	height: auto;
	margin:  20px auto;
	line-height: 20px;
	font-size: 14px;
}
.art-l-buttom img{
	max-width: 810px !important;
}




.art-r{
	width: 320px;
	height: auto;
	float: right;
}
.list-r-recommend,.list-r-hot{
	width: 320px;
	height: 300px;
	background: #F6F9F9;
	padding: 20px;
	border-radius: 10px;
}
.list-r-recommend h2,.list-r-hot h2{
	font-size: 20px;
	font-weight: 400;
	height: 30px;
}
.list-r-recommend ul,.list-r-hot ul{
	width: 300px;
	height: auto;
}
.list-r-recommend ul li,.list-r-hot ul li{
	
	width: 280px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.list-r-recommend ul li a,.list-r-hot ul li a{
	color: #384047;
}
.list-r-recommend ul li a:hover ,.list-r-hot ul li a:hover{
	text-decoration: underline;
}

.list-r-hot{
	margin-top: 30px;
}



.page{
	width: 1200px;
	height:100px;
	line-height: 20px;
	margin: 0px auto;
	padding-top: 10px;
}
.page p{
	width: 800px;
	height:40px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.page a{
	text-decoration: none;
	color: #000000;
	font-size: 15px;
	}
.page a:hover{
	color: #F10008;
	}