/* 底部卡片 */
.fot-card .flex-card{
	gap: 3rem;
}
.fot-card .flex-card > div{
	flex: 1;
    overflow:hidden;
}

.fot-card .flex-card .img-db{
	aspect-ratio: 770/370;
	border-radius: 1rem;
	position: relative;
}
.fot-card .flex-card .img-db::after{
	content: '';
	display: block;
	width: 90%;
	height: 100%;
	background: linear-gradient(90deg,#2e57da,transparent);
	position: absolute;
}
.fot-card .flex-card .item {
	position: relative;
}
.fot-card .flex-card .item .txt{
	position: absolute;
	color: #fff;
	bottom: 1rem;
	width: 50%;
	left: 3rem;
	bottom: 3rem;
}
	
.fot-card .flex-card .item .txt h5{
	font-size: var(--f24);
}
.fot-card .flex-card .item .txt p{
	font-size: var(--f14);
	margin-top: 1.6rem;
	line-height: 2;
}
.fot-card .btns .grid{
	gap: 1rem;
}
.fot-card .btns a{
	border: 1px solid #dedfe3;
	aspect-ratio: 1/0.85;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .4rem;
	text-align: center;
	transition: all .5s;
}
.fot-card .btns a img{
	width: 70%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: contain;
	margin: 0 auto;
	transition: all .5s;
}
.fot-card .btns a p{
	color: #5a5a5a;
	font-size: var(--f17);
	transition: all .5s;
	margin-top: .3rem;
}
.fot-card .btns a:hover{
	background: var(--themeColor2);
	border-color: var(--themeColor2);
}
.fot-card .btns a:hover img{
	filter: var(--imgWhite);
}

.fot-card .btns a:hover p{
	color: #fff;
}