@charset 'utf-8';

.news{padding: 50px 0;}
.news .news::after{content: ''; display: table; clear: both;}
.news .list{width: 49%; float: left; margin: 20px 2% 20px 0;}
.news .list:nth-child(2n){margin-right: 0;}
.news .list .picture{width: 35%; float: left; overflow: hidden; border-radius: 8px;}
.news .list .picture img{width: 100%; transition: all 0.5s;}
.news .list:hover .picture img{transform: scale(1.1);}
.news .list .content{width: 60%; float: right;}
.news .list .title{font-size: 20px; line-height: 32px;}
.news .list .title a{height: 64px; font-weight: bold; color: #121212; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .list:hover .title a{color: #001ea0;}
.news .list .date{font-size: 12px; color: #666; margin-top: 10px;}
.news .list .text{font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.news .list .button{margin-top: 20px;}
.news .list .button a{display: inline-block; line-height: 40px; padding: 0 20px; font-size: 14px; color: #444; border: solid #d6d6d6 1px; border-radius: 10px; transition: all 0.5s;}
.news .list:hover .button a{background: #001ea0; border-color: #001ea0; color: #fff;}

@media (max-width:960px) {
	.news{padding: 10px 15px 30px;}
	.news .list{width: 100%; margin: 20px 0;}
	.news .list .picture{width: 120px; border-radius: 8px;}
	.news .list .content{width: calc(100% - 140px);}
	.news .list .title{font-size: 16px; line-height: 24px;}
	.news .list .title a{height: 48px;}
	.news .list .text{font-size: 14px; margin-top: 5px;}
	.news .list .button{margin-top: 5px;}
	.news .list .button a{line-height: 28px; padding: 0 18px; font-size: 12px; border-radius: 5px;}
}