.zycz .item{
	position: relative;
}
.zycz .item .txt{
	position: absolute;
	bottom: 2rem;
	left: 0;
	padding: 0 2rem;
}

.zycz .grid-fa{
	grid-template-columns: 1fr 1.6fr;
	gap: 1.4rem;
}

.zycz .grid-son{
	gap: 1.4rem;
}
.zycz .item  .img-db::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	background: linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0));
	bottom: 0;
}
.zycz .rt  .item  .img-db{
	height: auto;
	aspect-ratio: 995/400;
}

.zycz .item{
	border-radius: 1rem;
	overflow: hidden;
	display: block;
	height: 100%;
}
.zycz .item .txt{
	color: #fff;
}
.zycz .item .txt h5{
	font-size: var(--f26);
}

.zycz .item .txt p{
	font-size: var(--f16);
	margin-top: 1rem;
}


/* 底部卡片 */
.fot-card .grid{
	gap: 1.6rem;
}
.fot-card .item{
	position: relative;
	border-radius: 1rem;
    overflow: hidden;
}
.fot-card .img-db{
	width: 100%;
	height: auto;
	aspect-ratio: 518/492;
}
.fot-card .img-db::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	background: linear-gradient(0deg,var(--themeColor2),transparent);
	opacity: 0;
	transition: all .5s;
}
.fot-card .txt{
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0 2rem;
	top: 50%;
	transform: translateY(-60%);
	font-size: var(--f24);
}
.fot-card .txt-hover{
	position: absolute;
	width: 80%;
	color: #fff;
	bottom: 3rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: var(--f16);
	line-height: 1.8;
	transition: all .5s;
	opacity: 0;
}
.fot-card .item:hover .img-db::after{
	opacity: 1;
}

.fot-card .item:hover  .txt-hover{
	opacity: 1;
}