@charset 'utf-8';

.casepage{padding: 46px 0;}
.casepage .caselist{}
.casepage .caselist .list{width: 23.5%; float: left; margin: 0 2% 30px 0;  box-shadow: 0 0 5px 5px #f2f2f2; border-radius: 10px; overflow: hidden; transition: all 0.5s;}
.casepage .caselist .list:nth-child(4n){margin-right: 0;}
.casepage .caselist .list .picture{overflow: hidden;}
.casepage .caselist .list .picture img{width: 100%; transition: all 0.5s;}
.casepage .caselist .list .picture:hover img{transform: scale(1.1);}
.casepage .caselist .list .title{font-size: 16px;line-height: 24px;min-height: 48px;font-family: 'Poppins';margin: 10px 20px;display: -webkit-box;          /* 必须 */-webkit-box-orient: vertical;  /* 必须 */-webkit-line-clamp: 2;         /* 显示的行数 */overflow: hidden;              /* 必须 */}
.casepage .caselist .list .title a:hover{color: #117fca;}

.casepage .applist .list{width: 23.5%; float: left; margin: 0 2% 30px 0;  box-shadow: 0 0 5px 5px #f2f2f2; border-radius: 10px; overflow: hidden; transition: all 0.5s;}
.casepage .applist .list:nth-child(4n){margin-right: 0;}
.casepage .applist .list .picture{overflow: hidden;}
.casepage .applist .list .picture img{width: 100%; transition: all 0.5s;}
.casepage .applist .list .picture:hover img{transform: scale(1.1);}
.casepage .applist .list .title{font-size: 16px; line-height: 24px; min-height: 48px; font-family: 'Poppins'; padding: 10px 20px;}
.casepage .applist .list .title a:hover{color: #117fca;}

@media (max-width:960px) {
	.casepage{padding: 30px 15px}
	.casepage .caselist{}
	.casepage .caselist .list{width: 49%; float: left; margin-bottom: 20px;}
	.casepage .caselist .list:nth-child(2n){margin-right: 0;}
	.casepage .caselist .list .title{padding: 5px 10px;}
	.casepage .caselist .list .title a{font-size: 14px;}
	
	.casepage .applist{}
	.casepage .applist .list{width: 49%; float: left; margin-bottom: 20px;}
	.casepage .applist .list:nth-child(2n){margin-right: 0;}
	.casepage .applist .list .title{padding: 5px 10px;}
	.casepage .applist .list .title a{font-size: 14px;}
}