.content-title{
    margin-bottom: 70px;
}
.content-title ul{
    text-align: center;
    overflow: visible;
}
.content-title li{
	position:relative;
	display:inline-block;
	margin:0 15px;
}
.content-title li a{
    color: #fff;
    font-size: 16px;
}
.content-title li.action:after{
	position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #fff;
    top: 100%;
    left: 0;
    margin-top: 5px;
}
#newslist figure{
    background: rgba(255,255,255,0.25);
    overflow: hidden;
    color: #fff;
    margin: 50px 0;
    padding: 45px 40px;
    box-shadow: 0 0 7px #080808;
	transition:all linear 0.3s;
}
#newslist figure:hover{
    background: #191f31;
}
#newslist .date{
    float: left;
    background: #1c2337;
    padding: 15px 12px;
	position:relative;
	transition:all linear 0.3s;
}
#newslist figure:hover .date{
    background: #a28d72;
}
#newslist .date:after{
	position:absolute;
	right:-25px;
	top:10px;
	content:'';
	width:50px;
	height:1px;
	background:#fff;
}
#newslist .date p{
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	margin: 5px 0;
}
#newslist .date p.Pubyear{
	color:#787878;
	font-size: 18px;
	transition:all linear 0.3s;
}
#newslist figure:hover .date p.Pubyear{
	color:#fff;
}
#newslist .txt{
    float: left;
    width: calc(100% - 200px);
    margin-left: 50px;
}
#newslist .txt figcaption a{
	color:#fff;
	font-size: 17px;
}

#newslist .txt p{
	color: #929191;
    font-size: 12px;
    margin: 10px 0;
    height: 46px;
    overflow: hidden;
}
#newslist .more{
	float:right;
	margin-top: 26px;
}
#newslist .more a{
	color: #fff;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    font-size: 20px;

}
#newslist figure:hover .more a{
	color:#a28d72;
	border:1px solid #a28d72;
}
.content-main{
}
.content-main .news-title{
	color: #fff;
    font-weight: normal;
}
.content-main .article-info{
	border-left: 4px solid #bf9663;
    padding-left: 10px;
    line-height: 100%;
    margin: 10px 0;
}
.content-main .article-info p{
	font-size: 12px;
    color: #8a8a8a;
}
.content-main #article{
	margin: 70px 0;
	color:#fff;
}

@media screen and (max-width: 768px) {
	#newslist figure{
		padding: 25px 30px;	
	}
}
@media screen and (max-width: 640px) {
	#newslist .more{
		display:none;
	}
	#newslist .txt{
		width: calc(100% - 150px);
	}
}
@media screen and (max-width: 480px) {
	#newslist .date p{
	    font-size: 20px;	
		margin: 0px 0;
	}
	#newslist .date p.Pubyear{
		font-size: 12px;	
	}
	#newslist .txt{
		width: calc(100% - 110px);
		margin-left: 30px;
	}
	#newslist .date:after{
		right: -20px;
		width: 40px;
	}
	#newslist figure{
		padding: 15px 20px;	
		margin: 30px 0;
	}
	#newslist .txt figcaption a{
	    font-size: 11pt;	
		line-height:120%;
	}
	#newslist .txt p{
	    font-size: 7pt;
		line-height:150%;
	}
}
