.gar_bg{
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 26.9rem;
    background: #efefef;
}
.n_news01 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
}

.n_news01 li .box {
	border-radius: 0.6rem;
	overflow: hidden;
	display: block;
}

.n_news01 li .box .img {
	width: 100%;
	height: auto;
	aspect-ratio: 510/316;
	overflow: hidden;
}

.n_news01 li .box .img img {
	transform: none;
	transition: all .5s;
	
	width: 100%;
	height: 100%;
}
.n_news01 li .box .txt {
	padding: 2rem 2.25rem;
	background: #fff;
}

.n_news01 li .box .txt .date{
    font-size: var(--f16);
}
.n_news01 li .box .txt h4 {
	font-size: var(--f22);
	line-height: 1.5;
    font-weight: 300;
	height: calc(1.5 * 1em * 2);
	color: #000;
	margin-top: 1rem;
}

.n_news01 li .box .txt .btns{
    margin-top: 3rem;
}
.n_news01 li .box .txt .date{
    font-size: var(--f14);
    color: #999999;
    font-family: 'popr-font';
}
.n_news01 li .box .txt .pub-btn{
    font-size: var(--f14);
    font-family: 'pops-font';
    padding: .4rem 1.2rem;
    background:#efefef ;


}
.n_news01 li .box .txt .pub-btn:hover{
    background: var(--themeColor);
}
.n_news01 li .box .txt .pub-btn i{
    color: #333!important;
    font-size: var(--f26);
    margin-left: .2rem;
}
.n_news01 li .box .txt .pub-btn span{
    line-height:1;
    color: #232626;
    transition: all .5s;
    padding-top: .2rem;
}
.n_news01 li .box .txt .pub-btn:hover span{
    color: #fff;
}


.n_news01 li .box:hover .img img {
	transform: scale(1.05);
}





/* 正常列表显示开始 */
.shu-list li a{
	gap: 3.5rem;
	color: #313131;
	padding: 2rem 0;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
.shu-list li a::before{
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	height: 1px;
	width: 0;
	background: var(--themeColor);
	transition: width 1s;
}
.shu-list .date{
	padding-top: 2rem;
	font-size: var(--f16);
	color: #313131;
	transition: color .5s;
}
.shu-list .date .day{
	font-size: var(--f36);
}
.shu-list .img-db{
	width: 18rem;
	height: auto;
	aspect-ratio: 420/260;
	border-radius: .4rem;
}
.shu-list .text{
	padding-top: 2rem;
    overflow:hidden;
}
.shu-list .text h5{
	font-size: var(--f24);
	font-weight: normal;
}
.shu-list .text p{
	color: #57525f;
	margin-top: 1rem;
    font-size:var(--f16) ;
	line-height: 1.8;
    height: calc(1.8 * 2 * 1em);
}
.shu-list .text i{
	margin-top: 2rem;
	display: inline-block;
	/* padding: .4rem; */
	font-size: var(--f30);
	color: rgba(110,110,110,.6);
	border: 1px solid rgba(110,110,110,.6);
	line-height: 1;
	border-radius: 100%;
	transition: background .5s,color .5s,border-color .5s;
}
.shu-list li a:hover .date{
	color: var(--themeColor);
}
.shu-list li a:hover i{
	color: #fff;
	background: var(--themeColor);
	border-color: var(--themeColor);
}
.shu-list li a:hover::before{
	width: 100%;
}
/* 正常列表显示结束 */