#newslist{
	margin-bottom: 30px;
}
#newslist .list{
	overflow:hidden;
	padding: 20px 0;
	border-bottom:1px solid #434343;
}
#newslist .list .photo{
	float:left;
}
#newslist .list .photo a{
	display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-size: auto 100%;
}
#newslist .list .newsinfo{
	float:left;
	width:50%;
	margin-left: 20px;
}
#newslist .list .newsinfo .newsinfo-title{
	overflow:hidden;
}
#newslist .list .date{
	float: right;
    width: 10%;
    margin-top: 40px;
}
#newslist .list .date span{
	color: #434343;
    display: block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px;
	text-align:center;
	border:1px solid #434343;
}
#newslist .list .date span.bottom{
	color: #fff;
	background: #434343;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#newslist .list .newsinfo .newsinfo-title h3{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 10px;
}
#newslist .list .newsinfo .newsinfo-title h3 a{
	color:#151515;
	font-size:18px;
	font-weight: normal;
}
#newslist .list .newsinfo .newsinfo-title p{
	background:#dcdcdc;
	padding: 5px 15px;
	border-radius:5px;
    display: inline-block;
	margin-top: 10px;
}
#newslist .list .newsinfo article{
	margin-top: 10px;
	max-height: 140px;
	line-height: 200%;
	overflow: hidden;
}
#newslist .list .newsinfo article a{
	color:#151515;
	font-size:14px;
}
.main-content{
	margin: 0px 0 20px;
}
@media screen and (max-width: 1280px) {
	#newslist .list .newsinfo .newsinfo-title h3{
		width: 75%;	
	}
	#newslist .list .photo{
		max-width:35%;
	}
}
@media screen and (max-width: 980px) {
	#newslist .list .date span{
		font-size: 18px;		
	}
}
@media screen and (max-width: 768px) {
	#newslist .list .date{
		float: none;
		clear: both;
		width: 100%;
	}
	#newslist .list .date span{
		font-size: 16px;
		border-radius: 0;
		display: inline-block;	
		margin-right: -4px;			
	}
	#newslist .list .date span.bottom{
	    border-radius: 0;	
	}
}
@media screen and (max-width: 640px) {
	#newslist .list .photo{
		max-width: 30%;	
	}
	#newslist .list .newsinfo{
		width: 59%;	
	}
}
@media screen and (max-width: 480px) {
	#newslist .list .photo{
		max-width: 100%;	
		float:none;
	}
	#newslist .list .newsinfo{
		width: 100%;
		float:none;
		margin-top:15px;
		margin-left: 0;	
	}
	#newslist .list .date{
	    margin-top: 20px;
	}
	#newslist .list .newsinfo article{
	    max-height: 100%;	
	}
}