html{
	background:#f8f8f8;
}
html body{
	font-size:16px;
	color:#999;
	background:#f8f8f8;
}
.header{
	background:url("../images/bg.jpg") no-repeat;
	background-size:100%;
	padding-bottom:22%;
	overflow:hidden;
	height:0;
}
.header p{
	text-align:center;
	padding-top:80px;
}
.header .logo{
	margin:0 20px 0 40px;
}
.mainCont{
	width:1100px;
	background:#fff;
	margin:20px auto;
	overflow:hidden;
	padding:26px 50px;
}
.mainCont h1{
	font-size:18px;
	color:#333;
	background:url("../images/biaoti.gif") no-repeat left center;
	padding-left:14px;
	margin-bottom:30px;
}
.booksList{
	overflow:hidden;
}
.booksPart{
	width:336px;
	height:186px;
	float:left;
	margin-right:46px;
	margin-bottom:40px;
}
.booksList div:nth-child(3n){
	margin-right:0;
}
.booksPic{
	width:140px;
	float:left;
}
.booksCont{
	width:180px;
	float:right;
	height:186px;
	overflow:hidden;
}
.booksCont h2{
	font-size:18px;
	color:#333;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	margin-bottom:14px;
}
.booksCont p{
	margin-bottom:8px;
	line-height: 28px;
}
.booksCont .p2{
	margin-bottom:0;
	height:65px;
	overflow:hidden;
}
.booksCont .p1{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.btnDiv a{
	padding:2px 8px;
	background:#d0111b;
	color:#fff;
	margin-right:6px;
	font-size:12px;
	border-radius: 4px;
}
.btnDiv a:hover{
	background:#bc0912;
}
@media screen and (max-width:1200px){
	.mainCont{
		width:100%;
	}
	.header p{
		padding-top:40px;
	}
	.header p .img1{
		width:14%;
	}
	.header p .logo{
		width:30%;
		margin:0 20px 0 20px;
	}
	.header p .img3{
		width:12%;
	}
	.booksPart{
		width:30%;
		margin-right:5%;
	}
	.booksPic{
		width:30%;
	}
	.booksPic img{
		width:100%;
	}
	.booksCont{
		width:60%;
	}
}