#newslist{
	overflow:hidden;
	margin: 30px 0;
}
#newslist .list{
	display: inline-block;
	width: calc((100%/6) - 25px);
	transition:
	all ease-in-out 0.3s;
	margin: 0 10px 20px;
	vertical-align: top;
}
#newslist .list:hover{
	box-shadow: none;
}
#newslist .newsbox{
	overflow:hidden;
}

#newslist .newsbox .photo{
}
#newslist .newsbox .photo a{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#newslist .newsbox .photo img{
	width: 100%;
}
#newslist .newsbox .news-info{
}
#newslist .newsbox .news-info .date{
	color: #909090;
	font-size:12px;
}
#newslist .newsbox .news-info .date i{
	font-size:14px;
}
#newslist .newsbox .news-info h3{
	margin: 10px 0;
}
#newslist .newsbox .news-info h3 a{
	color:#4e4e4e;
	font-size: 17px;
	line-height: 130%;
	overflow: hidden;
	height: auto;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: center;
}
#newslist .newsbox .news-info article{font-size: 12px;color: #fff;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;background: #01153e;margin-top: 10px;padding: 2px 0;}
.article-info{
	color:#bababa;
}
.article-info p{
	text-align:right;
	font-size:12px;
}
@media screen and (max-width: 1024px) {
	#newslist .list{
    width: calc((100%/5) - 25px);
    }
}
@media screen and (max-width: 768px) {
	#newslist .list{
    width: calc((100%/3) - 25px);
    }
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
	#newslist .list{
	width: calc((100%/2) - 25px);
	}
}