@charset 'utf-8';

.news{padding: 50px 0;}
.news .list{width: 23.5%; float: left; box-sizing: border-box; padding: 10px; border: solid #eee 1px; box-shadow: 0 0 8px #eee; margin: 0 2% 30px 0;}
.news .list:nth-child(4n){margin-right: 0;}
.news .list:nth-child(4n+1){clear: both;}
.news .list .picture{overflow: hidden;}
.news .list .picture img{width: 100%; transition: all 0.5s;}
.news .list .picture:hover img{transform: scale(1.1);}
.news .list .date{font-size: 14px; color: #999; margin-top: 6px;}
.news .list .title{font-size: 16px; line-height: 22px; margin-top: 10px;}
.news .list .title a{color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .list:hover .title a{color: #202025;}
.news .list .button{font-size: 14px; line-height: 20px; margin-top: 10px;}
.news .list .button a{color: #666; text-decoration: underline;}
.news .list:hover .button a{color: #202025;}

@media (max-width:960px) {
	.news{padding: 20px 10px;}
	.news .list{width: 49%; padding: 5px; margin: 0 2% 20px 0;}
	.news .list .title{font-size: 14px;}
	.news .list .date{font-size: 12px;}
}