/* =========================================================
   revamp.css v2 — 首页视觉重构（辅助生殖医疗行业）
   设计语言：深墨绿主色 × 大留白 × 统一卡片语言 × 克制配色
   独立类名体系（wb-*），不与原主题 CSS 冲突
   ========================================================= */

:root {
	--wb-ink: #17332E;
	--wb-teal: #2E9E8A;
	--wb-teal-deep: #1B6B5D;
	--wb-teal-dark: #0F3B33;
	--wb-mint: #F3F9F7;
	--wb-muted: #687E79;
	--wb-line: #E5EEEB;
	--wb-radius: 16px;
	--wb-shadow: 0 4px 18px rgba(23, 51, 46, .06);
	--wb-shadow-hover: 0 16px 36px rgba(23, 51, 46, .13);
}

::selection { background: #2E9E8A; color: #fff; }
html { scroll-behavior: smooth; }

/* 网格卡片宽度兜底：抵消原主题 .list-4/.list-5 的百分比宽度 */
.content11 ul li,
.index-product__feature ul li,
.wb-why-grid li,
.index-news__wrap .news-article__list.list li,
.new-list li {
	width: auto !important;
	min-width: 0 !important;
}

/* ---------- 区块标题 ---------- */
.page-intro__full .vc12,
.page-intro__full span.vc12 {
	display: block;
	width: 40px;
	height: 3px;
	margin: 14px auto 0;
	border-radius: 3px;
	background: var(--wb-teal);
	opacity: .85;
}

/* =========================================================
   1. 信任数据条 — 悬浮白卡，压住 Banner 底边
   ========================================================= */
.wb-trust {
	position: relative;
	z-index: 6;
	background: #fff;
	max-width: 1520px;
	margin: -58px auto 0;
	border-radius: 18px;
	border: 1px solid var(--wb-line);
	box-shadow: 0 18px 44px rgba(23, 51, 46, .10);
}
.wb-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px;
}
.wb-trust-item {
	text-align: center;
	padding: 27px 10px 23px;
	position: relative;
}
.wb-trust-item + .wb-trust-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 42px;
	background: var(--wb-line);
}
.wb-trust-item b {
	display: block;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--wb-teal);
	letter-spacing: 0;
}
.wb-trust-item b i {
	font-style: normal;
	font-size: 16px;
	font-weight: 700;
	margin-left: 3px;
}
.wb-trust-item span {
	display: block;
	margin-top: 6px;
	font-size: 13.5px;
	color: var(--wb-muted);
	letter-spacing: 2px;
}

/* =========================================================
   2. 助孕流程 — 五步卡片 + 步骤编号，去掉旧箭头
   ========================================================= */
.knowledge-article__wrap .content11 ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	counter-reset: wbstep;
	margin: 0;
	padding: 0;
}
.content11 ul li {
	list-style: none;
	counter-increment: wbstep;
	background: #fff;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	padding: 30px 20px 26px;
	text-align: center;
	box-shadow: var(--wb-shadow);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
	position: relative;
}
.content11 ul li::before,
.content11 ul li::after { display: none !important; }
.content11 ul li::before {
	content: "STEP 0" counter(wbstep);
	display: block !important;
	width: auto;
	height: auto;
	background: none;
	border: none;
	position: static;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--wb-teal);
	opacity: .55;
	margin-bottom: 10px;
}
.content11 ul li:hover {
	transform: translateY(-6px);
	box-shadow: var(--wb-shadow-hover);
	border-color: rgba(46, 158, 138, .4);
}
.content11 ul li img {
	height: 88px;
	width: auto !important;
	max-width: 110px !important;
	object-fit: contain;
	margin: 0 auto 14px;
	transition: transform .3s ease;
}
.content11 ul li:hover img { transform: translateY(-4px); }
.content11 ul li h5 {
	font-size: 17px;
	font-weight: 700;
	color: var(--wb-ink);
	margin: 0 0 10px;
	line-height: 1.4;
}
.content11 ul li h5::after { display: none; }
.content11 ul li p {
	font-size: 13px;
	color: var(--wb-muted);
	line-height: 1.8;
	margin: 0;
}
@media (min-width: 768px) {
	.content11 ul li p { min-height: 4.6em; }
}
.content11 ul li p br { display: none; }
.content11 ul li p a.wb-consult {
	display: inline-block;
	margin-top: 14px;
	padding: 7px 24px;
	border: 1px solid rgba(46, 158, 138, .55);
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--wb-teal) !important;
	background: #fff;
	white-space: nowrap;
	transition: all .3s ease;
}
.content11 ul li p a.wb-consult:hover {
	background: var(--wb-teal);
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(46, 158, 138, .32);
}

/* =========================================================
   3. 服务范围 — 3×2 网格，卡片即 a 元素，清除主题悬停遮罩
   ========================================================= */
.index-product__feature ul {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	padding: 0;
	margin: 0 !important;
}
.index-product__feature ul li {
	list-style: none;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
.index-product__feature li a {
	position: relative;
	display: block !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0;
	background: #fff !important;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	overflow: hidden;
	box-shadow: var(--wb-shadow);
	text-align: center;
	transition: transform .3s ease, box-shadow .3s ease;
}
/* 杀掉主题的全卡青色悬停遮罩（用户截图中的 H 形色块） */
.index-product__feature li a::before,
.index-product__feature li a::after {
	content: none !important;
	display: none !important;
}
/* 悬停时保持默认图标与文案可见（主题会淡出它们） */
.index-product__feature li a:hover .item-box__cont .inner {
	visibility: visible !important;
	opacity: 1 !important;
}
.index-product__feature li a:hover .item-box__pic .dl {
	visibility: visible !important;
	opacity: 1 !important;
}
.index-product__feature li a:hover {
	transform: translateY(-6px);
	box-shadow: var(--wb-shadow-hover);
}
.index-product__feature .item-box { padding: 0 !important; width: auto !important; }
.index-product__feature .item-box__pic {
	background: var(--wb-mint);
	padding: 26px 0 16px;
	text-align: center;
}
.index-product__feature .item-box__pic img {
	height: 82px;
	width: auto !important;
	max-width: 110px !important;
	vertical-align: middle;
	transition: transform .3s ease;
}
.index-product__feature ul li:hover .item-box__pic img { transform: translateY(-4px) scale(1.04); }
/* 只保留默认图标，禁用主题的双图悬停切换（白图标配浅底会隐形） */
.index-product__feature .item-box__pic img.hl { display: none !important; }
.index-product__feature .item-box__pic img.dl { display: inline-block !important; }
.index-product__feature ul li.wow {
	animation-delay: .1s !important;
	animation-duration: .9s !important;
}
.index-product__feature .item-box__cont { margin-top: 0 !important; background: #fff !important; }
.index-product__feature .item-box__cont .inner {
	padding: 18px 22px 26px;
	text-align: center;
}
.index-product__feature .item-box__cont .inner p:first-child {
	font-size: 16.5px;
	font-weight: 700;
	color: var(--wb-ink);
	margin-bottom: 7px;
}
.index-product__feature .item-box__cont .inner .ac11 {
	font-size: 13px;
	color: var(--wb-muted);
	line-height: 1.75;
}
.index-product__feature .item-box__cont .txt { display: none !important; }

/* =========================================================
   4. 为什么选择我们 — 全新卡片（幽灵数字编号）
   ========================================================= */
.wb-why { background: #fff; padding: 78px 0 84px; }
.wb-why-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 44px 0 0;
}
.wb-why-grid li {
	background: #fff;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	overflow: hidden;
	box-shadow: var(--wb-shadow);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.wb-why-grid li:hover {
	transform: translateY(-6px);
	box-shadow: var(--wb-shadow-hover);
	border-color: rgba(46, 158, 138, .35);
}
.wb-why-grid figure {
	margin: 0;
	height: 172px;
	overflow: hidden;
}
.wb-why-grid figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .45s ease;
}
.wb-why-grid li:hover figure img { transform: scale(1.06); }
.wb-why-body { padding: 16px 18px 22px; }
.wb-why-body em {
	display: block;
	font-style: normal;
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	color: rgba(46, 158, 138, .18);
	letter-spacing: 1px;
	margin-bottom: 2px;
	font-family: Georgia, "Times New Roman", serif;
}
.wb-why-body h3 {
	font-size: 16.5px;
	font-weight: 700;
	color: var(--wb-ink);
	margin: 0 0 8px;
}
.wb-why-body p {
	font-size: 12.8px;
	color: var(--wb-muted);
	line-height: 1.8;
	margin: 0;
	text-align: justify;
}

/* =========================================================
   5. 合作医院 / 资讯卡片 — 统一精修
   ========================================================= */
.index-news__wrap .news-article__list.list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	padding: 0;
	margin: 0;
	list-style: none;
}
/* 专家区仅 2 人，用 2 列 */
.index-news__wrap.news-article__full1 .news-article__list.list {
	grid-template-columns: repeat(2, 1fr);
}
.index-news__wrap .news-article__list.list li {
	list-style: none;
	background: #fff;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	overflow: hidden;
	box-shadow: var(--wb-shadow);
	transition: transform .3s ease, box-shadow .3s ease;
}
.index-news__wrap .news-article__list.list li:hover {
	transform: translateY(-6px);
	box-shadow: var(--wb-shadow-hover);
}
.index-news__wrap .news-article__list.list figure {
	margin: 0;
	height: 205px;
	overflow: hidden;
}
.index-news__wrap .news-article__list.list figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .45s ease;
}
.index-news__wrap .news-article__list.list li:hover figure img { transform: scale(1.05); }
.index-news__wrap .news-article__list.list .article-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--wb-ink);
	margin: 0 0 8px;
	line-height: 1.45;
	transition: color .3s ease;
}
.index-news__wrap .news-article__list.list li:hover .article-title { color: var(--wb-teal); }
.index-news__wrap .news-article__list.list .txt.paragraph {
	font-size: 12.8px;
	color: var(--wb-muted);
	line-height: 1.75;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.index-news__wrap .news-article__list.list article {
	padding: 16px 18px 20px;
	background: #fff !important;
}

/* 分类 tab：居中、去掉白色长条底和边框（#tabs ID 优先级高于主题样式） */
#tabs.luoyong, #tabs.luoyong1,
ul.luoyong, ul.luoyong1 {
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	width: 100%;
	margin: 0 auto 32px;
	list-style: none;
}
.luoyong li, .luoyong1 li { list-style: none; }
.luoyong li a, .luoyong1 li a {
	display: block;
	padding: 9px 32px;
	border-radius: 999px;
	font-size: 14.5px;
	color: var(--wb-muted);
	background: #fff;
	border: 1px solid var(--wb-line);
	box-shadow: 0 2px 8px rgba(23, 51, 46, .05);
	transition: all .3s ease;
}
.luoyong li a:hover, .luoyong1 li a:hover {
	color: var(--wb-teal);
	border-color: rgba(46, 158, 138, .5);
}
.luoyong li a#current1, .luoyong1 li a#current1,
.luoyong li a#current, .luoyong1 li a#current {
	background: var(--wb-teal-deep) !important;
	border-color: var(--wb-teal-deep) !important;
	color: #fff !important;
	box-shadow: 0 6px 16px rgba(27, 107, 93, .3);
}

/* 查看更多 */
.index-2-more { text-align: center; margin-top: 36px; }
.index-2-more a {
	display: inline-block;
	padding: 11px 44px;
	border: 1px solid rgba(46, 158, 138, .55);
	color: var(--wb-teal);
	border-radius: 999px;
	font-size: 14.5px;
	background: #fff;
	transition: all .3s ease;
}
.index-2-more a:hover {
	background: var(--wb-teal);
	color: #fff;
	box-shadow: 0 8px 20px rgba(46, 158, 138, .3);
}

/* 网格容器清理：抵消 clearfix 等伪元素占位 */
.new-list::before, .new-list::after,
.index-news__wrap .news-article__list.list::before,
.index-news__wrap .news-article__list.list::after,
.content11 ul::before, .content11 ul::after,
.index-product__feature ul::before, .index-product__feature ul::after,
.wb-why-grid::before, .wb-why-grid::after {
	display: none !important;
	content: none !important;
}

/* 专家区 4 列等宽，人像顶部对齐不再裁头 */
.index-news__wrap.news-article__full1 .news-article__list.list {
	grid-template-columns: repeat(4, 1fr);
}
.index-news__wrap.news-article__full1 .news-article__list.list figure { height: 320px; }
.index-news__wrap.news-article__full1 .news-article__list.list figure img { object-position: center top; }

/* 标题与卡片区、tab 与卡片区之间留足间距 */
.index-product__feature ul { margin-top: 46px !important; }
#tabs.luoyong, #tabs.luoyong1,
ul.luoyong, ul.luoyong1 {
	margin: 38px auto 46px !important;
}
.index-news__wrap .news-article__list.list { margin-top: 46px !important; }

/* =========================================================
   6. 成功案例
   ========================================================= */
.successful-cases .ac222 { list-style: none; }
.successful-cases .ab-news-item {
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--wb-radius);
	overflow: hidden;
	transition: transform .3s ease, background .3s ease;
}
.successful-cases .ab-news-item:hover {
	transform: translateY(-6px);
	background: rgba(255, 255, 255, .09);
}
.successful-cases .acc2222 { overflow: hidden; }
.successful-cases .acc2222 img { transition: transform .45s ease; }
.successful-cases .ab-news-item:hover .acc2222 img { transform: scale(1.05); }
.successful-cases .ab-news-h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}
.successful-cases .ab-news-item:hover .ab-news-h4 { color: #8AD8CB; }
.successful-cases .ab-news-bottom { padding: 16px 20px 22px; }
.successful-cases .ab-news-content {
	font-size: 12.8px;
	color: rgba(255, 255, 255, .68);
	line-height: 1.75;
}

/* =========================================================
   7. 试管资讯
   ========================================================= */
.new-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 0;
	margin: 46px 0 0 !important;
	list-style: none;
}
.new-list li {
	list-style: none;
	width: auto !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #fff;
	border-radius: var(--wb-radius);
	overflow: hidden;
	box-shadow: var(--wb-shadow);
	transition: transform .3s ease, box-shadow .3s ease;
}
.new-list li:hover {
	transform: translateY(-6px);
	box-shadow: var(--wb-shadow-hover);
}
.new-list figure { margin: 0; height: 195px; overflow: hidden; }
.new-list figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0 !important;
	transition: transform .45s ease;
}
.new-list li:hover figure img { transform: scale(1.05); }
.new-list figcaption {
	background: #fff !important;
	height: auto !important;
	margin: 0 !important;
	padding: 15px 18px 20px;
	position: static;
	transition: none;
}
.new-list li:hover figcaption {
	margin-top: 0 !important;
	background: #fff !important;
	height: auto !important;
}
/* 悬停时文字保持本色（主题会变白字白底导致看不见） */
.new-list li:hover figcaption time { color: var(--wb-teal) !important; }
.new-list li:hover figcaption h3,
.new-list li:hover figcaption h3 a { color: var(--wb-ink) !important; }
.new-list li:hover h3 { color: var(--wb-teal) !important; }
.new-list li:hover figcaption p { color: var(--wb-muted) !important; }
.new-list figcaption span { display: none !important; }
.new-list time {
	display: inline-block;
	font-size: 12px;
	color: var(--wb-teal);
	background: var(--wb-mint);
	padding: 3px 12px;
	border-radius: 999px;
	margin-bottom: 9px;
}
.new-list h3 {
	font-size: 15.5px;
	font-weight: 700;
	color: var(--wb-ink);
	line-height: 1.5;
	height: auto !important;
	margin: 0 0 8px;
	transition: color .3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.new-list li:hover h3 { color: var(--wb-teal); }
.new-list p {
	font-size: 12.8px;
	color: var(--wb-muted);
	line-height: 1.7;
	height: auto !important;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* =========================================================
   8. FAQ 手风琴
   ========================================================= */
.wb-faq { max-width: 1200px; margin: 0 auto; }
.wb-faq details {
	background: #fff;
	border: 1px solid var(--wb-line);
	border-radius: 12px;
	margin-bottom: 12px;
	box-shadow: var(--wb-shadow);
	overflow: hidden;
	transition: border-color .3s ease;
}
.wb-faq details[open] { border-color: rgba(46, 158, 138, .45); }
.wb-faq summary {
	position: relative;
	padding: 16px 56px 16px 22px;
	font-size: 15px;
	font-weight: 600;
	color: var(--wb-ink);
	cursor: pointer;
	list-style: none;
	user-select: none;
}
.wb-faq summary::-webkit-details-marker { display: none; }
.wb-faq summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	background: none !important;
	border: none !important;
	border-width: 0 !important;
	color: var(--wb-teal);
	font-size: 28px;
	font-weight: 300;
	transition: transform .3s ease, color .3s ease;
}
.wb-faq details[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
	color: var(--wb-teal-deep) !important;
}
.wb-faq details[open] summary { color: var(--wb-teal-deep); }
.wb-faq .wb-faq__a { padding: 0 22px 18px; }
.wb-faq .wb-faq__a p {
	font-size: 13.5px;
	color: var(--wb-muted);
	line-height: 1.85;
	margin: 0;
}

/* =========================================================
   9. CTA — 全屏通栏深色横幅（贴合页面底部）
   ========================================================= */
.wb-cta {
	padding: 0 !important;
	margin: 0;
	background: linear-gradient(118deg, #145247 0%, #1B6B5D 60%, #23806F 100%) !important;
	border: none !important;
	overflow: hidden;
	position: relative;
}
.wb-cta .w1600 {
	max-width: 1600px;
	margin: 0 auto;
	background: transparent;
	border-radius: 0;
	padding: 52px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	position: relative;
	z-index: 1;
}
.wb-cta .w1600::before {
	content: "";
	position: absolute;
	right: -70px;
	top: -90px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
}
.wb-cta .w1600::after {
	content: "";
	position: absolute;
	left: 30%;
	bottom: -120px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .04);
}
.wb-cta-t { position: relative; z-index: 1; }
.wb-cta-t b {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 2px;
}
.wb-cta-t span {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: rgba(255, 255, 255, .78);
	letter-spacing: 1px;
}
.wb-cta-btns {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
.wb-cta-btns a {
	display: inline-block;
	padding: 13px 36px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	transition: all .3s ease;
}
.wb-cta-btns a.wb-cta-main {
	background: #fff;
	color: var(--wb-teal-deep);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.wb-cta-btns a.wb-cta-main:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}
.wb-cta-btns a.wb-cta-sub {
	border: 1px solid rgba(255, 255, 255, .55);
	color: #fff;
}
.wb-cta-btns a.wb-cta-sub:hover {
	background: rgba(255, 255, 255, .12);
	border-color: #fff;
	transform: translateY(-3px);
}

/* =========================================================
   10. 页脚 — 沉稳深色，弱化花哨
   ========================================================= */
.z_footer {
	background: #0E322B !important;
}
.z_footer .foot_nav a {
	color: rgba(255, 255, 255, .75);
	transition: color .3s ease;
}
.z_footer .foot_nav a:hover { color: #fff; }
.z_footer .foot_addre span { color: rgba(255, 255, 255, .8); }
.z_footer .foot_addre a {
	color: #fff !important;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	padding: 4px 16px;
	font-weight: 600;
	transition: all .3s ease;
}
.z_footer .foot_addre a:hover { background: rgba(255, 255, 255, .22); }
.z_footer .code_box {
	background: rgba(255, 255, 255, .95);
	border-radius: 10px;
	padding: 10px;
	color: #17332E !important;
}
.z_footer .code_box span,
.z_footer .code_box p,
.z_footer .code_box a,
.z_footer .code_box div,
.z_footer .code_box em,
.z_footer .code_box i,
.z_footer .code_box b {
	color: #17332E !important;
}
.z_footer .foot_copy,
.z_footer .foot_bottom { color: rgba(255, 255, 255, .55); }
.z_footer .foot_copy a,
.z_footer .foot_bottom a { color: rgba(255, 255, 255, .7); }

/* ---------- 回到顶部 ---------- */
#wb-backtop {
	background: var(--wb-teal-deep);
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(14, 50, 43, .35);
}
#wb-backtop::before { border-color: #fff; }

/* =========================================================
   移动端
   ========================================================= */
@media (max-width: 900px) {
	.wb-why-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.index-product__feature ul { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.index-news__wrap .news-article__list.list,
	.new-list { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

@media (max-width: 767px) {
	.wb-trust {
		margin: -34px 10px 0;
		border-radius: 14px;
	}
	.wb-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 0 6px; }
	.wb-trust-item { padding: 16px 6px 14px; }
	.wb-trust-item:nth-child(3)::before { display: none; }
	.wb-trust-item b { font-size: 24px; }
	.wb-trust-item b i { font-size: 12px; }
	.wb-trust-item span { font-size: 11.5px; letter-spacing: 1px; }

	.knowledge-article__wrap .content11 ul { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.content11 ul li { padding: 20px 14px 18px; }
	.content11 ul li img { height: 60px; margin-bottom: 10px; }
	.content11 ul li h5 { font-size: 14.5px; }
	.content11 ul li p { font-size: 12px; line-height: 1.7; }
	.content11 ul li::before { font-size: 10px; margin-bottom: 6px; }

	.index-product__feature ul { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.index-product__feature .item-box__pic img { height: 60px; }
	.index-product__feature .item-box__cont .inner { padding: 12px 14px 18px; }
	.index-product__feature .item-box__cont .inner p:first-child { font-size: 14.5px; }
	.index-product__feature .item-box__cont .inner .ac11 { font-size: 12px; }

	.wb-why { padding: 56px 0 60px; }
	.wb-why-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px; }
	.wb-why-grid figure { height: 120px; }
	.wb-why-body { padding: 12px 12px 16px; }
	.wb-why-body em { font-size: 24px; }
	.wb-why-body h3 { font-size: 14.5px; }
	.wb-why-body p { font-size: 12px; }

	.index-news__wrap .news-article__list.list figure { height: 150px; }
	.new-list figure { height: 150px; }

	.luoyong li a, .luoyong1 li a { padding: 7px 16px; font-size: 13px; }
	.luoyong, .luoyong1 { width: 100%; justify-content: center; }

	.wb-cta { padding: 0 !important; }
	.wb-cta .w1600 {
		flex-direction: column;
		text-align: center;
		padding: 34px 22px;
		border-radius: 0;
	}
	.wb-cta-t b { font-size: 19px; }
	.wb-cta-t span { font-size: 12.5px; }
	.wb-cta-btns { justify-content: center; }
	.wb-cta-btns a { padding: 11px 26px; font-size: 13.5px; }

	.wb-faq summary { font-size: 13.5px; padding: 13px 46px 13px 14px; }
	.wb-faq .wb-faq__a { padding: 0 14px 15px; }
	.wb-faq .wb-faq__a p { font-size: 12.5px; }
}