/* listNews */
.listNews_box .web_th{margin-bottom: 3%;}
.news_item{position: relative; width: 32%; margin-right: 2%; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.news_item>a{padding: 30px 24px 85px; display: block;}
.news_item:nth-child(3n){margin-right: 0;}
.news_item:nth-child(n+4){margin-top: 32px;}
.news_pic_item .pic{padding-bottom: 70%; border-radius: 8px;}
.news_item .title{font-family: 'DIN Alternate-Bold'; font-size: 20px; margin: 16px 0 14px; line-height: 1.3; overflow: hidden; display: block;}
.news_info{text-transform: capitalize; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 24px 24px;}
.news_info .date{color: #666;}
.news_info .more{color: var(--commonColor); text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 4px 0 3px; display: inline-block; margin-top: 5px;}

.news_item:hover{box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);}
.news_item:hover .title{color: var(--commonColor);}
.news_item:hover .news_info .brief{color: #333;}
.news_item:hover .news_info .more{color: #fff; background: var(--commonColor); padding: 4px 12px 3px;}

@media only screen and (max-width: 1300px) {
	.news_item:nth-child(n+4){margin-top: 26px;}
}
@media only screen and (max-width: 980px) {
	.news_item{width: 100%; margin-right: 0;}
	.news_item:nth-child(n+2){margin-top: 20px;}
	.news_item>a{padding: 20px 16px;}
	.news_info{position: static; padding: 0;}
	.news_info .title{font-size: 20px; max-height: unset; display: block; height: auto; margin: 12px 0 8px;}
	.news_info .brief{max-height: unset; /* -webkit-line-clamp: 3; */ height: auto;}
}


/* innerNews */
.innerNews_img img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.innerNews_img:hover img{
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.sub_th{margin-top: 15px;}
.web_th .th_line{margin-top: 20px; margin-left: 30px;}
.web_th .th_line>p{width: 70px; height: 4px; border-radius: 5px; background: var(--commonColor);}
.web_th .th_line .line2{width: 100px; margin-top: 15px;}
.innerNews_img{overflow: hidden; margin-bottom: 20px;}
.con_data_share{margin-top: 15px;}
.con_data_share .share_bar {padding: 5px 0;}

@media only screen and (max-width: 1400px) {
	.web_th .th_line{margin-top: 15px; margin-left: 20px;}
}
@media only screen and (max-width: 980px) {
	.sub_th{margin-top: 0;}
	.web_th .th_line{display: none;}
	.con_data_share .share_bar{padding: 15px 0 5px;}
}