@charset "utf-8";
/* ==========================================================================
全站补充样式（由 ExtLabelController 自动注入到 之前，PC 全站生效）
配色：主色 #2c6bb5（蓝） 辅色 #e0652a（橙）
========================================================================== */
:root {
--brand: #2c6bb5; /* 主色 */
--brand-d: #1e4e88; /* 主色深（文字 / hover） */
--brand-l: #4a8ad0; /* 主色浅（渐变尾） */
--accent: #e0652a; /* 辅色 */
--accent-d: #c2521f;
--accent-l: #f08a3c;
--ink: #2a313a; /* 正文深色 */
--muted: #6b7686; /* 次要文字 */
--line: #e6ebf1; /* 分割线 */
--tint: #f4f8fd; /* 浅底 */
}
/* ============ 1. 顶部 header-2：品牌 ↔ 服务承诺 ↔ 电话 ============ */
.header .header-2 { height: 124px; }
.header .header-2 .content {
display: flex; align-items: center; justify-content: space-between;
height: 124px; gap: 24px;
}
.header .header-2 .content .brand-logo { float: none; margin-top: 0; flex: 0 0 auto; }
.header .header-2 .content .brand-logo h3 { font-size: 32px; line-height: 34px; letter-spacing: 2px; }
.header .header-2 .content .brand-logo b { font-size: 12.5px; }
.header .header-2 .content .phone { float: none; flex: 0 0 auto; display: flex; align-items: center; }
.header .header-2 .content .phone:after { display: none !important; content: none !important; }
.header .header-2 .content .phone .icon { position: static; margin-right: 4px; }
.header .header-2 .content .phone .icon:before { display: none; }
.header .header-2 .content .phone .icon img { margin-top: 0; width: 42px; height: auto; }
.header .header-2 .content .phone .dh { margin: 0 0 0 10px; }
.header .header-2 .content .phone .dh p { font-size: 13px; color: var(--muted); }
.header .header-2 .content .phone .dh h3 { margin: 4px 0; font-size: 20px; }
/* 中栏：服务承诺（图标 + 标题 + 副标，用竖线分隔） */
.hd-mid {
flex: 1 1 auto; display: flex; align-items: center; justify-content: center;
gap: 0; padding: 0 10px;
}
.hd-mid .hd-item {
display: flex; align-items: center; gap: 10px; padding: 0 20px; position: relative;
}
.hd-mid .hd-item + .hd-item:before {
content: ""; position: absolute; left: 0; top: 50%; margin-top: -13px;
width: 1px; height: 26px; background: #dde5ef;
}
.hd-mid .hd-ic {
flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
background: linear-gradient(135deg, #e8f1fc, #d3e3f7);
display: flex; align-items: center; justify-content: center;
}
.hd-mid .hd-ic i {
width: 19px; height: 19px; display: block; background: var(--brand);
}
.hd-mid .hd-ic-2 i { background: var(--accent); }
.hd-mid .hd-txt { line-height: 1.35; }
.hd-mid .hd-txt b {
display: block; font-size: 14.5px; color: #24303d; font-weight: 700; letter-spacing: .3px;
white-space: nowrap;
}
.hd-mid .hd-txt em {
display: block; font-size: 12px; color: var(--muted); font-style: normal; white-space: nowrap;
}
/* 三个图标（CSS mask，纯色可随主题调整） */
.hd-mid .hd-ic-1 i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.hd-mid .hd-ic-2 i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.hd-mid .hd-ic-3 i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
@media (max-width: 1240px) { .hd-mid .hd-item { padding: 0 12px; } .hd-mid .hd-ic { width: 34px; height: 34px; } }
@media (max-width: 1080px) { .hd-mid { display: none; } }
/* ============ 2. 侧边栏：统一为卡片（kk / side-nav / side-card 一套皮肤） ============ */
.product-main .product-content .pro-left .kk,
.pro-left .side-card {
/* 直角（不要倒角） */
background: #fff; border: 1px solid #edf1f7; border-radius: 0; overflow: hidden;
box-shadow: 0 4px 16px rgba(24,52,88,.07); margin-top: 18px;
}
.product-main .product-content .pro-left .kk:first-child,
.pro-left .side-card:first-child { margin-top: 0; }
/* 卡片头：蓝色渐变 + 左侧橙色竖条 */
.product-main .product-content .pro-left .kk .top,
.pro-left .side-card .sc-hd {
position: relative; height: auto; line-height: 1; padding: 14px 18px;
background: linear-gradient(120deg, #2c6bb5 0%, #4a8ad0 100%);
display: flex; align-items: center; gap: 9px;
}
.product-main .product-content .pro-left .kk .top:before,
.pro-left .side-card .sc-hd:before {
content: ""; width: 4px; height: 16px; border-radius: 2px; background: var(--accent); flex: 0 0 auto;
}
.product-main .product-content .pro-left .kk .top i,
.pro-left .side-card .sc-hd span {
color: #fff; font-size: 16px; font-weight: 700; letter-spacing: .5px; font-style: normal;
}
.pro-left .side-card .sc-hd .sc-more {
margin-left: auto; color: rgba(255,255,255,.85); font-size: 12px; text-decoration: none;
}
.pro-left .side-card .sc-hd .sc-more:hover { color: #ffd9bd; }
.product-main .product-content .pro-left .kk .bd,
.pro-left .side-card .sc-bd { padding: 10px; background: #fff; }
/* ---- 侧栏导航列表 ---- */
.product-main .product-content .pro-left .sideMenu ul { padding: 0; background: #fff; }
.product-main .product-content .pro-left .sideMenu ul li { margin: 0; }
.product-main .product-content .pro-left .sideMenu ul li a {
position: relative; display: block; height: auto; line-height: 1.45;
padding: 12px 16px 12px 20px; border-bottom: 1px solid #f1f4f9; border-radius: 0;
background: transparent; font-size: 15px; color: #46536b; transition: color .2s, background .2s;
}
.product-main .product-content .pro-left .sideMenu ul li:last-child a { border-bottom: 0; }
/* ⚠ 左侧竖条一律不画：蓝的、橙的都不要（用户明确要求）。
上下级改由「底色深浅 + 文字粗细」区分，不靠竖条 */
.product-main .product-content .pro-left .sideMenu ul li a:before,
.product-main .product-content .pro-left .sideMenu ul li a:after {
display: none !important; content: none !important;
}
/* sidebar-ext.css 给 li.hover a 留了 border-left-color:#183c66，也是一根竖条，一并清掉 */
.product-main .product-content .pro-left .sideMenu ul li a { border-left: 0 !important; }
.product-main .product-content .pro-left .sideMenu ul li.hover a { border-left: 0 !important; }
.product-main .product-content .pro-left .sideMenu ul li a i { font-style: normal; }
/* hover：只有文字变蓝 + 很浅的底色 */
.product-main .product-content .pro-left .sideMenu ul li a:hover { color: var(--brand); background: #f4f8fd; }
/* 当前所在项：文字蓝加粗 + 稍深一档的蓝底（依然没有竖条） */
.product-main .product-content .pro-left .sideMenu ul li.hover a {
background: #e9f1fb; color: var(--brand); font-weight: 700;
}
.product-main .product-content .pro-left .sideMenu ul li.hover a:hover {
color: var(--brand-d); background: #e1ecf9;
}
/* ---- 联系我们卡片：只保留二维码 + 电话 ---- */
.pro-left .side-contact .sc-bd { padding: 18px; }
.pro-left .side-contact .sc-qr {
display: flex; flex-direction: column; align-items: center; gap: 10px;
padding: 16px; background: var(--tint); border: 1px dashed #d9e5f4;
}
.pro-left .side-contact .sc-qr img {
width: 118px; height: 118px; padding: 5px; border: 1px solid #e3eaf3;
background: #fff; object-fit: contain;
}
.pro-left .side-contact .sc-qr-tip {
font-size: 13px; color: #46536b; line-height: 20px; letter-spacing: .5px;
}
.pro-left .side-contact .sc-tel {
display: block; margin-top: 14px; padding: 12px 10px; text-align: center;
background: linear-gradient(120deg,#fff8f3,#ffeee3); border: 1px solid #f6d9c4;
text-decoration: none; transition: border-color .22s, background .22s;
}
.pro-left .side-contact .sc-tel b {
display: block; font-size: 24px; color: var(--accent); font-weight: 800;
letter-spacing: 1px; line-height: 1.25;
}
.pro-left .side-contact .sc-tel:hover { border-color: var(--accent); background: #ffefe4; }
/* 以下内容已从模板移除，保留兜底隐藏（防旧缓存页面露出） */
.pro-left .side-contact .sc-name,
.pro-left .side-contact .sc-row,
.pro-left .side-contact .sc-btns { display: none; }
/* ---- 服务流程 / 服务承诺卡片（在线预约页左栏） ---- */
.pro-left .side-flow .sc-bd { padding: 14px 18px 16px; }
.pro-left .side-flow ol { margin: 0; padding: 0; list-style: none; counter-reset: sf; }
.pro-left .side-flow ol li {
position: relative; padding: 7px 0 7px 30px; font-size: 13.5px; color: #46536b; line-height: 20px;
}
.pro-left .side-flow ol li span {
position: absolute; left: 0; top: 8px; width: 20px; height: 20px; border-radius: 50%;
background: var(--tint); color: var(--brand); font-size: 12px; font-weight: 700;
line-height: 20px; text-align: center; border: 1px solid #d5e3f6;
}
.pro-left .side-promise .sc-bd { padding: 14px 18px 16px; }
.pro-left .side-promise dd {
margin: 0 0 8px; padding-left: 20px; position: relative;
font-size: 13.5px; color: #46536b; line-height: 20px;
}
.pro-left .side-promise dd:before {
content: ""; position: absolute; left: 2px; top: 7px; width: 10px; height: 10px;
border-radius: 50%; background: #dceaf9; border: 2px solid var(--brand-l);
}
/* 旧结构兼容 */
.pro-left .phoneus { background: #fff; border: 0; border-radius: 12px; box-shadow: 0 4px 16px rgba(24,52,88,.07); }
.pro-left .phoneus h6 { color: var(--ink); background: linear-gradient(120deg, #2c6bb5, #4a8ad0); }
/* ============ 3. 标签云：20 色轮换 · 亮色（不含绿 / 黄） ============ */
.tag-cloud { display: flex; flex-wrap: wrap; gap: 9px; }
.tag-cloud .tag-item {
display: inline-block; padding: 6px 13px; font-size: 13px; line-height: 1.5;
border-radius: 6px; border: 1px solid transparent; font-weight: 500;
text-decoration: none; transition: all .22s;
}
.tag-cloud .tag-item:hover {
filter: saturate(1.15) brightness(1.02); box-shadow: 0 5px 14px rgba(24,52,88,.16);
transform: translateY(-2px);
}
.tag-cloud .tag-item:nth-child(20n+1) { background:#dbe7f9; color:#1e4e88; border-color:#b3cbee; }
.tag-cloud .tag-item:nth-child(20n+2) { background:#fce3d2; color:#b1480f; border-color:#f4bb92; }
.tag-cloud .tag-item:nth-child(20n+3) { background:#d9ecf7; color:#145f80; border-color:#b0d6ea; }
.tag-cloud .tag-item:nth-child(20n+4) { background:#e4ddf8; color:#4d3d8c; border-color:#c2b4ef; }
.tag-cloud .tag-item:nth-child(20n+5) { background:#ffd9e4; color:#a82b52; border-color:#f4aac1; }
.tag-cloud .tag-item:nth-child(20n+6) { background:#d3eef0; color:#0f7480; border-color:#a5dde1; }
.tag-cloud .tag-item:nth-child(20n+7) { background:#dfe6fa; color:#414d78; border-color:#b6c4ea; }
.tag-cloud .tag-item:nth-child(20n+8) { background:#f4dfd2; color:#8f4a1c; border-color:#e3b593; }
.tag-cloud .tag-item:nth-child(20n+9) { background:#d6e6fb; color:#1f5ba8; border-color:#a9c9f1; }
.tag-cloud .tag-item:nth-child(20n+10) { background:#f6dcec; color:#94256c; border-color:#e8b0d2; }
.tag-cloud .tag-item:nth-child(20n+11) { background:#d5e9f7; color:#15508a; border-color:#a8ceee; }
.tag-cloud .tag-item:nth-child(20n+12) { background:#e8e2f6; color:#51408f; border-color:#c6b8ea; }
.tag-cloud .tag-item:nth-child(20n+13) { background:#d5e8f2; color:#1c5a72; border-color:#a9cfdf; }
.tag-cloud .tag-item:nth-child(20n+14) { background:#ded6f8; color:#4d3d8c; border-color:#bcaeee; }
.tag-cloud .tag-item:nth-child(20n+15) { background:#ffdfd0; color:#a8480f; border-color:#f2b795; }
.tag-cloud .tag-item:nth-child(20n+16) { background:#dbe4f6; color:#2b4d80; border-color:#adc3e9; }
.tag-cloud .tag-item:nth-child(20n+17) { background:#e3dffb; color:#463a97; border-color:#bfb6f2; }
.tag-cloud .tag-item:nth-child(20n+18) { background:#fbe4dc; color:#9c4526; border-color:#f0bda9; }
.tag-cloud .tag-item:nth-child(20n+19) { background:#d9e8f7; color:#145f80; border-color:#b0cfea; }
.tag-cloud .tag-item:nth-child(20n+20) { background:#f7dfe6; color:#9c2f55; border-color:#eeb6c8; }
/* ============ 4. 右下角悬浮客服（PC） ============ */
.cs-dock {
position: fixed; right: 18px; bottom: 96px; z-index: 9990;
display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
}
.cs-dock .cs-item {
position: relative; width: 54px; height: 54px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
text-decoration: none; color: #fff; box-shadow: 0 6px 16px rgba(24,52,88,.24);
transition: transform .22s, box-shadow .22s;
}
.cs-dock .cs-item i { width: 22px; height: 22px; display: block; background: currentColor; }
.cs-dock .cs-item em {
position: absolute; right: 62px; top: 50%; transform: translateY(-50%) translateX(8px);
white-space: nowrap; background: #2a313a; color: #fff; font-size: 12px; font-style: normal;
padding: 5px 10px; border-radius: 5px; opacity: 0; pointer-events: none; transition: all .22s;
}
.cs-dock .cs-item em:after {
content: ""; position: absolute; right: -4px; top: 50%; margin-top: -4px;
border: 4px solid transparent; border-left-color: #2a313a;
}
.cs-dock .cs-item:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(24,52,88,.32); }
.cs-dock .cs-item:hover em { opacity: 1; transform: translateY(-50%) translateX(0); }
/* 电话=辅色橙（主行动） 微信=主色蓝 预约=深蓝 回顶=中性 */
.cs-dock .cs-tel { background: linear-gradient(135deg,#f08a3c,#e0652a); }
.cs-dock .cs-wx { background: linear-gradient(135deg,#2c6bb5,#4a8ad0); }
.cs-dock .cs-yy { background: linear-gradient(135deg,#1e4e88,#2c6bb5); }
.cs-dock .cs-top { background: #6b7686; }
.cs-dock .cs-tel i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.cs-dock .cs-wx i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.cs-dock .cs-yy i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.cs-dock .cs-top i { -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
/* 悬浮二维码弹层 */
.cs-qrmask {
position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(20,34,54,.5);
z-index: 9995; display: none; align-items: center; justify-content: center;
}
.cs-qrmask.on { display: flex; }
.cs-qrbox {
background: #fff; border-radius: 14px; padding: 26px 30px; text-align: center;
box-shadow: 0 18px 50px rgba(24,52,88,.3); max-width: 84vw;
}
.cs-qrbox img { width: 190px; height: 190px; object-fit: contain; }
.cs-qrbox h5 { font-size: 17px; color: var(--ink); margin: 14px 0 6px; font-weight: 700; }
.cs-qrbox p { font-size: 13px; color: var(--muted); line-height: 22px; }
.cs-qrbox .cs-close {
display: inline-block; margin-top: 16px; padding: 8px 26px; border-radius: 22px;
background: linear-gradient(120deg,#2c6bb5,#4a8ad0); color: #fff; font-size: 13px;
cursor: pointer; text-decoration: none;
}
@media (max-width: 768px) { .cs-dock { display: none; } }
/* 旧悬浮图标：模板残留时隐藏，避免重复 */
.wx-float { display: none !important; }
/* ============ 5. 服务卡片网格（cp-zl） ============ */
.product-main .product-content .right .cp-zl ul {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0;
}
.product-main .product-content .right .cp-zl ul li {
display: block; width: auto !important; margin: 0 !important; text-align: left;
background: #fff; border: 1px solid #edf1f7; border-radius: 12px; overflow: hidden;
box-shadow: 0 3px 12px rgba(24,52,88,.06);
transition: transform .26s, box-shadow .26s, border-color .26s;
}
.product-main .product-content .right .cp-zl ul li:hover {
transform: translateY(-5px); box-shadow: 0 14px 30px rgba(24,52,88,.15); border-color: #c9dcf3;
}
.product-main .product-content .right .cp-zl ul li .kk { border: 0; background: none; margin: 0; }
.product-main .product-content .right .cp-zl .cp-img {
position: relative; width: 100%; height: 0; padding-top: 66%; overflow: hidden; background: #f2f6fb;
}
.product-main .product-content .right .cp-zl .cp-img img {
position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover; transition: transform .45s;
}
.product-main .product-content .right .cp-zl ul li:hover .cp-img img { transform: scale(1.07); }
.product-main .product-content .right .cp-zl ul li .db-title {
width: auto; margin: 0; padding: 14px 16px; font-size: 15.5px; color: #33445c; font-weight: 600;
line-height: 24px; text-align: center;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
border-top: 1px solid #f1f4f9;
}
.product-main .product-content .right .cp-zl ul li:hover .db-title { color: var(--brand); }
@media (max-width: 1100px) { .product-main .product-content .right .cp-zl ul { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .product-main .product-content .right .cp-zl ul { grid-template-columns: 1fr; } }
/* ============ 6. 内页列表（左图右文）new-list ============ */
/* ============ 6. 维修案例 / 图文列表：紧凑左图右文卡片 ============ */
.new-list > ul { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; }
.new-list > ul > li {
background: #fff; border: 1px solid #edf1f7; overflow: hidden;
margin: 0; transition: box-shadow .22s, border-color .22s;
}
.new-list > ul > li:hover { box-shadow: 0 6px 18px rgba(24,52,88,.12); border-color: #c9dcf3; }
.new-list .download-info { display: flex; align-items: stretch; padding: 0; }
/* 图片固定 240x160：不再由原图尺寸撑高，卡片高度可控 */
.new-list .download-info .download-img {
display: block; flex: 0 0 240px; width: 240px; height: 160px;
overflow: hidden; background: #eef3fa; position: relative;
}
.new-list .download-info .download-img a { display: block; width: 100%; height: 100%; }
.new-list .download-info .download-img img {
display: block; position: absolute; left: 0; top: 0;
width: 100% !important; height: 100% !important; min-height: 0; max-width: none;
object-fit: cover; transition: transform .4s;
}
.new-list > ul > li:hover .download-info .download-img img { transform: scale(1.06); }
/* 右侧三段紧凑排布：标题 → 描述 → 底栏，不留大块空白 */
.new-list .download-info .download-basic {
flex: 1 1 auto; width: auto; min-width: 0; padding: 14px 20px 12px;
display: flex; flex-direction: column;
}
.new-list .download-info .download-title {
flex: 0 0 auto; font-size: 16.5px; line-height: 26px; font-weight: 700; color: #24303d;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.new-list .download-info .download-title a { color: inherit; text-decoration: none; }
.new-list > ul > li:hover .download-info .download-title a { color: var(--brand); }
.new-list .download-info .download-discription {
flex: 0 0 auto; margin-top: 6px;
font-size: 13px; color: #7b8798; line-height: 22px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.new-list .download-info .download-foot {
flex: 0 0 auto; margin-top: auto; padding-top: 10px;
display: flex; align-items: center; justify-content: space-between;
}
.new-list .download-info .download-foot .df-date { font-size: 12.5px; color: #9aa5b5; }
.new-list .download-info .download-foot .df-more {
font-size: 12.5px; color: var(--brand); text-decoration: none;
padding: 3px 12px; border: 1px solid #d3e2f5; transition: all .2s;
}
.new-list .download-info .download-foot .df-more:hover {
background: var(--brand); border-color: var(--brand); color: #fff;
}
@media (max-width: 860px) {
.new-list .download-info { flex-direction: column; }
.new-list .download-info .download-img { flex: none; width: 100%; height: 0; padding-top: 52%; }
.new-list .download-basic { padding: 14px 16px 12px; }
}
/* ============ 7. 首页四大优势 ============ */
.advantage { background: #f4f8fd; padding: 46px 0 52px; }
.advantage .ty_content { width: 1200px; max-width: 96%; margin: 0 auto; }
.advantage ul { display: flex; flex-wrap: wrap; gap: 18px; padding: 0; margin: 0; }
.advantage ul li {
width: calc(25% - 14px); margin: 0 !important; padding: 0 !important;
float: none; background: none;
}
.advantage ul li .ff {
height: 100%; background: #fff; border-radius: 14px; padding: 28px 22px 26px;
text-align: center; box-shadow: 0 4px 18px rgba(24,52,88,.07);
transition: transform .3s, box-shadow .3s;
}
.advantage ul li .ff:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(24,52,88,.14); }
.advantage ul li .ff .pic { display: none !important; }
.advantage ul li .ff .text { width: 100% !important; float: none !important; }
.advantage ul li .ff .adv-ic {
width: 62px; height: 62px; margin: 0 auto 16px; border-radius: 50%;
background: linear-gradient(135deg, #e8f1fc, #d3e3f7); display: flex; align-items: center;
justify-content: center; font-size: 22px; color: var(--brand-d); font-weight: 800; letter-spacing: 1px;
}
.advantage ul li .ff .adv-dl { margin: 0; text-align: left; }
.advantage ul li .ff .adv-dl dt { padding-left: 0 !important; background: none !important; width: auto !important; height: auto !important; margin-bottom: 14px !important; }
.advantage ul li .ff .adv-dl dt p {
padding: 0 0 6px !important; color: #24303d !important; font-size: 18px !important;
font-weight: 700 !important; line-height: 26px !important; text-align: center;
}
.advantage ul li .ff .adv-dl dt i {
display: block; color: var(--accent); font-size: 13px; line-height: 20px; text-align: center;
font-style: normal; padding-bottom: 12px; border-bottom: 1px dashed #e3ebf6;
}
.advantage ul li .ff .adv-dl dd {
padding: 6px 0 6px 16px !important; background: none !important; position: relative;
color: var(--muted) !important; font-size: 13.5px !important; line-height: 23px !important;
}
.advantage ul li .ff .adv-dl dd:before {
content: ""; position: absolute; left: 2px; top: 15px; width: 5px; height: 5px;
border-radius: 50%; background: var(--brand-l);
}
@media (max-width: 1100px) { .advantage ul li { width: calc(50% - 9px); } }
@media (max-width: 640px) { .advantage ul li { width: 100%; } }
/* ============ 8. 详情页主图（xqy-fdj） ============ */
#xqy-fdj { overflow: hidden; }
#xqy-fdj .product-basic { width: 380px; }
#xqy-fdj .product-img {
border: 1px solid #e3eaf3; border-radius: 12px; overflow: hidden; background: #fff;
padding: 10px; line-height: 0; box-shadow: 0 4px 14px rgba(24,52,88,.06);
}
#xqy-fdj .product-img .big-img {
width: 100%; height: 0; padding-top: 72%; position: relative; overflow: hidden; border-radius: 8px;
background: #f4f8fd;
}
#xqy-fdj .product-img .big-img img {
position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
/* 多图缩略条：模板已移除，保留兜底隐藏，防止旧缓存 / 其它模板再输出 */
#xqy-fdj .small-img, .product-img .small-img { display: none !important; }
#xqy-fdj .product-border { width: 522px; margin-left: 20px; }
#xqy-fdj .product-basic-info-item h1.medium {
font-size: 24px !important; color: #24303d; font-weight: 800 !important; line-height: 34px !important;
letter-spacing: .5px;
}
#xqy-fdj .dt-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
#xqy-fdj .dt-btns .dt-btn {
flex: 1 1 30%; min-width: 130px; height: 44px; line-height: 44px; text-align: center;
border-radius: 8px; font-size: 15px; text-decoration: none; color: #fff; transition: all .22s;
}
#xqy-fdj .dt-btn-tel { background: linear-gradient(120deg,#f08a3c,#e0652a); box-shadow: 0 4px 12px rgba(224,101,42,.28); }
#xqy-fdj .dt-btn-wx { background: linear-gradient(120deg,#2c6bb5,#4a8ad0); box-shadow: 0 4px 12px rgba(44,107,181,.28); }
#xqy-fdj .dt-btn-online { background: linear-gradient(120deg,#1e4e88,#2c6bb5); box-shadow: 0 4px 12px rgba(30,78,136,.28); }
#xqy-fdj .dt-btn:hover { transform: translateY(-2px); filter: brightness(1.05); }
#xqy-fdj .dt-btns-tip { font-size: 13px; color: var(--muted); margin-top: 14px; line-height: 22px; }
/* ============ 9. 文章详情（about-zx）与正文排版 ============ */
.about-zx { margin-top: 28px; }
.art-head {
padding: 22px 24px 18px; background: linear-gradient(120deg,#f4f8fd,#eaf2fc);
border: 1px solid #e3ebf6; border-radius: 12px 12px 0 0; text-align: center;
}
.art-head h1 {
margin: 0; font-size: 25px; line-height: 36px; font-weight: 800; color: #1e4e88;
letter-spacing: .5px;
}
.art-meta {
margin-top: 12px; display: flex; justify-content: center; flex-wrap: wrap; gap: 18px;
font-size: 13px; color: var(--muted);
}
.art-meta span { position: relative; }
.art-meta span + span:before {
content: ""; position: absolute; left: -10px; top: 50%; margin-top: -5px;
width: 1px; height: 10px; background: #cddae9;
}
.ab_img {
padding: 24px 26px 30px; background: #fff;
border: 1px solid #e3ebf6; border-top: 0; border-radius: 0 0 12px 12px;
font-size: 15.5px; color: #3d4859; line-height: 30px;
}
.ab_img p { margin: 0 0 16px; line-height: 30px; }
.ab_img img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
.ab_img a { color: var(--brand); text-decoration: none; border-bottom: 1px dashed #b9d0ee; }
.ab_img a:hover { color: var(--accent); border-bottom-color: var(--accent); }
.ab_img ul, .ab_img ol { margin: 0 0 16px; padding-left: 24px; }
.ab_img li { line-height: 30px; }
.ab_img table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
.ab_img table th, .ab_img table td { border: 1px solid #e3ebf6; padding: 8px 10px; }
.ab_img table th { background: #f4f8fd; color: #1e4e88; }
.ab_img blockquote {
margin: 0 0 16px; padding: 12px 18px; background: #f4f8fd;
border-left: 4px solid var(--brand); color: #55627a; border-radius: 0 8px 8px 0;
}
/* 正文 h1~h5：层级清晰 */
.about-zx h1, .about-zx h2, .about-zx h3, .about-zx h4, .about-zx h5,
.nr h2, .nr h3, .nr h4, .nr h5 {
margin: 26px 0 14px; line-height: 32px; font-weight: 700; color: #1e4e88;
}
.about-zx h2, .nr h2 {
font-size: 21px; padding-left: 14px; position: relative;
border-bottom: 1px solid #e8eef7; padding-bottom: 10px;
}
.about-zx h2:before, .nr h2:before {
content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 19px;
border-radius: 3px; background: linear-gradient(180deg,#2c6bb5,#4a8ad0);
}
.about-zx h3, .nr h3 {
font-size: 18px; padding-left: 24px; position: relative; color: #24303d;
}
.about-zx h3:before, .nr h3:before {
content: ""; position: absolute; left: 6px; top: 14px; width: 8px; height: 8px;
border-radius: 2px; background: var(--accent); transform: rotate(45deg);
}
.about-zx h4, .nr h4 { font-size: 16.5px; color: #33445c; padding-left: 12px; border-left: 3px solid #b9d0ee; }
.about-zx h5, .nr h5 { font-size: 15.5px; color: #46536b; padding-left: 12px; border-left: 3px dashed #cfdcec; }
.about-zx h1 { font-size: 25px; }
/* 列表页大标题 */
.pg-h1 {
margin: 18px 0 6px; font-size: 22px; line-height: 32px; font-weight: 800; color: #24303d;
padding-left: 12px; border-left: 4px solid var(--brand);
}
/* 上下篇 */
.detail-footer { margin-top: 26px; }
.detail-footer .down-up { border-top: 1px dashed #dde5ef; padding-top: 18px; }
.detail-footer .up, .detail-footer .down {
font-size: 14px; color: #55627a; line-height: 26px; width: 50%; float: left;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.detail-footer .down { text-align: right; }
.detail-footer .up a, .detail-footer .down a { color: var(--brand); text-decoration: none; }
.detail-footer .up a:hover, .detail-footer .down a:hover { color: var(--accent); }
/* ============ 10. 标签聚合页头图 ============ */
.tag-hero {
background: linear-gradient(120deg, #2c6bb5 0%, #4a8ad0 100%);
border-radius: 14px; padding: 26px 30px; color: #fff; margin-bottom: 18px;
box-shadow: 0 8px 24px rgba(44,107,181,.26);
}
.tag-hero .tag-hero-badge {
display: inline-block; padding: 3px 12px; border-radius: 20px; font-size: 12px;
background: rgba(255,255,255,.2); margin-bottom: 10px;
}
.tag-hero h1 {
font-size: 24px; font-weight: 800; color: #fff; margin: 0 0 10px;
line-height: 34px; text-align: left; border: 0; padding: 0; letter-spacing: 1px;
}
.tag-hero p { font-size: 13.5px; line-height: 24px; color: rgba(255,255,255,.92); margin: 0 0 16px; }
.tag-hero-links { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-hero-links a {
padding: 8px 18px; border-radius: 22px; font-size: 13px; text-decoration: none; transition: all .22s;
}
.tag-hero-links .th-l1 { background: #fff; color: #1e4e88; font-weight: 700; }
.tag-hero-links .th-l2 { background: rgba(255,255,255,.18); color: #fff; border: 1px solid rgba(255,255,255,.45); }
.tag-hero-links .th-l3 { background: rgba(0,0,0,.16); color: #e8f1fc; }
.tag-hero-links a:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.18); }
/* ============ 11. 首页标签区「查看全部」入口 ============ */
.idx-tags-head { display: flex; align-items: center; justify-content: space-between; }
.idx-tags-more { font-size: 13px; color: var(--brand); text-decoration: none; }
.idx-tags-more:hover { color: var(--accent); text-decoration: underline; }
/* ============ 12. 面包屑末级 ============ */
.crumb-cur { color: var(--muted); }
/* ============ 13. 在线预约页：内容区通栏（去掉右侧栏后） ============ */
.msg-wrap { display: block; }
.msg-main { width: 100%; }
/* ==========================================================================
PC 顶部导航吸顶（滚动过 header-1 + header-2 后固定）
.nav-fix-ph 是 JS 插入的占位块，用于顶替导航脱离文档流后的高度，防止内容跳动
========================================================================== */
.header .header-3.nav-fixed {
position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9000;
box-shadow: 0 4px 18px rgba(24,52,88,.22);
}
.header .header-3.nav-fixed .content { margin: 0 auto; }
.nav-fix-ph { display: none; }
@media (max-width: 1100px) {
/* 窄屏下导航项可能换行，导航条变高，吸顶意义不大，直接关闭 */
.header .header-3.nav-fixed { position: static; box-shadow: none; }
}
/* ==========================================================================
顶部导航：去掉选中项前面的橙色圆点 nav-dot 与下拉项前面的竖线 h-hr
两者已从 head.html 移除，这里做兜底隐藏（防止旧缓存页面露出）
========================================================================== */
.header .header-3 .content .main-nav .nav-dot,
.header .header-3 .content .main-nav .nav-drop .drop-a .h-hr { display: none !important; }
/* 去掉竖线后，下拉项左侧缩进回收一点，视觉更齐整 */
.header .header-3 .content .main-nav .nav-drop .drop-a { padding: 0 14px; }
.header .header-3 .content .main-nav .nav-drop .drop-a:hover .h-hr { display: none !important; }