/**
 * 首页成功案例独立样式
 */

.xny-hp-cases-section {
	background: #fff;
}

.xny-hp-cases-wrapper {
	width: 100%;
}

.xny-hp-cases-wrapper .xny-section-heading {
	text-align: center;
}

.xny-hp-cases-wrapper .xny-section-heading h2::before {
	width: 34px;
}

.xny-hp-cases-wrapper .xny-section-heading h2::after {
	width: 34px;
}

.xny-hp-cases-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.xny-hp-cases-grid .xny-compact-media {
	aspect-ratio: 16 / 10;
}

@media screen and (max-width: 1199px) {
	.xny-hp-cases-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.xny-hp-cases-more {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

.xny-hp-cases-btn {
	background: var(--xny-green);
	color: #fff;
	border: 2px solid var(--xny-green);
	transition: background .2s ease, color .2s ease;
}

.xny-hp-cases-btn:hover {
	background: #fff;
	color: var(--xny-green);
}

.xny-hp-cases-btn span {
	margin-left: 4px;
}