.new_list_main { padding: 40px 0 0%; background-color: #fff;margin-top:3%}
.new_list_main > .layout { display: flex; flex-direction: column; gap: 30px; }

.article_warp{gap:30px;display: flex;flex-direction: column;}
.article_warp .item{display: flex;flex-shrink: 0;overflow: hidden;}
.article_warp .item .img_warp{width: 22%;padding-bottom: 17%;flex-shrink: 0;}
.article_warp .item .img_warp:hover img{transform: scale(1.05);}
.article_warp .item .article_body{background-color: #F7F7F7;padding-left:30px;display: flex;flex-direction: column;justify-content: center;gap: 15px;width: 78%;}
.article_warp .article_body .time{font-size:16px;color:#666666}
.article_warp .article_body .title{font-size:20px;color:#333}
.article_warp .article_body .title:hover{color:#66508F}
.article_warp .article_body .desc{font-size:16px;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.article_warp .article_body .link{border-radius: 8px;background-color: #66508F;display: flex;justify-content: center;align-items: center;padding: 8px 30px;color: #fff;font-size: 16px;transition: all .3s ease-in-out;width: fit-content;}
.article_warp .article_body .link::after{content: " ";display: inline-block;width:20px;height:20px;background:url(../images/r_w.webp) no-repeat center/cover;transition: all .3s ease-in-out;transform: translateX(5px);	}
.article_warp .article_body .link:hover::after{transform: translateX(15px);}
.article_warp .article_body .link:hover{background-color: #66508F;}






@media only screen and (max-width: 950px) {
	.article_warp .item{flex-direction: column;}
	.article_warp .item .img_warp{width: 100%;padding-bottom: 77%;}
	.article_warp .item .article_body{padding:5% ;width: 100%;}
	.article_warp .article_body .desc{-webkit-line-clamp: 6;}
}