@charset 'utf-8';

.news{background: #f7f7f7; padding: 50px 0;}
.news .list{width: 32%; float: left; background: #fff; box-sizing: border-box; border: solid #e5e5e5 1px; padding: 16px; margin: 0 2% 30px 0;}
.news .list:nth-child(3n){margin-right: 0;}
.news .list .picture{overflow: hidden;}
.news .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.news .list .picture:hover img{transform: scale(1.1);}
.news .list .title{margin-top: 30px;}
.news .list .title a{height: 56px; font-size: 20px; color: #000; line-height: 28px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .list .title a:hover{color: #1453ac;}
.news .list .date{font-size: 16px; color: #3e3e3e; margin-top: 20px;}
.news .list .text{margin-top: 20px;}
.news .list .text a{height: 52px; font-size: 16px; color: #949494; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .list .text a:hover{color: #1453ac;}

@media (max-width:960px) {
	.news{padding: 30px 15px;}
	.news .list{width: 100%; padding: 16px; margin: 0 0 30px 0;}
	.news .list .title{margin-top: 10px;}
	.news .list .title a{height: 48px; font-size: 18px; line-height: 24px;}
	.news .list .date{font-size: 14px; color: #888; margin-top: 10px;}
	.news .list .text{margin-top: 10px;}
	.news .list .text a{height: 44px; font-size: 15px; line-height: 22px;}
}