.news{
	width:100%;
    position:relative;
}

.newscontent{
	width:95%;
	margin:auto auto;
	padding-bottom: 2%;
    padding-top: 7%;
}
.newsdescript{
	font-size:13px;
	color:#495770;
	text-align:center;
	margin: 3% auto 5%;
}
.newssubtitle{
	font-size:25px; 
	width:75%;
	text-align:center;
	margin:auto;
}
.newslist{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap: wrap;
}

.newslistleft{
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ebe9e9;
    transition: all 0.3s;
}
.newsllimg img{
    width: 100%;
}
.newsllcontext{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px;
}
.newslistleft:hover{
    background: #9b1212;
}
.newslistleft:hover div{
    color: white;
}
.newslldate{
    width: 20%;
    text-align: center;
}

.newsrdt{
    width: 16%;
    text-align: center;
    background: #b9b6b6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    transition: all 0.3s;
    padding: 20px 0;
}
.newslldate div:first-child,
.newsrdt div:first-child{
    font-size: 18px;
    font-weight: bold;
}

.newslldate div:nth-child(2),
.newsrdt div:nth-child(2){
    font-size: 12px;
}

.newslltitle{
    width: 84%;
    padding-left: 2%;
}
.newslistright .newsllcontext:hover .newsrdt{
    background: #9b1212;
}
.newslistright .newsllcontext:hover{
    background:#f5f5f5;
}
.newsitemtx{
	width:100%;
	font-size:14px;
	margin:0 0 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
    color: #5c5a5a;
    font-weight: bold;
}
.newsitemdet{
	font-size:12px;
	color:#b5b8bd;
	margin:8px 0;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.newslistright{
    width: 51%;
    display: flex;
    flex-direction: column;
}
.newsitem{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.newsllimg{
    width: 100%;
    height: 300px;
    background: url(../../temp/news1.jpg) center center /cover no-repeat;
    margin-bottom: 10px;
}
.newsilink a{
    color: #851208ee;
}
@media screen and (max-width:600px){
	.newslistleft{
        width: 100%;
        align-items: center;
    }
    .newslistright{
        width: 100%;
        align-items: center;
    }
}