.proo-top>p{
	font-size: 18px;
	color: #3d3d3d;
	line-height: 32px;
}
.fore-cont{
	margin-top: 20px;
}
.fore-cont>ul{
	margin-right: -50px;
}
.fore-cont>ul>li{
	float: left;
	margin-right: 50px;
	margin-bottom: 40px;
	width: 366px;
	height: 447px;
	border-width: 1px;
	border-color: rgb( 237, 237, 237 );
	border-style: solid;
	background-color: rgb( 255, 255, 255 );
}
.fore-tcbox{
	width: 100%;
	height: 100%;
}
.infoimg{
	display: block;
	width: 100%;
	height: 254px;
	text-align: center;
	overflow: hidden;
}
.fore-txtbox{
	padding: 20px;
	height: calc(100% - 254px);
	overflow: hidden;
	position: relative;
}
.fore-tit{
	font-size: 20px;
	color: rgb( 36, 36, 36 );
	line-height: 32px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
}
.fore-txt{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.for-time{
	font-size: 14px;
	color: #888888;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.trans_img img{
	width: 100%;
	height: 100%;
}
.fore-cont>ul>li.on,
.fore-cont>ul>li:hover{
	border-bottom: 2px solid #0079c0;
}
.fore-cont>ul>li.on .fore-tit,
.fore-cont>ul>li:hover .fore-tit{
	color: #0079c0;
}
.fore-cont>ul>li.on .trans_img>img,
.fore-cont>ul>li:hover .trans_img>img{
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
}