* {
	margin: 0;
	padding: 0;
}

body {
	background: #F8FBFF;
}

.anli_class{
	display: flex;
	justify-content: center;
}
.anli_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;
}
.anli_class a.act,
.anli_class a:hover{
	background: #C91420;
	color: #fff;
	border: 0.01rem solid #C91420;
}




.anli_body{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.anli_item{
	width: 7.8rem;
	height: 4.3rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: 0.01rem solid #ACD0FF;
	padding: 0.57rem 0.38rem 0.54rem 0.42rem;
	box-sizing: border-box;
	margin-top: 0.36rem;
	cursor: pointer;
}

.anli_item .anli_title{
	display: flex;
	align-items: center;
	margin-bottom: 0.44rem;
}
.anli_item .anli_title .anli_icon{
	width: 0.4rem;
	height: 0.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-right: 0.15rem;
}
.anli_item .anli_title .anli_icon img{
	max-width: 0.4rem;
	max-height: 0.4rem;
	object-fit: contain;
}
.anli_item .anli_title .anli_icon .anli_img2{
	display: none;
}
.anli_item:hover .anli_title .anli_icon .anli_img1{
	display: none;
}
.anli_item:hover .anli_title .anli_icon .anli_img2{
	display: block;
}
.anli_item .anli_title span{
	font-weight: bold;
	font-size: 0.3rem;
	color: #000000;
	line-height: 0.3rem;
}
.anli_item .anli_cont{
	width: 100%;
	height: 1.7rem;
	font-weight: 400;
	font-size: 0.16rem;
	color: #868686;
	line-height: 0.35rem;
	margin-bottom: 0.53rem;
}
.anli_item .anli_cont b{
    font-size: 0.18rem;
}
.anli_item .anli_more{
	display: flex;
	align-items: center;
	height: 0.21rem;
	font-weight: 600;
	font-size: 0.16rem;
	color: #004097;
	line-height: 0.35rem;
}
.anli_item .anli_more i{
	width: 0.15rem;
	height: 0.08rem;
	background: url(../img/news_more2.png) center no-repeat;
	background-size: cover;
	display: block;
	margin-left: 0.1rem;
}

.anli_item:hover{
	background: #C91420;
}
.anli_item:hover .anli_title span,
.anli_item:hover .anli_cont,
.anli_item:hover .anli_cont b,
.anli_item:hover .anli_more{
	color: #fff;
}
.anli_item:hover .anli_more i{
	background: url(../img/news_more.png) center no-repeat;
	background-size: cover;
}


@media screen and (max-width:1024px){
    .anli_class{
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: ;
        row-gap: 15px;
    }
    .anli_class a{
        font-size: 14px;
        width: fit-content;
        height: auto;
        padding: 8px 10px;
        margin: 0 5px;
    }
    .anli_body{
        width: 95%;
        margin: 20px auto;
    }
    .anli_item{
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .anli_item a{
        height: auto;
    }
    .anli_item .anli_cont{
        font-size: 14px;
        height: auto;
    }
    .anli_item .anli_more{
        height: auto;
        font-size: 16px;
    }
}





