@charset 'utf-8';

.casespage{padding-bottom: 50px;}
.casespage .caseslist{}
.casespage .caseslist .list{width: 23.5%; float: left; margin: 0 2% 30px 0;}
.casespage .caseslist .list:nth-child(4n){margin-right: 0;}
.casespage .caseslist .list .picture{border-radius: 10px; overflow: hidden;}
.casespage .caseslist .list .picture img{width: 100%; transition: all 1s;}
.casespage .caseslist .list .picture:hover img{transform: scale(1.1);}
.casespage .caseslist .list .title{text-align: center; margin-top: 10px;}
.casespage .caseslist .list .title a{font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

@media (max-width:960px) {
	.casespage{padding: 0 10px 15px}
	.casespage .caseslist{}
	.casespage .caseslist .list{width: 48%; float: left; margin-right: 4%; margin-bottom: 20px;}
	.casespage .caseslist .list:nth-child(2n){margin-right: 0;}
	.casespage .caseslist .list .picture{border-radius: 5px;}
	.casespage .caseslist .list .title{margin-top: 5px;}
	.casespage .caseslist .list .title a{font-size: 14px;}
}