/* ===========================================================
   首页统一视觉规范（在 1_index.css / 8~10 之后加载，用于统一各模块）
   配色：标题 柔和近黑 / 正文 浅黑 / 辅助说明 灰 / 品牌蓝（logo）
   =========================================================== */
:root {
	--tlc-blue: #038DBC;
	--tlc-blue-hover: #2E9BC6;
	--tlc-ink: #20262E;
	--tlc-ink-2: #3A424C;
	--tlc-ink-3: #8B939C;
	--tlc-line: rgba(32, 38, 46, 0.12);
}

/* ---------- 模块标题：全部居中，去掉英文背景与蓝色横条 ---------- */
.class_name {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.class_name .name_en {
	display: none;
}
.class_name .name_cn {
	position: relative;
	font-size: 0.46rem;
	line-height: 1.24;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--tlc-ink);
}
.class_name .name_cn::before {
	display: none;
}
/* 关于我们：标题独立成行，标题与内容间距与其他模块一致 */
.about .class_name {
	margin-bottom: 0.78rem;
}

/* 中标公告标题：同色同风格，去掉横条 */
.gonggao_class {
	margin: 0.9rem 0 0.36rem;
	padding-bottom: 0;
	border-bottom: 0;
	font-size: 0.36rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--tlc-ink);
	text-align: center;
}
.gonggao_class::before {
	display: none;
}

/* ---------- 了解更多按钮：微圆角、无箭头、hover 变蓝 ---------- */
.class_more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 1.6rem;
	height: 0.52rem;
	padding: 0 0.34rem;
	box-sizing: border-box;
	background: #fff;
	border: 0.01rem solid var(--tlc-line);
	border-radius: 0.08rem;
	font-size: 0.18rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--tlc-ink);
	overflow: visible;
	cursor: pointer;
	transition: background-color 0.24s ease, border-color 0.24s ease, color 0.24s ease;
}
.class_more::before {
	display: none;
}
.class_more img {
	display: none;
}
.class_more:hover,
.class_more:hover::before {
	background: var(--tlc-blue-hover);
	border-color: var(--tlc-blue-hover);
	color: #fff;
}

/* ---------- 正文 / 辅助说明 配色 ---------- */
.about .about_top .about_txt .about_cont,
.about .about_top .about_txt .about_cont p {
	color: var(--tlc-ink-2);
}
.product_item .product_txt .product_title {
	color: var(--tlc-ink);
}
.product_item .product_txt .product_cont {
	color: var(--tlc-ink-2);
}
.news_txt .news_show .news_list .news_item .news_title {
	color: var(--tlc-ink-2);
}
.news_txt .news_show .news_list .news_item .news_time {
	color: var(--tlc-ink-3);
}
.gonggao_list .gonggao_item .gonggao_title {
	color: var(--tlc-ink-2);
}
.gonggao_list .gonggao_item .gonggao_time .gonggao_data,
.gonggao_list .gonggao_item .gonggao_time .gonggao_year {
	color: var(--tlc-ink-3);
}
.anli_list .anli_item .anli_title {
	color: var(--tlc-ink-2);
}
.links .links_class,
.links .links_list a {
	color: var(--tlc-ink-3);
}

/* 跳转文字：近黑 → hover 深黑 */
.news_top .news_more {
	color: var(--tlc-ink);
	font-weight: 400;
	transition: color 0.16s ease-out;
}
.news_top .news_more:hover {
	color: #000;
}

/* ---------- banner：导航小标题 / 指示点 换品牌蓝，说明文字下加按钮 ---------- */
.index_banner .banner_item .main > p:first-child > span {
	color: var(--tlc-blue-hover) !important;
	text-shadow: 0 1px 3px rgba(4, 18, 32, 0.55), 0 2px 14px rgba(4, 18, 32, 0.45);
}
.index_banner .banner_tab.active .tab_icon div {
	background-color: var(--tlc-blue-hover);
}
/* 轮播指示点整体下移一点 */
.index_banner .banner_txt {
	bottom: 0.08rem;
}
.index_banner .banner_txt .banner_tab {
	margin-bottom: 0.1rem;
}
.index_banner .banner_btns {
	display: flex;
	align-items: center;
	gap: 0.16rem;
	margin-top: 0.44rem;
}
.index_banner .banner_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 0.62rem;
	padding: 0 0.42rem;
	box-sizing: border-box;
	border-radius: 0.08rem;
	font-size: 0.19rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1;
	transition: background-color 0.24s ease, border-color 0.24s ease, color 0.24s ease;
}
.index_banner .banner_btn--primary {
	background: var(--tlc-blue);
	border: 0.01rem solid var(--tlc-blue);
	color: #fff;
}
.index_banner .banner_btn--primary:hover {
	background: var(--tlc-blue-hover);
	border-color: var(--tlc-blue-hover);
	color: #fff;
}
.index_banner .banner_btn--ghost {
	background: transparent;
	border: 0.01rem solid rgba(46, 155, 198, 0.85);
	color: #fff;
}
.index_banner .banner_btn--ghost:hover {
	background: var(--tlc-blue-hover);
	border-color: var(--tlc-blue-hover);
	color: #fff;
}

/* ---------- 关于特力康：左文右图（白色浮起卡片） ---------- */
.about {
	padding: 0.9rem 0 1rem;
}
.about .about_top {
	align-items: center;
	column-gap: 0.6rem;
	margin-bottom: 0.7rem;
}
.about .about_top .about_txt {
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	margin-top: 0;
}
.about .about_top .about_txt .about_name {
	margin-top: 0;
	font-size: 0.3rem;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--tlc-ink);
}
.about .about_top .about_txt .about_cont {
	margin-top: 0.24rem;
	margin-bottom: 0;
}
.about .about_top .about_txt .about_cont,
.about .about_top .about_txt .about_cont p {
	font-size: 0.18rem;
	line-height: 1.9;
}

/* 资质小标签 */
.about_badges {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.12rem;
	margin-top: 0.34rem;
}
.about_badges li {
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	height: 0.42rem;
	padding: 0 0.18rem;
	box-sizing: border-box;
	background: rgba(3, 141, 188, 0.06);
	border: 0.01rem solid rgba(3, 141, 188, 0.14);
	border-radius: 0.06rem;
	font-size: 0.16rem;
	line-height: 1;
	letter-spacing: 0.02em;
	color: var(--tlc-ink-2);
	white-space: nowrap;
}
.about_badges svg {
	display: block;
	width: 0.19rem;
	height: 0.19rem;
	flex: none;
	color: var(--tlc-blue);
}

/* 右侧图片卡片 */
.about .about_top .about_img {
	width: auto;
	flex: 0 0 52%;
	height: auto;
	aspect-ratio: 16 / 9;
	padding: 0.1rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0.14rem;
	overflow: hidden;
	box-shadow: 0 0.12rem 0.38rem rgba(16, 42, 67, 0.12), 0 0.02rem 0.06rem rgba(16, 42, 67, 0.05);
}
.about .about_top .about_img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.08rem;
	transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.about .about_top .about_img:hover > img {
	transform: scale(1.03);
}

/* ---------- 移动端 / 平板 ---------- */
@media screen and (max-width: 1043px) {
	.class_name .name_cn {
		font-size: min(0.46rem, 26px);
	}
	.gonggao_class {
		margin: 0.7rem 0 0.32rem;
		font-size: min(0.36rem, 21px);
	}
	.class_more {
		height: 0.62rem;
		padding: 0 0.34rem;
		min-width: 1.9rem;
		font-size: min(0.26rem, 16px);
		border-radius: 0.1rem;
	}
	.news_top .news_more {
		font-size: min(0.28rem, 17px);
	}
	.about {
		padding: 0.7rem 0 0.8rem;
	}
	.about .about_top {
		row-gap: 0.4rem;
		margin-bottom: 0.5rem;
	}
	.about .about_top .about_txt,
	.about .about_top .about_img {
		width: 100%;
		flex: none;
	}
	.about .about_top .about_txt .about_name {
		font-size: min(0.34rem, 22px);
	}
	.about .about_top .about_txt .about_cont,
	.about .about_top .about_txt .about_cont p {
		font-size: min(0.28rem, 17px);
		line-height: 1.85;
	}
	.about_badges {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.12rem;
		margin-top: 0.3rem;
	}
	.about_badges li {
		height: auto;
		padding: 0.11rem 0.16rem;
		font-size: min(0.22rem, 13px);
	}
	.about_badges svg {
		width: min(0.26rem, 15px);
		height: min(0.26rem, 15px);
	}
	.index_banner .banner_btn {
		height: 0.68rem;
		padding: 0 0.38rem;
		font-size: min(0.26rem, 15px);
	}
	.index_banner .banner_btns {
		margin-top: 0.4rem;
		gap: 0.2rem;
	}
	/* banner 小标题：移动端缩小字号与字距，避免单行溢出被裁切 */
	.index_banner .banner_item .main > p:first-child > span {
		font-size: 15px !important;
		letter-spacing: 1px !important;
		line-height: 1.5;
	}
	.index_banner .banner_item .main > p:first-child {
		margin-bottom: 0.2rem;
		padding-right: 0.16rem;
	}
}