@charset 'utf-8';

.news{padding: 50px 0; background: #fafafa;}
.news .list{display: flex; padding: 20px; border: solid #eee 1px; background: #fff; justify-content: space-between; margin-bottom: 30px; transition: all 0.5s;}
.news .list:hover{box-shadow: 0 0 5px 5px #eaeaea;}
.news .list .picture{width: 300px; overflow: hidden;}
.news .list .picture img{width: 100%; transition: all 0.5s;}
.news .list:hover .picture img{transform: scale(1.1);}
.news .list .content{width: calc(100% - 330px);}
.news .list .title a{font-size: 18px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .list:hover .title a{color: #009ca3;}
.news .list .text{font-size: 14px; color: #5b5b5b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 6px;}
.news .list .date{font-size: 12px; color: #666; margin-top: 20px;}
.news .list .button{margin-top: 6px;}
.news .list .button a{font-size: 14px; color: #009ca3;}

@media (max-width:960px) {
	.news{padding: 10px 10px 30px;}
	.news .list{display: block; border: none; border: solid #eaeaea 1px; padding: 10px; margin-bottom: 20px;}
	.news .list .picture{width: 100%; height: 150px;}
	.news .list .content{width: 100%;}
	.news .list .title{max-height: 48px; margin-top: 10px;}
	.news .list .title a{font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: wrap;}
	.news .list .text{font-size: 14px; line-height: 22px; max-height: 66px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: wrap;}
	.news .list .date{font-size: 14px; margin-top: 10px;}
}
<!--ºÄʱ1793768153.6086Ãë-->