/* ==========================================================================
   quality.css  ·  品质保障（介绍页 + 工艺详情页）
   ========================================================================== */

/* 产品详情 结束 */

/* 品质保障 开始 */
#technology_main .new_banner_box .new_banner_wrap {
	padding-top: 45%;
}
#technology_main .technology_wrap {
	/* 技术板块：每条色带占满整行（同 about 的 honor/public/enterprise 版式），内容由内层 1200/48 居中 */
}
.technology_wrap .list_technology .item_technology {
	display: block;
	padding: 80px 0;
	background: var(--color-bg-card);
	border-bottom: 1px solid var(--color-border);
}
.technology_wrap .list_technology .item_technology:hover .title {
	color: var(--color-brand-bronze);
}
/* 品质总述段（原站放在 main_tap 之前的整段介绍）
   —— 之前模板有用 .quality_intro 但样式从未定义，文字直接顶到屏幕两侧，
      桌面铺满 1440、手机贴左边界，看着像样式没加载。这里按 1200/48 容器对齐。 */
#technology_main .technology_wrap .quality_intro {
	max-width: 1200px;
	margin: 0 auto;
	padding: 64px 48px 8px;
	/* 17px 让这段 68 字的总述在 1104px 内容宽里正好折成两行：
	   16px 会挤成一整行一千多像素，一行看 68 个汉字非常费眼 */
	font-size: 17px;
	line-height: 1.95;
	color: var(--color-text-secondary);
	/* 不用两端对齐：中文字数少时 justify 会把字间距拉得很开（字都浮起来）。
	   用 balance 让两行长度接近即可，避免「煌！」单独占一行。 */
	text-wrap: balance;
}
@media (max-width: 600px) {
	#technology_main .technology_wrap .quality_intro {
		padding: 40px 20px 4px;
		font-size: 15px;
		line-height: 1.85;
	}
}

/* 交替：偶数条浅底色（同 about 板块交错） */
.technology_wrap .list_technology .item_technology:nth-child(even){
	background: var(--color-bg-soft);
}
.technology_wrap .list_technology .item_technology .technology_inner {
	display: flex;
	align-items: stretch;
	gap: 48px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 48px;
}
.technology_wrap .list_technology .item_technology:nth-child(even) .technology_inner {
	flex-direction: row-reverse;
}
/* 图片与文字盒：等宽（各 50%）等高（340px 固定），间距 48px */
.technology_wrap .list_technology .item_technology .cover_wrap {
	position: relative;
	flex: 1 1 0;
	width: auto;
	height: 340px;
	padding: 12px;
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
}
/* 图片固定高度（= cover_wrap 内容区），底图 cover 自适应 100%，圆角 */
.technology_wrap .list_technology .item_technology .cover_wrap .cover {
	position: absolute;
	inset: 12px;
	height: auto; /* top+bottom 对向拉伸 = 内容区 100% 高度，与 height:100% 同效且不溢出 */
	box-sizing: border-box;
	padding-top: 0;
	background-size: auto 100%; /* 高度固定撑满，宽度按原比例自适应，超宽由外框 overflow 裁剪 */
	background-position: center middle;
	background-repeat: no-repeat;
	border-radius: 8px;
}
.technology_wrap .list_technology .item_technology .technology_box {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
}
.technology_box .title_wrap {
	margin-bottom: 20px;
	color: var(--color-text);
}
.technology_box .title_wrap .title {
	color: var(--color-brand-bronze);
	font-size: 30px;
	margin-bottom: 20px;
}
.technology_box .title_wrap .subtitle {
	font-size: 18px;
	margin-bottom: 10px;
}
.technology_box .title_wrap .specs {
	font-size: 16px;
	color: var(--color-text-muted);
}
.technology_box .list_use {
	font-size: 0;
}
.technology_box .list_use .item_use {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: var(--color-text);
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border: 1px solid var(--color-primary-tint);
	margin-right: 25px;
	position: relative;
}
.technology_box .list_use .item_use .item_use_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
.technology_box .list_use .item_use .item_use_box .item_use_img {
	width: 35px;
	height: 35px;
	margin-bottom: 5px;
}
/* 品质保障 结束 */

/* 品质保障详情 开始 */
#technology_view_main {
	
}
#technology_view_main .technology_view_content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 35px;
}
#technology_view_main .technology_view_content .technology_view_wrap {
    background-color: #fff;
    padding: 35px;
}
#technology_view_main .technology_view_content .technology_view_wrap .title_wrap {
    text-align: center;
    margin-bottom: 20px;
}
#technology_view_main .technology_view_content .technology_view_wrap .title_wrap .title {
    font-size: 30px;
    font-weight: bold;
}