.case{
	padding: 36px 0 80px;
}
.case .pdg{
	padding: 0 11.5px;
}
.case-list{
	margin-bottom: 2px;
}
.case-list .pic{
	border: 1px solid #eeeeee;
	overflow: hidden;
}
.case-list .pic img{
	display: block;
	width: 100%;
}
.case-list .info{
	padding: 18px 20px 18px 20px;
	color: #6a6a6a;
    transition: all .5s ease;
}
.case-list .info p{
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}
.case-list:hover .info{
	background: #f39545;
	color: #fff;
    transition: all .5s ease;
}
/*=================适配================*/
@media( max-width:640px){
	.case{
		padding: 15px 0;
	}
	.case .row{
		margin: 0 -5px;
	}
	.case .pdg{
		padding: 0 5px;
	}
	.case-list .info{
		width: 100%;
		font-size: 13px;
		line-height: 20px;
		padding: 5px;
	}
	.case-list .info p{
		font-size: 13px;	 
		height:22px;
	}
	.case-list{
		margin-bottom: 10px;
	}
}