.xinw{
	padding: 80px 0;
}
.xtit{
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.xlist{
	position: absolute;
	right: 0;
	bottom:15px;
}
.xlist a{
	display: inline-block;
	padding: 0 7px;
	border-right: 1px solid #777;
}
.xlist a:last-child{
	border-right: 0;
}
.xitem {
	margin-bottom: 30px;
	background-color: #fcfcfc;
}
.xitem:hover{
	background-color: #fff;
}
.xitem a{
	display: block;
	padding-left:380px;
	padding-right: 25px;
	position: relative;
	height:260px; 
}
.ximg{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 350px;
	background-size: cover;
	background-position: center;
}
.xro{
	height: 100%;
}
.x-tb{
	padding-top:40px;
}
.x-tb h3{
	font-size: 20px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.xtime{
	font-size: 14px;
	padding-top: 10px;
	display: block;
}
.x-tb p{
	color: #555; 
	line-height: 2;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	max-height: 64px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.xmore{
	width: 100px;
	text-align: center;
	border:1px solid #ddd;
	border-radius: 20px;
	padding: 8px 0;
	display: block;
	margin-top: 15px;
}
.xitem:hover .xmore{
	border-color:#1eb2f6; 
}
.xlist a:hover{
	color:#1eb2f6; 
}
.xlist a.active{
	color:#1eb2f6;
}
/*文章*/
.wen{
	padding:50px 0 50px ;
} 
.art{
	padding:80px 50px 50px;
	box-shadow: 3px 3px 10px #ddd;
	overflow: hidden;
}
.art_tit{
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 25px;
}
.art_tit h4{
	font-size: 20px;
	color: #111;
}
.art_tit span{
	padding-top: 10px;
	display: block;
	font-size: 14px;
	color: #888;
}
.art_con p{
	line-height: 2;
	padding-top: 10px;
	text-indent: 2em;
	text-align: justify;
}
.kn_img{
	text-align: center;
	padding: 10px 0;
}
.olink{
	padding-top: 20px;
}
.olink a{
	display: block;
	padding-bottom: 15px;
}
.olink a:hover{
	color: #c21f1f;
}
.o_p{
	text-align: left;
}
.o_n{
	text-align: right;
}
.ker{
	height: 300px;
	padding-top: 100px;
	background-size: cover;
}
@media (max-width:900px){
	.xinw{
		padding: 60px 0;
	}
	.xt h4{
		font-size: 25px;
	}
	.art{
		padding: 60px 50px;
	}
}
@media (max-width:768px){
	.art{
		padding: 40px 35px;
	}
}
@media (max-width:640px){
	.ximg{
		position: initial;
		height: 280px;
		width: 100%;
	}
	.xitem a{
		padding-left: 0;
		padding-right: 0;
		height: auto;
	}
	.xro{
		padding: 15px;
		box-sizing: border-box;
	}
	.x-tb{
		padding-top: 15px;
	}
	.x-tb h3{
		white-space: normal;
		font-size: 17px;
	}
	.x-tb p{
		font-size: 15px;
	}
	.xlist{
		position:initial;
		margin-top: 13px;
	}
	.xtit{
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.xinw{
		padding: 40px 0;
	}
	.xt h4{
		font-size: 22px;
	}
	.xt span{
		font-size: 14px;
	}
	.pagination{
		padding-top:5px;
	}
	.art{
		box-shadow:none; 
		padding: 0px 0 20px;
		border-bottom: 1px solid #eee;
	}
	.wen{
		padding-bottom: 30px;
	}
	.art_tit h4{
		font-size: 18px;
	}
	.art_tit{
		margin-bottom: 15px;
	}
}