/* ============================================================
   mobile.css —— 全站移动端适配（仅 ≤991px 生效，桌面端零影响）
   策略说明：
   1. 保留 public.css 的 9.2vw 比例布局体系（间距/容器随视口缩放）；
   2. 将字号变量 --fNN 重定义为固定可读像素（压缩曲线）；
   3. 对 header / footer / 客服浮窗 / 表单等组件做定向布局覆写；
   4. 新增 .cd-nav 移动端导航抽屉（>991px 强制隐藏）。
   ============================================================ */

/* ---------- 全端公共修正：header.htm 弹窗标题 h1→h2 / h4→p 后的等价样式 ---------- */
.cd-tan .cd-cont h2 {
	font-size: var(--f95);
	margin-bottom: 0.2rem;
}
.cd-tan .cd-cont #tan2 {
	font-size: var(--f22);
	font-weight: normal;
	margin-bottom: 0.2rem;
}
.cd-tan .bd-fot a {
	color: #fff;
}
address {
	font-style: normal;
}
#foot .foot-slide-for address.li a {
	color: #fff;
}

/* ---------- 标题层级语义化后的等价样式（h5/h4 → h1/h2/h3，视觉零变化） ---------- */
.n-banner .wp .n-text h1 {
	color: #fff;
	font-size: var(--f42);
	line-height: 1.5;
	margin-bottom: 0.1rem;
}
.n-zhead h2 {
	color: #000000;
	font-weight: bold;
	font-size: var(--f39);
	line-height: 1.5;
}
.alnblist .aboutal h2 {
	color: #000000;
	font-size: var(--f35);
	line-height: 1.5;
}
.n-sslright .n-sslright-fix .title h2 {
	color: #313232;
	font-size: var(--f24);
	line-height: 1.5;
}
.n-sslright .n-sslright-fix .title h2 span {
	color: #dd1e27;
	font-size: var(--f24);
	font-weight: bold;
}
.n-allist-new li a .n-alcon h3 {
	font-size: var(--f26);
	line-height: 1.8;
}
.n-need .wp-cont>ul>li a>div h3 {
	color: #323232;
	font-size: var(--f30);
	line-height: 1.5;
}
.n-need ul li a ul li a {
	color: inherit;
}
.s-dongtai .pcswiper .dtcon h3 {
	font-size: var(--f22);
	line-height: 1.6em;
	height: .36rem;
}
.newxqbox .wp-cont .newxqright h2 {
	color: #313232;
	font-size: var(--f24);
	line-height: 1.5;
	margin-bottom: 1em;
}
.newxqbox .wp-cont .newxqright .abnew ul li a .abnewcon h3 {
	font-size: var(--f17);
	color: #313232;
	line-height: 1.8em;
	height: 3em;
	transition: all .5s;
}
.newxqbox .wp-cont .newxqright .abnew ul li a .abnewcon h3:hover {
	color: var(--themeColor);
}
.newxqbox .wp-cont .newxqright .abask ul li a h3 {
	color: #313232;
	font-size: var(--f17);
	line-height: 1.5;
	transition: all .5s;
}
.newxqbox .wp-cont .newxqright .abask ul li a:hover h3 {
	color: #eb0000;
}
.ready h2 {
	color: #303030;
	font-size: var(--f46);
	line-height: 1.5;
}
.xuanze a .xz h3 {
	color: #fff;
	font-size: var(--f39);
	line-height: 1.1em;
}
.alxqbanner .alname h1 {
	color: #fff;
	font-size: var(--f66);
	line-height: 1.5;
}
.alnr .wp-cont .alleft .ar-article h2 {
	color: #3b3b3b;
	font-size: var(--f20);
	line-height: 1.25;
	margin-bottom: .075rem;
}
.alnr .wp-cont .alright h2 {
	font-size: var(--f28);
	line-height: 1.5;
	color: #fff;
	margin-bottom: 0.2rem;
}

/* ---------- 移动导航抽屉（结构由 header.htm 输出） ---------- */
.cd-nav-mask {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	z-index: 998;
}
.cd-nav-mask.active {
	opacity: 1;
	visibility: visible;
}
.cd-nav {
	position: fixed;
	top: 0;
	right: 0;
	width: 76%;
	max-width: 320px;
	height: 100vh;
	height: 100dvh;
	background: #fff;
	z-index: 999;
	transform: translateX(105%);
	transition: transform .38s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: calc(54px + 10px) 6vw 30px;
	display: none;
}
.cd-nav.active {
	display: block;
	transform: none;
}
.cd-nav ul li a {
	display: block;
	padding: 12px 2px;
	font-size: 15px;
	color: #333;
	border-bottom: 1px solid #f2f2f2;
	line-height: 1.5;
}
.cd-nav ul li.active a {
	color: var(--themeColor);
	font-weight: bold;
}
.cd-nav .cd-nav-tel {
	margin-top: 18px;
	background: var(--themeColor);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 10px;
	border-radius: 6px;
	font-size: 16px;
}
.cd-nav .cd-nav-tel i {
	color: #fff;
	font-size: 18px;
}
.cd-nav .cd-nav-slogan {
	margin-top: 12px;
	text-align: center;
	color: #999;
	font-size: 12px;
	line-height: 1.6;
}

@media (min-width: 992px) {
	.cd-nav,
	.cd-nav-mask {
		display: none !important;
	}
}

/* ==================== ≤991px 移动端 ==================== */
@media (max-width: 991px) {

	/* ---------- 1. 变量重定义 ---------- */
	:root {
		--headerHeight: 54px;
    --f12: 12px;
    --f13: 12.5px;
    --f14: 13px;
    --f15: 13px;
    --f16: 13.5px;
    --f17: 14px;
    --f18: 14.5px;
    --f19: 15px;
    --f20: 15px;
    --f21: 15.5px;
    --f22: 15.5px;
    --f23: 16px;
    --f24: 16px;
    --f25: 16.5px;
    --f26: 17px;
    --f27: 17px;
    --f28: 17.5px;
    --f29: 17.5px;
    --f30: 18px;
    --f31: 18.5px;
    --f32: 18.5px;
    --f33: 19px;
    --f34: 19px;
    --f35: 19.5px;
    --f36: 20px;
    --f37: 20px;
    --f38: 20.5px;
    --f39: 20.5px;
    --f40: 21px;
    --f41: 21px;
    --f42: 21.5px;
    --f43: 22px;
    --f44: 22px;
    --f45: 22px;
    --f46: 22.5px;
    --f47: 23px;
    --f48: 23px;
    --f49: 23px;
    --f50: 23.5px;
    --f51: 24px;
    --f52: 24px;
    --f53: 24px;
    --f54: 24.5px;
    --f55: 25px;
    --f56: 25px;
    --f57: 25px;
    --f58: 25.5px;
    --f59: 26px;
    --f60: 26px;
    --f61: 26px;
    --f62: 26.5px;
    --f63: 26.5px;
    --f64: 26.5px;
    --f65: 27px;
    --f66: 27px;
    --f67: 27.5px;
    --f68: 27.5px;
    --f69: 27.5px;
    --f70: 28px;
    --f71: 28px;
    --f72: 28px;
    --f73: 28.5px;
    --f74: 28.5px;
    --f75: 28.5px;
    --f76: 29px;
    --f77: 29px;
    --f78: 29px;
    --f79: 29.5px;
    --f80: 29.5px;
    --f81: 30px;
    --f82: 30px;
    --f83: 30px;
    --f84: 30.5px;
    --f85: 30.5px;
    --f86: 30.5px;
    --f87: 31px;
    --f88: 31px;
    --f89: 31px;
    --f90: 31.5px;
    --f91: 31.5px;
    --f92: 32px;
    --f93: 32px;
    --f94: 32px;
    --f95: 32.5px;
    --f96: 32.5px;
    --f97: 32.5px;
    --f98: 33px;
    --f99: 33px;
    --f100: 33px;
    --f101: 33.5px;
    --f102: 33.5px;
    --f103: 34px;
    --f104: 34px;
    --f105: 34px;
    --f106: 34.5px;
    --f107: 34.5px;
    --f108: 35px;
    --f109: 35px;
    --f110: 35px;
    --f111: 35.5px;
    --f112: 35.5px;
    --f113: 36px;
    --f114: 36px;
    --f115: 36px;
    --f116: 36.5px;
    --f117: 36.5px;
    --f118: 37px;
    --f119: 37px;
    --f120: 37px;
    --f121: 37.5px;
    --f122: 37.5px;
    --f123: 38px;
    --f124: 38px;
    --f125: 38px;
    --f126: 38.5px;
    --f127: 38.5px;
    --f128: 39px;
    --f129: 39px;
    --f130: 39px;
    --f131: 39.5px;
    --f132: 39.5px;
    --f133: 40px;
    --f134: 40px;
    --f135: 40px;
    --f136: 40.5px;
    --f137: 40.5px;
    --f138: 41px;
    --f139: 41px;
    --f140: 41px;
    --f141: 41.5px;
    --f142: 41.5px;
    --f143: 42px;
    --f144: 42px;
    --f145: 42px;
    --f146: 42.5px;
    --f147: 42.5px;
    --f148: 43px;
    --f149: 43px;
    --f150: 43px;
    --f151: 43.5px;
    --f152: 43.5px;
    --f153: 44px;
    --f154: 44px;
    --f155: 44px;
    --f156: 44.5px;
    --f157: 44.5px;
    --f158: 45px;
    --f159: 45px;
    --f160: 45px;
    --f161: 45.5px;
    --f162: 45.5px;
    --f163: 46px;
    --f164: 46px;
    --f165: 46px;
    --f166: 46.5px;
    --f167: 46.5px;
    --f168: 47px;
    --f169: 47px;
    --f170: 47px;
    --f171: 47.5px;
    --f172: 47.5px;
    --f173: 48px;
    --f174: 48px;
    --f175: 48px;
    --f176: 48.5px;
    --f177: 48.5px;
    --f178: 49px;
    --f179: 49px;
    --f180: 49px;
    --f181: 49.5px;
    --f182: 49.5px;
    --f183: 50px;
    --f184: 50px;
    --f185: 50px;
    --f186: 50.5px;
    --f187: 50.5px;
    --f188: 51px;
    --f189: 51px;
    --f190: 51px;
    --f191: 51.5px;
    --f192: 51.5px;
    --f193: 52px;
    --f194: 52px;
    --f195: 52px;
    --f196: 52.5px;
    --f197: 52.5px;
    --f198: 53px;
    --f199: 53px;
    --f200: 53px;
	}

	html {
		font-size: 9.2vw;
	}

	body {
		font-size: 14px;
	}

	/* ---------- 2. 顶部导航 ---------- */
	header .lf {
		padding-right: var(--wpPaddingNum);
	}
	header .nav-list {
		display: none;
	}
	header .zx {
		display: none;
	}
	header .menu {
		margin-left: 0;
	}
	header .menu li {
		margin-right: 0;
	}
	header .sp_nav {
		width: 22px;
		height: 16px;
	}
	header .sp_nav span {
		height: 2px;
	}
	header .sp_nav span:nth-child(2) {
		width: 70%;
	}
	header .downmenu {
		display: none !important;
	}

	/* ---------- 3. 面包屑 / 通用 banner ---------- */
	.mbx {
		font-size: 11px;
		gap: 3px;
		flex-wrap: wrap;
	}
	.n-banner .wp .n-text {
		padding-top: 16%;
	}
	.n-banner .wp .n-text p {
		max-width: 100%;
	}

	/* ---------- 4. 通用标题 ---------- */
	.n-zhead p {
		margin-top: 6px;
	}

	/* ---------- 5. 底部 footct ---------- */
	.footct ul {
		flex-wrap: wrap;
		padding: 3vw 0;
		gap: 3vw 0;
	}
	.footct ul li {
		width: 50%;
		gap: 2vw;
	}
	.footct ul li:nth-child(5) {
		width: 100%;
	}

	/* ---------- 6. 底部 #foot ---------- */
	#foot .box1 {
		display: block;
		padding-top: 5vw;
		padding-bottom: 4vw;
	}
	#foot .box1-left {
		width: 100%;
	}
	#foot .foot-phone a {
		display: inline-block;
	}
	#foot .box1-right {
		margin-top: 6vw;
	}
	#foot .foot-nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5vw 6vw;
		max-width: 100%;
		margin-top: 6vw;
	}
	#foot .foot-nav dt {
		display: block;
		margin-bottom: 2vw;
	}
	#foot .foot-nav dd {
		line-height: 2.2em;
	}
	#foot .box1-right ul li .ewm {
		width: 24vw;
		height: 24vw;
		max-width: 96px;
		max-height: 96px;
	}
	#foot .box2 {
		display: block;
		padding: 3vw 0;
	}
	#foot .box2 .yqlj ul {
		flex-wrap: wrap;
		gap: 2vw 4vw;
		margin-top: 2vw;
	}
	#foot .box2 .yqlj ul li a {
		line-height: 1.6;
	}
	#foot .box2 .downSwitch {
		margin-top: 3vw;
		width: 46%;
		min-width: 160px;
	}
	#foot .box3 {
		display: block;
		padding: 3vw 0 5vw;
		line-height: 1.8;
	}
	#foot .box3 div {
		display: block;
	}
	#foot .box3 p img {
		height: 12px;
	}

	/* ---------- 7. 右侧客服浮窗 ---------- */
	.right-kefu .li,
	.right-kefu .li-fa {
		width: 40px;
	}
	.right-kefu .icon {
		width: 20px;
	}
	.right-kefu .li .cont {
		display: none !important;
	}

	/* ---------- 8. 留言弹窗 ---------- */
	.liuyan-tan .bg {
		width: 92%;
		display: block;
		max-height: 86vh;
		overflow-y: auto;
	}
	.liuyan-tan .left {
		width: 100%;
	}
	.liuyan-tan .right {
		padding: 16px 14px 20px;
	}

	/* ---------- 9. 表单控件 ---------- */
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="number"],
	textarea,
	select {
		font-size: 14px !important;
	}

	/* ---------- 10. 详情正文排版 ---------- */
	.detail-font img,
	.ywdetail img {
		width: 100% !important;
		height: auto !important;
	}
	.detail-font video,
	.ywdetail video {
		width: 100%;
		height: auto;
	}
	.detail-font table,
	.ywdetail table {
		width: 100%;
		display: block;
		overflow-x: auto;
	}

	/* ---------- 11. 图片与视频通用 ---------- */
	img {
		max-width: 100%;
	}
}

/* ==================== ≤575px 小屏微调 ==================== */
@media (max-width: 575px) {
	.cd-nav {
		width: 82%;
	}
	.footct ul li {
		width: 100%;
		padding: 1.5vw 0;
	}
}