/***********************公共样式***********************/
html,body{width: 100%;}
.w{width: 1200px;margin: 0 auto;}
/* banner */
.header{width: 100%;position: relative;}
.header .tag{font-size:20px;color:#f6d4b2;position: absolute;bottom: 200px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.banner{width: 100%;}
.banner img{width: 100%;}

/* 列表 */
.nhList{margin: 40px 0 60px;}
.nhList ul{margin: 0 -12px;}
.nhList ul li{float: left;width: 25%;padding: 0 12px;margin-bottom: 30px;}
.nhList ul li .imgWrap{width: 100%;border: 1px solid #eee;}
.nhList ul li .imgWrap .img{width: 100%;height: 398px;display: flex;justify-content: center;align-items: center;}
.nhList ul li .imgWrap .img img{width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.nhList ul li .imgWrap .tit{display:block;font-size: 16px;color: #333;text-align:center;line-height: 32px;padding: 5px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.nhList ul li .imgWrap .tit:hover{color: #d02837;}
.pages{text-align: center;margin: 30 0 60px;}
.pages *{font-size: 14px;color: #666;}
.pages span,.pages a{display: inline-block;background: #eee;padding: 2px 8px;border-radius: 5px;margin: 0 2px;}
.pages span.action_num{background: #e33737;color: #fff;}
.pages span a{padding: 0;margin: 0;}
.pages input{border: 1px solid #ccc;text-align: center;}

/* 底部 */
.footer{width: 100%;padding: 60px 0;text-align: center;background: #c7271d;}
.footer p{font-size: 16px;color: #fff;line-height: 2;}

@media screen and (max-width: 1220px){
	.w{width: 920px;}
	
	.nhList ul{margin: 0 -5px;}
	.nhList ul li{padding:0 5px;margin-bottom: 15px;}
	.nhList ul li .imgWrap .img{height: 315px;}
	
	.pages{margin: 15px auto 60px;}
}
@media screen and (max-width: 992px){
	.w{width: 720px;}
	
	.footer{padding: 40px 0;}
	
	.nhList ul li .imgWrap .tit{font-size: 14px;padding: 2px 8px;}
	.nhList ul li .imgWrap .img{height: 242px;}
	
	.pages{margin: 15px 0 35px;}
}
@media screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	
	.footer p{font-size: 14px;line-height: 1.6;}
	
	.nhList{margin:20px auto 40px;}
	.nhList ul li{width: 50%;margin-bottom: 10px;}
	
	.pages span, .pages a{margin: 3px;}
}