.yumin-company-intro{padding:10px 0;background:#f5f5f5}.yumin-company-intro>.yumin-container{width:100%;max-width:none}.yumin-company-intro__row{display:grid;grid-template-columns:1fr 1fr;height:47.4vw;min-height:0}.yumin-company-intro__row + .yumin-company-intro__row{border-top:13px solid #f5f5f5}.yumin-company-intro__row img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.yumin-company-intro__panel{display:flex;min-height:0;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(52px,6.67vw,128px);background:#00afa8;color:#fff}.yumin-company-intro__panel--light{padding-left:clamp(150px,17.55vw,337px);padding-right:clamp(52px,6.67vw,128px);background:#8d9293;color:#fff}.yumin-company-intro h2{margin:0 0 24px;font-size:clamp(30px,2.25vw,44px);line-height:1.08}.yumin-company-intro p{max-width:570px;margin:0;font-size:clamp(15px,.98vw,19px);line-height:1.55}.yumin-company-intro__panel--light h2:empty{display:none}.yumin-company-intro__row:first-child img{border-radius:0 0 22px 0}.yumin-company-intro__row--reverse img{border-radius:22px 0 0 0}@media(max-width:700px){.yumin-company-intro{padding:0}.yumin-company-intro__row{grid-template-columns:1fr;height:auto;min-height:0}.yumin-company-intro__row + .yumin-company-intro__row{border-top:8px solid #f5f5f5}.yumin-company-intro__row--reverse .yumin-company-intro__panel{order:2}.yumin-company-intro__row--reverse img{order:1}.yumin-company-intro__row img{height:72vw;min-height:260px}.yumin-company-intro__panel,.yumin-company-intro__panel--light{padding:52px 28px}.yumin-company-intro p{font-size:15px}}.yumin-company-intro__row + .yumin-company-intro__row{height:calc(47.4vw + 13px)}@media(max-width:700px){.yumin-company-intro__row + .yumin-company-intro__row{height:auto}}
.yumin-company-intro__row + .yumin-company-intro__row{height:calc(47.4vw + 13px)}
@media(max-width:700px){.yumin-company-intro__row + .yumin-company-intro__row{height:auto}}

/*
 * 原 PSD 双栏高度作为最小视觉高度，而非固定高度。文本因窗口缩窄或后台更新而
 * 变长时，网格行会自然增高，同行图片继续用 cover 填充，避免正文被 overflow 裁掉。
 */
.yumin-company-intro__row,
.yumin-company-intro__row + .yumin-company-intro__row {
	height: auto;
	min-height: 47.4vw;
}

.yumin-company-intro__panel {
	overflow: visible;
}

.yumin-company-intro p {
	/* 后台输入连续长字符串时允许在任意字符处换行，常规英文仍按单词边界换行。 */
	overflow-wrap: anywhere;
}

/*
 * 中间桌面宽度优先保障可阅读性：给文本面板更宽的列，并撤销第二行只适合超宽
 * 画布的大左内边距。反向行按 DOM 顺序交换列比例，保持图片与文本的左右关系。
 */
@media (min-width: 901px) and (max-width: 1600px) {
	.yumin-company-intro__row {
		grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	}

	.yumin-company-intro__row--reverse {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
	}

	.yumin-company-intro__panel,
	.yumin-company-intro__panel--light {
		padding: clamp(44px, 5.2vw, 84px);
	}
}

/*
 * 小于 900px 时改为正常文档流：不使用面板内滚动条，图片保持受控高度，文本面板
 * 按内容自动增长。这样平滑缩窄窗口与移动端均不会隐藏任何正文。
 */
@media (max-width: 900px) {
	.yumin-company-intro {
		padding: 0;
	}

	.yumin-company-intro__row,
	.yumin-company-intro__row--reverse,
	.yumin-company-intro__row + .yumin-company-intro__row {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.yumin-company-intro__row + .yumin-company-intro__row {
		border-top-width: 8px;
	}

	.yumin-company-intro__row--reverse .yumin-company-intro__panel {
		order: 2;
	}

	.yumin-company-intro__row--reverse img {
		order: 1;
	}

	.yumin-company-intro__row img {
		height: clamp(260px, 52vw, 480px);
	}

	.yumin-company-intro__panel,
	.yumin-company-intro__panel--light {
		padding: clamp(32px, 6vw, 52px) 28px;
	}

	.yumin-company-intro p {
		font-size: 15px;
	}
}