@charset "utf-8";
/* ==========================================================================
   index-page.css —— 润壤网络官网首页专属样式
   1) 桌面端样式：与旧版 index.css 视觉完全一致（含 banner / 数字 / 服务 / 公司介绍）
   2) 新增标签样式：为规范标题层级（h1→h2→h3）后补充的等价样式
   3) 平板端 & 手机端自适应：≤991px 重排为移动端布局，≤575px 进一步微调
   依赖：public.css（设计变量、工具类）→ base.css（头部/底部/公共组件）→ 本文件
   ========================================================================== */

/* ==========================================================================
   一、首屏 banner
   ========================================================================== */
.index-banner {
	height: 100vh;
	width: 100%;
	position: relative;
}

.index-banner .banner {
	width: 100%;
	height: 100%;
}

.index-banner .banner img,
.index-banner .banner video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: relative;
}

.index-banner .banner .mb-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	top: 0;
	left: 0;
}

.index-banner .wp-cont {
	padding-top: 30vh;
	height: 100%;
}

.index-banner .wp-cont h1 {
	margin-bottom: 0.14rem;
	color: #fff;
	font-weight: normal;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.index-banner .wp-cont h3 {
	margin-bottom: 0.1rem;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.index-banner .wp-cont p {
	color: #fff;
}

/* 标题层级规范化后新增：第 1 屏主标题内的小标题改为 h2；
   第 2 屏主标题（英文大标题）改为 h2.banner-ttl，视觉与旧版 h3 / h1 保持一致 */
.index-banner .wp-cont h2 {
	margin-bottom: 0.1rem;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.index-banner .wp-cont h2.banner-ttl {
	margin-bottom: 0.14rem;
	font-weight: normal;
}

.index-banner .shubiao {
	position: absolute;
	right: calc(var(--wpPaddingNum) + var(--wpContPaddingNum));
	bottom: 5vh;
	z-index: 9;
}

.index-banner .swiper-pagination {
	text-align: left;
	padding-left: calc(var(--wpPaddingNum) + var(--wpContPaddingNum));
	bottom: 6vh;
}

/* 圆形进度指示点 */
.draw-h {
	display: block;
	border-radius: 50%;
	text-align: center;
	position: relative;
}

.draw-h:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid rgba(100%, 100%, 100%, .5);
	border-radius: 50%;
}

.index-banner .dots {
	width: 33px !important;
	height: 33px !important;
	display: inline-block;
	background: transparent;
	opacity: 1;
	margin-right: 13px;
	cursor: pointer;
}

.index-banner .dots::before {
	content: '';
	display: block;
	border: 0;
	background: #fff;
	transform: scale(.4);
}

.index-banner .dots.on::before {
	background: var(--themeColor);
}

.index-banner .dots.on svg.drawcircle circle {
	animation: svgrotate 8.2s forwards;
}

/* ==========================================================================
   二、数字滚动
   ========================================================================== */
.s-shuju {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 9;
	box-shadow: 0 5px 12px 4px rgba(130, 130, 130, .1);
	padding: 0.12rem 0;
}

.s-shuju ul {
	display: grid;
	align-items: center;
	grid-template-columns: repeat(4, 1fr);
	height: 100%;
}

.s-shuju ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.s-shuju ul li::before {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 60%;
	background: #eeeeee;
	top: 50%;
	transform: translate(0, -50%);
}

.s-shuju ul li>div {
	display: flex;
	align-items: flex-end;
}

.s-shuju ul li:last-child::before {
	display: none;
}

.s-shuju ul li span {
	font-size: var(--f60);
	color: #343333;
	font-family: 'num-font';
	margin-right: 0.06rem;
}

.s-shuju ul li div em {
	color: #343333;
	font-size: var(--f26);
	line-height: 2.0;
}

.s-shuju ul li p {
	color: #828282;
	font-size: var(--f19);
	line-height: 1.5;
	letter-spacing: .02rem;
}

/* ==========================================================================
   三、服务项目（横向手风琴）
   ========================================================================== */
.s-zhenghe {
	margin-top: 0.3rem;
	display: flex;
	justify-content: center;
}

.s-zhenghe li {
	width: 18.4%;
	transition: none !important;
	overflow: unset !important;
}

.s-zhenghe li .s-zhtitle {
	height: 0.875rem;
	background: #c7000b;
	position: relative;
	margin-top: 0.125rem;
	display: block;
}

.s-zhenghe li .s-zhtitle .s-zh1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 0.15rem;
	position: relative;
	z-index: 0;
	transition: none !important;
}

.s-zhenghe li .s-zhtitle .s-zh2 {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	background: #151515;
	transition: none !important;
}

.s-zhenghe li.on .s-zhtitle {
	height: 1rem;
	margin-top: 0;
}

.s-zhenghe li.on .s-zhtitle .s-zh1 {
	display: none;
}

.s-zhenghe li.on .s-zhtitle .s-zh2 {
	display: flex;
	width: 100%;
}

.s-zhenghe li .s-zhtitle .s-zh2 img {
	max-height: 0.78rem;
	width: auto;
}

.s-zhenghe li .s-zhtitle .s-zh1 img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: -1;
	max-height: 0.6rem;
	width: auto;
}

.s-zhenghe li .s-zhtitle .s-zh1 p,
.s-zhenghe li .s-zhtitle .s-zh2 p {
	font-size: var(--f16);
	line-height: 1.5;
	color: #fff;
	text-wrap: nowrap;
}

.s-zhenghe li:first-child .s-zhtitle {
	border-radius: .0625rem 0 0 0;
}

.s-zhenghe li:first-child .s-zhnr {
	border-radius: 0 0 0 .0625rem;
}

.s-zhenghe li:last-child .s-zhtitle {
	border-radius: 0 .0625rem 0 0;
}

.s-zhenghe li:last-child .s-zhnr {
	border-radius: 0 0 .0625rem 0;
}

.s-zhenghe li.on {
	border-radius: .0625rem;
}

.s-zhenghe li.on .s-zhtitle {
	border-radius: .0625rem .0625rem 0 0;
	overflow: hidden;
}

.s-zhenghe li:nth-child(odd) .s-zhnr {
	background: #e8e8e8;
}

.s-zhenghe li:nth-child(even) .s-zhnr {
	background: #eeeeee;
}

.s-zhenghe li .s-zhnr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 0.3125rem;
	height: 100%;
}

.s-zhenghe li.on .s-zhnr {
	display: none;
}

.s-zhenghe li .s-zhnr a {
	color: #818181;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--f17);
	line-height: 1.5;
	width: 100%;
}

.s-zhenghe li .s-zhnr a i {
	color: #c4c4c4;
	font-size: 0.2rem;
}

.s-zhenghe li .s-zhnrs {
	display: none;
}

.s-zhenghe li .s-zhbox {
	position: relative;
	transition: none;
}

.s-zhenghe li.on .s-zhbox {
	box-shadow: 0 5px 12px 4px rgba(152, 152, 152, .26);
	border-radius: 0 0 .0625rem .0625rem;
}

.s-zhenghe li.on .s-zhnrs {
	display: block;
	padding: 0.175rem;
	background: #fff;
	height: calc(100% + 1rem);
	width: 100%;
	border-radius: 0 0 .0625rem .0625rem;
	overflow: hidden;
	min-height: 2.05rem;
}

.s-zhenghe li .s-zhnrs>p {
	color: #8c8c8c;
	font-size: var(--f16);
	line-height: 2;
	text-align: left;
	height: 3.8em;
	display: none;
	width: 2.15rem;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.s-zhenghe li.on .s-zhnrs p {
	display: -webkit-box;
}

.s-zhenghe li .s-zhnrs .swiper {
	width: 2.3rem;
	margin-top: 0.1rem;
	padding-bottom: 0.18rem;
	transition: none !important;
	height: 1.3rem;
	overflow: hidden;
}

.s-zhenghe li .s-zhnrs .swiper .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	border: 2px solid #d6d6d6;
	border-radius: 50%;
	background: transparent;
	opacity: 1;
}

.s-zhenghe li .s-zhnrs .swiper .swiper-pagination-bullet-active {
	border: 2px solid #c7000b;
}

.s-zhenghe li .s-zhnrs .swiper-slide a {
	background: #f9f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0.25rem;
	height: 100%;
	color: #2b2b2b;
	font-size: 0.09rem;
	line-height: 1.5;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0.045rem;
	flex-direction: column;
	transition: all .8s;
}

.s-zhenghe li .s-zhnrs .swiper-slide a img {
	width: auto;
	height: 32%;
	filter: var(--imgBlack);
	margin-bottom: 0.04rem;
}

.s-zhenghe li .s-zhnrs .swiper-slide a:hover {
	background: #d9d9d9;
	color: #070707;
}

/* ==========================================================================
   四、成功案例（内容区微调，主要样式见 base.css 的 .n-allist-new）
   ========================================================================== */
.s-uspro .wzkind-slide-for {
	margin-top: 0.25rem;
}

/* ==========================================================================
   五、公司介绍
   ========================================================================== */
.s-kaifa {
	overflow: hidden;
	height: 3rem;
}

.s-kaifa .bg {
	background: url(../images/s-kaifabg.jpg) center no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	animation: bg-zoom 10s infinite;
}

@keyframes bg-zoom {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

.s-kaifa .wp-cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.1rem calc(var(--wpContPaddingNum) + 0.2rem) 0;
}

.s-kaifa .wp-cont>img {
	height: 100%;
	object-fit: contain;
	width: auto;
}

.s-kaifa .wp-cont>div {
	width: 52%;
}

.s-kaifa .wp-cont>div i {
	display: block;
	width: 0.35rem;
	height: 0.02rem;
	background: #fff;
	margin: 0.1rem 0 0.3125rem;
}

.s-kaifa .wp-cont>div p {
	font-size: var(--f18);
	line-height: 2em;
	color: #fff;
	margin-bottom: 0.2812rem;
}

.s-kaifa .wp-cont>div div {
	display: flex;
	align-items: center;
	gap: 0.2875rem;
}

.s-kaifa .wp-cont>div div a {
	border: 2px solid #fff;
	border-radius: 0.1875rem;
	transition: all .5s;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: var(--f20);
	line-height: 1.5;
	width: 1.65rem;
	height: 0.35rem;
}

.s-kaifa .wp-cont>div div a:last-child {
	color: #0c0c0c;
	background: #fff;
}

.s-kaifa .wp-cont>div div a:hover {
	font-size: var(--f22);
}

/* ==========================================================================
   六、标题层级规范化：h5 → h2 / h3 的等价样式（视觉与旧版一致）
   ========================================================================== */

/* 6.1 板块标题（我们拥有的 SERVICES / 我们服务过的 CASES ...） */
.s-tt h2.cn,
.s-tt span.en {
	font-size: var(--f39);
	line-height: 1.5;
	text-transform: uppercase;
}

/* 6.2 服务卡片标题 */
.s-zhenghe li .s-zhtitle .s-zh1 h3 {
	font-size: var(--f26);
	line-height: 1.5;
}

.s-zhenghe li .s-zhtitle .s-zh2 h3 {
	font-size: var(--f30);
	color: #fff;
	line-height: 1.5;
	text-wrap: nowrap;
}

/* 6.3 案例卡片标题 */
.n-allist-new li a .n-alcon h3 {
	font-size: var(--f26);
	line-height: 1.8;
}

/* 6.4 新闻卡片标题 */
.s-dongtai .pcswiper .dtcon h3 {
	font-size: var(--f22);
	line-height: 1.6em;
	height: .36rem;
}

/* 6.5 转化卡片标题 */
.xuanze a .xz h3 {
	color: #fff;
	font-size: var(--f39);
	line-height: 1.1em;
}

/* 6.6 底部转化区标题 */
.ready h2 {
	color: #303030;
	font-size: var(--f46);
	line-height: 1.5;
}

/* 6.7 公司介绍标题 */
.s-kaifa .wp-cont>div h2 {
	color: #fff;
	font-size: var(--f39);
	line-height: 1.5;
	margin-bottom: .075rem;
}

.s-kaifa .wp-cont>div p.sub {
	color: #fff;
	font-size: var(--f20);
	line-height: 1.5;
	margin-bottom: 0;
}

/* 6.8 弹出菜单标题（原 h1 改为 h2，保证页面仅有一个 h1） */
.cd-tan .cd-cont .cd-ttl {
	font-size: var(--f95);
	margin-bottom: 0.2rem;
}

/* ==========================================================================
   七、平板端 / 手机端自适应（≤991px）
   说明：桌面端（≥992px）保持原有按视口比例缩放的呈现方式不变；
        进入移动端后改为定值排版，保证手机上的字号、间距、点按区域可用。
   ========================================================================== */
@media screen and (max-width: 991px) {

	/* ---------- 7.1 基础 ---------- */
	body {
		font-size: 14px;
		-webkit-text-size-adjust: 100%;
	}

	.wp {
		padding: 0 16px;
	}

	.wp-cont {
		padding: 0;
	}

	.p-top {
		padding-top: 48px;
	}

	.p-top3 {
		padding-top: 36px;
	}

	.p-bot3 {
		padding-bottom: 36px;
	}

	/* 鼠标跟随特效仅桌面端需要 */
	#c-followDot-p {
		display: none !important;
	}

	/* 板块标题 */
	.s-tt h2.cn,
	.s-tt span.en {
		font-size: 22px;
	}

	.s-tt p {
		font-size: 13px;
		line-height: 1.6;
		padding: 0 8px;
	}

	.s-tt div {
		gap: 8px;
	}

	.s-tt div i {
		width: 4px;
		height: 4px;
	}

	/* ---------- 7.2 顶部导航 ---------- */
	header {
		--headerHeight: 56px;
	}

	header * {
		font-size: 14px;
	}

	header .lf {
		padding-left: 16px;
		padding-right: 16px;
	}

	header .logo img {
		width: auto;
		height: 30px;
	}

	header .nav-list {
		display: none;
	}

	header .nav {
		align-items: center;
	}

	header .menu {
		margin-left: 0;
	}

	header .menu li {
		margin-right: 0;
	}

	/* 汉堡按钮：public.js 会写入内联像素高度，这里用 !important 保证可见 */
	header .sp_nav {
		width: 24px !important;
		height: 16px !important;
	}

	header .sp_nav span {
		height: 2px !important;
		border-radius: 2px;
	}

	header .sp_nav span:nth-child(2) {
		width: 70%;
	}

	header .zx {
		padding: 0 14px;
	}

	header .zx>div>div {
		display: none;
	}

	header .zx h5 {
		font-size: 15px !important;
		margin-top: 0;
		line-height: 1;
		font-weight: normal;
	}

	/* ---------- 7.3 弹出菜单 ---------- */
	.cd-tan>.ver-center {
		flex-direction: column;
		padding: 60px 24px 40px;
	}

	.cd-tan .cd-logo {
		width: 110px;
		left: 16px;
		top: 16px;
	}

	.cd-tan .cd-close {
		top: 14px;
		right: 14px;
		width: 34px;
	}

	.cd-tan .cd-close a {
		line-height: 34px;
		font-size: 16px;
	}

	.cd-tan .cd-cont .cd-ttl {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.cd-tan .cd-cont h4 {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.cd-tan .cd-cont .ewm img {
		width: 104px;
		margin-bottom: 8px;
	}

	.cd-tan .cd-cont .ewm p {
		font-size: 13px;
	}

	.cd-tan .bd-fot {
		bottom: 5%;
	}

	.cd-tan .bd-fot div {
		font-size: 18px;
	}

	.cd-tan .bd-fot div i {
		font-size: 14px;
	}

	/* 移动端专用导航（桌面端隐藏） */
	.cd-nav {
		display: block;
		width: 100%;
		margin-bottom: 26px;
	}

	.cd-nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 12px;
	}

	.cd-nav ul li a {
		display: block;
		color: #fff;
		font-size: 15px;
		line-height: 1;
		padding: 9px 16px;
		border: 1px solid rgba(255, 255, 255, .45);
		border-radius: 20px;
	}

	/* ---------- 7.4 首屏 ---------- */
	.index-banner {
		height: 76vh;
		min-height: 420px;
		max-height: 640px;
	}

	.index-banner .wp {
		padding: 0 20px;
	}

	.index-banner .wp-cont {
		padding-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.index-banner .wp-cont h1.f106 {
		font-size: 38px !important;
		margin-bottom: 8px;
	}

	.index-banner .wp-cont h2 {
		font-size: 22px !important;
		margin-bottom: 8px;
	}

	.index-banner .wp-cont h2.banner-ttl {
		font-size: 38px !important;
	}

	.index-banner .wp-cont h3 {
		font-size: 22px !important;
		margin-bottom: 8px;
	}

	.index-banner .wp-cont p.f36 {
		font-size: 14px !important;
		line-height: 1.8;
	}

	.index-banner .shubiao {
		right: 20px;
		bottom: 22px;
		font-size: 12px;
	}

	.index-banner .shubiao i {
		font-size: 20px !important;
		margin-bottom: 6px;
	}

	.index-banner .swiper-pagination {
		padding-left: 20px;
		bottom: 26px;
	}

	.index-banner .dots {
		width: 24px !important;
		height: 24px !important;
		margin-right: 10px;
	}

	/* ---------- 7.5 数字实力 ---------- */
	.s-shuju {
		padding: 24px 0;
	}

	.s-shuju ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 0;
	}

	.s-shuju ul li::before {
		height: 42%;
	}

	.s-shuju ul li:nth-child(even)::before {
		display: none;
	}

	.s-shuju ul li span {
		font-size: 30px;
		margin-right: 4px;
	}

	.s-shuju ul li div em {
		font-size: 14px;
		line-height: 1.8;
	}

	.s-shuju ul li p {
		font-size: 12px;
		text-align: center;
		padding: 0 8px;
		letter-spacing: 0;
	}

	/* ---------- 7.6 服务项目：横向手风琴 → 纵向卡片（全部展开） ---------- */
	.s-zhenghe {
		display: block;
		margin-top: 22px;
	}

	.s-zhenghe li {
		width: 100% !important;
		margin-bottom: 14px;
	}

	.s-zhenghe li:last-child {
		margin-bottom: 0;
	}

	.s-zhenghe li .s-zhtitle,
	.s-zhenghe li.on .s-zhtitle {
		height: auto;
		margin-top: 0;
		border-radius: 8px 8px 0 0 !important;
		overflow: hidden;
	}

	.s-zhenghe li .s-zhtitle .s-zh1,
	.s-zhenghe li.on .s-zhtitle .s-zh1 {
		display: flex;
		padding: 18px 14px 12px;
	}

	.s-zhenghe li .s-zhtitle .s-zh1 img {
		max-height: 22px;
	}

	.s-zhenghe li .s-zhtitle .s-zh1 h3 {
		font-size: 16px;
		line-height: 1.5;
	}

	.s-zhenghe li .s-zhtitle .s-zh1 p {
		font-size: 12px;
		text-wrap: normal;
		white-space: normal;
		text-align: center;
		margin-top: 4px;
	}

	.s-zhenghe li .s-zhtitle .s-zh2 {
		display: none !important;
	}

	.s-zhenghe li .s-zhnr {
		display: none;
	}

	.s-zhenghe li .s-zhbox,
	.s-zhenghe li.on .s-zhbox {
		box-shadow: 0 6px 16px rgba(152, 152, 152, .22);
		border-radius: 0 0 8px 8px;
	}

	.s-zhenghe li .s-zhnrs,
	.s-zhenghe li.on .s-zhnrs {
		display: block;
		height: auto;
		min-height: 0;
		padding: 14px 14px 16px;
		border-radius: 0 0 8px 8px;
	}

	.s-zhenghe li .s-zhnrs>p {
		display: -webkit-box;
		width: 100%;
		height: auto;
		font-size: 12px;
		line-height: 1.8;
		-webkit-line-clamp: 3;
	}

	.s-zhenghe li .s-zhnrs .swiper {
		width: 100%;
		height: 168px;
		margin-top: 12px;
		padding-bottom: 26px;
	}

	.s-zhenghe li .s-zhnrs .swiper-slide a {
		min-height: 0;
		padding: 8px 4px;
		font-size: 12px;
		text-wrap: normal;
		border-radius: 6px;
	}

	.s-zhenghe li .s-zhnrs .swiper-slide a img {
		height: 26px;
		margin-bottom: 6px;
	}

	.s-zhenghe li .s-zhnrs .swiper .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		border-width: 1px;
	}

	/* ---------- 7.7 成功案例 ---------- */
	.s-uspro .wzkind-slide-for {
		margin-top: 20px;
	}

	.n-allist-new {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.n-allist-new li.list:nth-child(n) {
		grid-column: span 1;
	}

	.n-allist-new li {
		height: 132px;
		border-radius: 8px;
	}

	.n-allist-new li a {
		padding: 12px;
	}

	.n-allist-new li a .al-logo img {
		height: 20px;
	}

	.n-allist-new li a:hover .al-logo img {
		height: 20px;
	}

	.n-allist-new li a .n-alcon {
		font-size: 12px;
	}

	.n-allist-new li a .n-alcon h3 {
		font-size: 15px;
		line-height: 1.4;
	}

	.n-allist-new li a:hover .cont {
		transform: none;
	}

	/* ---------- 7.8 合作伙伴 ---------- */
	.gd-list {
		margin-top: 22px;
	}

	.gd-list .swiper {
		height: 40px;
	}

	.gd-list .swiper+.swiper {
		margin-top: 12px;
	}

	.gd-list::before,
	.gd-list::after {
		width: 12%;
	}

	/* ---------- 7.9 公司介绍 ---------- */
	.s-kaifa {
		height: auto;
		padding: 40px 0 44px;
	}

	.s-kaifa .wp-cont {
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
	}

	.s-kaifa .wp-cont>img {
		height: auto;
		max-height: 120px;
		margin-bottom: 20px;
	}

	.s-kaifa .wp-cont>div {
		width: 100%;
	}

	.s-kaifa .wp-cont>div h2 {
		font-size: 20px;
		line-height: 1.5;
	}

	.s-kaifa .wp-cont>div p.sub {
		font-size: 13px;
	}

	.s-kaifa .wp-cont>div i {
		width: 56px;
		margin: 14px 0 14px;
	}

	.s-kaifa .wp-cont>div p {
		font-size: 13px;
		line-height: 1.9;
		margin-bottom: 22px;
	}

	.s-kaifa .wp-cont>div div {
		flex-wrap: wrap;
		gap: 12px;
	}

	.s-kaifa .wp-cont>div div a {
		width: auto;
		flex: 1;
		min-width: 128px;
		height: 42px;
		font-size: 14px;
		border-radius: 22px;
	}

	.s-kaifa .wp-cont>div div a:hover {
		font-size: 14px;
	}

	/* ---------- 7.10 网站建设动态 ---------- */
	.wzkind-slide-nav {
		gap: 18px;
		flex-wrap: wrap;
		margin: 18px 0 6px;
	}

	.wzkind-slide-nav a {
		font-size: 14px;
	}

	.s-dongtai .pcswiper {
		padding: 8px 8px 46px;
		margin: 0 -8px;
	}

	.s-dongtai .pcswiper .dtcon {
		padding: 10px 12px 12px;
	}

	.s-dongtai .pcswiper .dtcon p {
		font-size: 12px;
		margin-bottom: 6px;
	}

	.s-dongtai .pcswiper .dtcon h3 {
		font-size: 14px;
		line-height: 1.5;
		height: auto;
	}

	.s-dongtai .pcswiper .dtcon .dtyd {
		padding-top: 8px;
		margin-top: 10px;
	}

	.s-dongtai .pcswiper .dtcon .dtyd span,
	.s-dongtai .pcswiper .dtcon .dtyd div,
	.s-dongtai .pcswiper .dtcon .dtyd div i {
		font-size: 12px;
	}

	.s-dongtai .li .dtbox {
		bottom: 4px;
		gap: 14px;
	}

	.s-dongtai .li .dtbox a {
		font-size: 13px;
	}

	.s-dongtai .li .swiper-button-white {
		width: 32px;
		height: 32px;
	}

	.s-dongtai .li .swiper-button-white i {
		font-size: 14px;
	}

	/* ---------- 7.11 转化入口 ---------- */
	.xuanze ul {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.xuanze a .xz {
		gap: 14px;
	}

	.xuanze a .xz h3 {
		font-size: 20px;
		text-align: center;
		padding: 0 10px;
	}

	.xuanze a .xz div {
		width: auto;
		min-width: 132px;
		height: 38px;
		font-size: 14px;
	}

	.ready {
		background-size: contain;
		height: auto;
		padding: 44px 0 52px;
	}

	.ready h2 {
		font-size: 22px;
		text-align: center;
	}

	.ready p {
		font-size: 13px;
		line-height: 1.9;
		margin: 12px 0 20px;
	}

	.ready a {
		width: auto;
		min-width: 180px;
		height: 46px;
		font-size: 15px;
	}

	.ready a::before,
	.ready a::after {
		display: none;
	}

	/* ---------- 7.12 底部保障条 ---------- */
	.footct ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 18px 12px;
		padding: 22px 0;
	}

	.footct ul li {
		width: calc(50% - 6px);
		gap: 8px;
	}

	.footct ul li i {
		font-size: 22px;
		margin-top: 2px;
	}

	.footct ul li h5 {
		font-size: 14px;
	}

	.footct ul li p {
		font-size: 12px;
		line-height: 1.5;
	}

	/* ---------- 7.13 页脚 ---------- */
	#foot .box1 {
		flex-direction: column;
		gap: 26px;
		padding: 28px 0 22px;
	}

	#foot .box1-left {
		width: 100%;
	}

	#foot .foot-phone h5 {
		font-size: 13px;
		margin-bottom: 6px;
	}

	#foot .foot-phone a {
		font-size: 22px;
	}

	#foot .box1-left .foot-slide-nav {
		margin: 14px 0 12px;
		gap: 16px;
	}

	#foot .box1-left .foot-slide-nav li {
		font-size: 14px;
	}

	#foot .box1-left .foot-slide-nav li img {
		height: 14px;
	}

	#foot .box1-left .foot-slide-for .li p {
		font-size: 13px;
		line-height: 1.6;
		margin-bottom: 4px;
	}

	.foot-nav {
		width: 100%;
		max-width: none;
		flex-wrap: wrap;
		gap: 22px 0;
	}

	.foot-nav dl {
		width: 50%;
	}

	.foot-nav dt {
		font-size: 15px;
		margin-bottom: 4px;
		padding-bottom: 0;
	}

	.foot-nav dt a {
		font-size: 15px;
	}

	.foot-nav dd {
		font-size: 13px;
		line-height: 2;
	}

	#foot .box1-right {
		width: 100%;
	}

	#foot .box1-right h6 {
		font-size: 14px;
	}

	#foot .box1-right ul {
		margin-top: 12px;
		gap: 18px;
	}

	#foot .box1-right ul li .ewm {
		width: 104px;
		height: 104px;
		padding: 6px;
	}

	#foot .box1-right ul li p {
		font-size: 12px;
	}

	#foot .box2 {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding: 18px 0;
	}

	#foot .box2 .yqlj {
		flex-direction: column;
		gap: 8px;
	}

	#foot .box2 .yqlj h6 {
		font-size: 13px;
		line-height: 1;
	}

	#foot .box2 .yqlj ul {
		flex-wrap: wrap;
		gap: 12px;
	}

	#foot .box2 .yqlj ul li a {
		font-size: 12px;
		line-height: 1;
	}

	.downSwitch {
		width: 100%;
	}

	.downSwitch .head,
	.downSwitch .downlist a {
		height: 38px;
		font-size: 13px;
		padding: 0 12px;
	}

	.downSwitch .head i {
		font-size: 15px;
	}

	.downSwitch .downlist {
		max-height: 160px;
	}

	#foot .box3 {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 18px 0 22px;
	}

	#foot .box3 div {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	#foot .box3 p {
		font-size: 12px;
		line-height: 1.6;
		flex-wrap: wrap;
	}

	#foot .box3 p img {
		height: 14px;
		margin-left: 6px;
	}

	/* ---------- 7.14 右侧浮窗客服 ---------- */
	.right-kefu {
		right: 6px;
		bottom: 14px;
	}

	.right-kefu .li,
	.right-kefu .li-fa {
		width: 42px;
	}

	.right-kefu .li-fa {
		margin-top: 8px;
	}

	.right-kefu .icon {
		width: 18px;
	}

	.right-kefu .block-group .icon-p::after {
		display: none;
	}

	/* 移动端不使用悬浮弹出框，避免遮挡与误触 */
	.right-kefu .li .cont {
		display: none !important;
	}
}

/* ==========================================================================
   八、小屏手机微调（≤575px）
   ========================================================================== */
@media screen and (max-width: 575px) {

	.index-banner {
		height: 70vh;
		min-height: 380px;
	}

	.index-banner .wp-cont h1.f106 {
		font-size: 32px !important;
	}

	.index-banner .wp-cont h2.banner-ttl {
		font-size: 32px !important;
	}

	.index-banner .wp-cont h2,
	.index-banner .wp-cont h3 {
		font-size: 19px !important;
	}

	.index-banner .wp-cont p.f36 {
		font-size: 13px !important;
	}

	.index-banner .swiper-pagination {
		bottom: 56px;
	}

	.index-banner .dots {
		width: 20px !important;
		height: 20px !important;
		margin-right: 8px;
	}

	.s-tt h2.cn,
	.s-tt span.en {
		font-size: 19px;
	}

	.s-shuju ul li span {
		font-size: 26px;
	}

	.n-allist-new {
		gap: 8px;
	}

	.n-allist-new li {
		height: 122px;
	}

	.n-allist-new li a {
		padding: 10px;
	}

	.n-allist-new li a .n-alcon h3 {
		font-size: 14px;
	}

	.s-zhenghe li .s-zhnrs .swiper {
		height: 156px;
	}

	.footct ul li {
		width: 100%;
	}

	#foot .box1-right ul li .ewm {
		width: 92px;
		height: 92px;
	}

	.xuanze a .xz h3 {
		font-size: 18px;
	}

	.ready h2 {
		font-size: 19px;
	}
}