/* Section titles: English subtitle is decorative, not overlapping Chinese */
.i_t {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}

.i_t .h3 {
	margin-bottom: 6px !important;
	z-index: 2;
	position: relative;
	line-height: 1.3 !important;
}

.i_t .p {
	position: static !important;
	top: auto !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	font-weight: normal !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.55 !important;
	margin-top: 2px;
	z-index: 1;
}

.i_bg_hxjs .i_t .h3,
.i_bg_hxjs .i_t .p {
	color: #fff !important;
}

.i_bg_yycj .i_t .h3 {
	color: #333 !important;
}

.i_bg_yycj .i_t .p {
	color: #52a12d !important;
}

.ztBox .ztRow .zt_t {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ztBox .ztRow .zt_t .h3 {
	position: relative;
	z-index: 2;
	margin-bottom: 6px;
}

.ztBox .ztRow .zt_t .p {
	position: static !important;
	top: auto !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	font-weight: normal !important;
	letter-spacing: 0.12em;
	opacity: 0.55 !important;
	color: #999 !important;
	height: auto !important;
	margin: 0;
}

/* Composite diagram: keep icons inside their slots */
.yycj img,
.hxjs img,
.cc_box img,
.cc_box .items_1 img,
.cc_box .items_2 img,
.cc_box .items_3 img,
.cc_box .items_4 img,
.cc_box .items_5 img,
.cc_box .items_6 img,
.cc_box .items_7 img,
.ygp_box img,
.ygp_jj_box img {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	display: block;
	margin: 0 auto;
}

.yycj .c1,
.yycj .c2,
.hxjs .c1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cc_box .c1 {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.yycj .items_1,
.yycj .items_2,
.yycj .items_3,
.yycj .items_4,
.yycj .items_5,
.yycj .items_6,
.hxjs .items_1,
.hxjs .items_2,
.hxjs .items_3,
.hxjs .items_4,
.cc_box .items_1,
.cc_box .items_2,
.cc_box .items_3,
.cc_box .items_4,
.cc_box .items_5,
.cc_box .items_6,
.cc_box .items_7 {
	position: relative;
}

/* Tablet / mobile: switch absolute orbit layout to readable grid */
@media (max-width: 992px) {
	.yycj,
	.hxjs,
	.cc_box {
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px 10px;
		padding: 8px 12px 24px;
		max-width: 520px;
		margin: 0 auto;
		position: relative !important;
		align-items: start;
		justify-items: center;
	}

	.yycj .c1,
	.yycj .c2,
	.hxjs .c1,
	.cc_box .c1 {
		position: static !important;
		transform: none !important;
		grid-column: 1 / -1;
		width: min(220px, 70vw) !important;
		margin: 0 auto 8px !important;
		animation: none !important;
	}

	.yycj .c2 {
		display: none !important;
	}

	.yycj .items_1,
	.yycj .items_2,
	.yycj .items_3,
	.yycj .items_4,
	.yycj .items_5,
	.yycj .items_6,
	.hxjs .items_1,
	.hxjs .items_2,
	.hxjs .items_3,
	.hxjs .items_4,
	.cc_box .items_1,
	.cc_box .items_2,
	.cc_box .items_3,
	.cc_box .items_4,
	.cc_box .items_5,
	.cc_box .items_6,
	.cc_box .items_7 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
	}

	.yycj .items_1::before,
	.yycj .items_1::after,
	.yycj .items_2::before,
	.yycj .items_2::after,
	.yycj .items_3::before,
	.yycj .items_3::after,
	.yycj .items_4::before,
	.yycj .items_4::after,
	.yycj .items_5::before,
	.yycj .items_5::after,
	.yycj .items_6::before,
	.yycj .items_6::after {
		display: none !important;
	}

	.hxjs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 360px;
	}

	.cc_box {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 420px;
	}

	.cc_box .items_7 {
		grid-column: 1 / -1;
		max-width: 160px;
	}
}

@media (max-width: 480px) {
	.i_t .p,
	.ztBox .ztRow .zt_t .p {
		font-size: 11px !important;
		letter-spacing: 0.08em;
	}

	.yycj,
	.hxjs,
	.cc_box {
		gap: 10px 8px;
		padding: 4px 8px 18px;
	}
}