.news_box {
	width: 100%; height: auto;
	box-sizing: border-box;
}

.news_box .news_item:nth-child(3n+1) { margin-left: 0px; }
.news_box .news_item:nth-child(n+4) { margin-top: 60px; }
.news_box .news_item {
	width: calc(33.333% - 20px); height: auto;
	margin-left: 30px;
	cursor: pointer;
	box-sizing: border-box;
}



.news_box .news_item:hover .news_thum::after { opacity: 1; }
.news_box .news_item .news_thum::after {
	opacity: 0;
	content: '';
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: 5px;
	background-color: #00a0e9;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	box-sizing: border-box;
}
.news_box .news_item .news_thum {
	width: 100%; height: auto;
	box-sizing: border-box;
}

.news_box .news_item .news_thum > img {
	width: 100%; height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	box-sizing: border-box;
}



.news_box .news_item:hover .news_label { color: #00a0e9; }
.news_box .news_item .news_label {
	width: 100%; height: auto; line-height: 1;
	margin-top: 30px; 
	font-size: 14px; color: #003f7e; text-align: left;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	box-sizing: border-box;
}

.news_box .news_item:hover .news_title { color: #00a0e9; }
.news_box .news_item .news_title.top { margin-top: 20px; }

.news_box .news_item .news_title {
	width: 100%; height: 3em; line-height: 1.5;
	font-size: 18px; color: #000000; text-align: left;
	margin-top: 5px;
	display: -webkit-box; display: -ms-flexbox; display: box; 
	overflow:hidden; vertical-align:top; text-overflow: ellipsis; 
	word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp: 2;

	box-sizing: border-box;
}

.news_box .news_item:hover .news_title span { background-color: #00a0e9; }
.news_box .news_item .news_title span {
	padding: 1px 3px; line-height: 1.8;
	font-size: 12px; color: #fff; background-color: #999999;
	margin-right: 8px;
    vertical-align: 2px;
}

.news_box .news_item .news_date {
	width: 100%; height: auto; line-height: 1;
	font-size: 15px; color: #999999; text-align: left;
	margin-top: 20px;
	box-sizing: border-box;
}



@media (max-width: 479px){ 
	.news_box .news_item .news_label { margin-top: 20px; }
	.news_box .news_item .news_title { font-size: 16px; }
	.news_box .news_item .news_date { font-size: 12px; margin-top: 15px; }
	.news_box .news_item { width: 100%; margin-left: 0px; }
	.news_box .news_item:nth-child(n+4) { margin-top: 0px; }
	.news_box .news_item:nth-child(n+2) { margin-top: 30px; }
	.news_box .news_item:nth-child(3n+1) { margin-left: 0px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	.news_box .news_item .news_label { margin-top: 20px; }
	.news_box .news_item .news_title { font-size: 16px; }
	.news_box .news_item .news_date { font-size: 12px; margin-top: 15px; }
	.news_box .news_item { width: calc(50% - 7.5px); margin-left: 15px; }
	.news_box .news_item:nth-child(n+4) { margin-top: 0px; }
	.news_box .news_item:nth-child(n+3) { margin-top: 30px; }
	.news_box .news_item:nth-child(3n+1) { margin-left: 15px; }
	.news_box .news_item:nth-child(2n+1) { margin-left: 0px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.news_box .news_item .news_label { margin-top: 20px; }
	.news_box .news_item .news_title { font-size: 16px; }
	.news_box .news_item .news_date { font-size: 12px; margin-top: 15px; }
	.news_box .news_item:nth-child(n+4) { margin-top: 30px; }
	.news_box .news_item { width: calc(33.333% - 10px); margin-left: 15px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.news_box .news_item .news_title { font-size: 16px; }
	.news_box .news_item .news_date { font-size: 14px; margin-top: 15px; }
	.news_box .news_item:nth-child(n+4) { margin-top: 45px; }
} 
 

/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/