* {
	margin: 0;
	padding: 0;
}

body {
	background: #F8FBFF;
}



.news_class{
	display: flex;
	justify-content: center;
}
.news_class a{
	width: 1.3rem;
	height: 0.5rem;
	border: 0.01rem solid #004098;
	line-height: 0.5rem;
	text-align: center;
	font-weight: bold;
	font-size: 0.16rem;
	color: #004097;
	margin: 0 0.18rem;
	border-radius: 0.1rem;
	margin-bottom: 0.42rem;
	cursor: pointer;
}
.news_class a.act,
.news_class a:hover{
	background: #C91420;
	color: #fff;
	border: 0.01rem solid #C91420;
}





.news_list{
	width: 100%;
	height: auto;
}
.news_list .news_item{
	width: 16rem;
	height: 2.6rem;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	margin-bottom: 0.16rem;
}
.news_list .news_item:last-child{
	margin-bottom: 0;
}
.news_list .news_item .news_fl{
	width: calc(100% - 1.66rem);
	display: flex;
	align-items: center;
}
.news_list .news_item .news_img{
	width: 3.2rem;
	height: 2.23rem;
	overflow: hidden;
	margin: 0.19rem 0.5rem 0.18rem 0.19rem;
	float: left;
	overflow: hidden;
}
.news_list .news_item .news_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.news_list .news_item .news_txt{
	width: 10rem;
}
.news_list .news_item .news_title{
	width: 100%;
	font-weight: bold;
	font-size: 0.22rem;
	color: #000000;
	margin-bottom: 0.29rem;
}
.news_list .news_item .news_cont{
	width: 100%;
	font-weight: 400;
	font-size: 0.16rem;
	color: #999999;
	line-height: 0.3rem;
	margin-bottom: 0.29rem;
}
.news_list .news_item .news_more{
	font-weight: 600;
	font-size: 0.16rem;
	color: #004097;
	display: flex;
	align-items: center;
}
.news_list .news_item .news_more i{
	width: 0.15rem;
	height: 0.08rem;
	background: url(../img/news_more2.png) center no-repeat;
	background-size: cover;
	margin-left: 0.1rem;
	display: block;
}
.news_list .news_item .news_time{
	width: 1.66rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	position: relative;
	color: #C3C3C3;
}
.news_list .news_item .news_time::before{
	content: "";
	position: absolute;
	width: 0.01rem;
	height: 1.86rem;
	background: #E8E8E8;
	top: 0.37rem;
	left: 0.05rem;
}
.news_list .news_item .news_time .news_date{
	font-weight: bold;
	font-size: 0.57rem;
	width: 100%;
	text-align: center;
	display: block;
}
.news_list .news_item .news_time .news_y{
	font-weight: 400;
	font-size: 0.2rem;
	width: 100%;
	text-align: center;
	display: block;
}
.news_list .news_item:hover{
	box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(97,93,93,0.11);
}
.news_list .news_item:hover .news_img img{
	transform:scale(1.1);
}
.news_list .news_item:hover .news_title{
	color: #11408D;
}
.news_list .news_item:hover .news_more{
	color: #C91420;
}
.news_list .news_item:hover .news_more i{
	background: url(../img/news_more1.png) center no-repeat;
}
.news_list .news_item:hover .news_time{
	background: url(../img/news_bg.png) center no-repeat;
	background-size: cover;
	color: #fff;
}
.news_list .news_item:hover .news_time::before{
	display: none;
}










.page_box {
    margin-top: 0.98rem;
    margin-bottom: 0.87rem;
}




@media screen and (max-width:1024px){
    .news_class a{
        font-size: 16px;
        width: fit-content;
        height: auto;
        padding: 8px 10px;
        margin: 0 5px;
    }
    .news_list{
        width: 95%;
        margin: 20px auto;
        padding: 10px;
    }
    .news_list .news_item{
        width: 100%;
    }
    .news_list .news_item .news_txt{
        width: calc(100% - 130px);
    }
    .news_list .news_item .news_title,
    .news_list .news_item .news_cont{
        width: 100%;
    }
    .news_list .news_item .news_title{
        font-size: 16px;
    }
    .news_list .news_item .news_title a{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news_list .news_item .news_cont{
        font-size: 14px;
    }
    .news_list .news_item .news_more{
        flex-shrink: 0;
        font-size: 14px;
        width: fit-content;
        height: auto;
        padding: 8px 10px;
        padding-left: 0;
    }
    .news_list .news_item .news_time{
         font-size: 14px;
    }
    .news_list .news_item .news_time i{
        width: 14px;
        height: 14px;
    }
    .news_list .news_item .news_more i{
        width: 15px;
        height: 8px;
    }
}