@charset "utf-8";
/* ==========================================================================
   仁通锻压 · 城市分站 / 网站地图 共用样式  rtcm.css
   主色：仁通红 #c4131a   （原 citymap 绿色主题已整体替换）
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#2b2b2b;background:#f5f6f8;line-height:1.7;font-size:15px;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,border-color .2s,opacity .2s}
img{max-width:100%;display:block;border:0}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-weight:700;line-height:1.35}

/* 页面主色变量（不支持 var 的老浏览器回退到上方硬编码色值） */
:root{
    --rt-red:#ff7a1a;--rt-deep:#e85d04;--rt-dark:#b8410a;--rt-bright:#ffa04d;
    --rt-soft:rgba(255,122,26,.08);--rt-line:rgba(255,122,26,.22);--rt-ink:#2b2b2b;--rt-gray:#8a8a8a;
}

/* ==========================================================================
   顶部导航
   ========================================================================== */
.cm-head{position:fixed;top:0;left:0;width:100%;z-index:100;background:linear-gradient(180deg,rgba(10,12,16,.96),rgba(10,12,16,.88));border-bottom:1px solid rgba(255,122,26,.2);transition:box-shadow .25s;backdrop-filter:saturate(150%) blur(6px)}
.cm-head.scrolled{box-shadow:0 4px 18px rgba(0,0,0,.35)}
.cm-bar{max-width:1240px;margin:0 auto;height:72px;padding:0 20px;display:flex;align-items:center}
.cm-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:34px}
.cm-logo img{width:44px;height:44px;object-fit:contain}
.cm-logo-txt{font-size:20px;font-weight:700;color:var(--rt-red);letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 8px rgba(255,122,26,.35)}
.cm-nav{display:flex;align-items:center;gap:4px;flex:1}
.cm-nav>li{position:relative}
.cm-nav>li>a{display:block;padding:10px 13px;font-size:15px;color:#e8e8e8;font-weight:500;white-space:nowrap;border-radius:4px;position:relative}
.cm-nav>li>a:hover,.cm-nav>li.active>a{color:var(--rt-red)}.cm-nav>li.active>a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--rt-red);border-radius:2px}
.cm-nav>li.has>a::after{content:"";display:inline-block;width:0;height:0;margin-left:5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #9aa4b0;vertical-align:2px}
.cm-nav>li.has:hover>a::after{border-top-color:var(--rt-red)}
/* 下拉 */
.cm-sub{position:absolute;top:100%;left:0;min-width:170px;background:#14171c;border:1px solid rgba(255,122,26,.25);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.45);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.cm-nav>li:hover .cm-sub{opacity:1;visibility:visible;transform:translateY(0)}
.cm-sub a{display:block;padding:9px 12px;font-size:14px;color:#444;border-radius:6px}
.cm-sub a:hover{background:rgba(255,122,26,.12);color:var(--rt-red)}
/* 顶部右侧 */
.cm-tools{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:18px}
.cm-phone{display:flex;align-items:center;gap:6px;color:var(--rt-red);font-weight:700;font-size:17px;font-family:Arial,sans-serif}
.cm-phone svg{width:17px;height:17px}
.cm-consult{background:var(--rt-red);color:#fff;padding:9px 20px;border-radius:22px;font-size:14px;font-weight:500}
.cm-consult:hover{background:var(--rt-deep)}
.cm-burger{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.cm-burger span{width:22px;height:2px;background:#333;border-radius:2px;transition:.3s}
.cm-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cm-burger.open span:nth-child(2){opacity:0}
.cm-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* 移动端展开菜单 */
.cm-mnav{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;z-index:99;padding:14px 20px 30px;overflow-y:auto}
.cm-mnav.open{display:block}
.cm-mnav>li>a{display:block;padding:14px 4px;font-size:16px;font-weight:600;color:#2b2b2b;border-bottom:1px solid #f0f0f0}
.cm-mnav .m-sub{padding:2px 0 8px 14px}
.cm-mnav .m-sub a{display:block;padding:9px 4px;font-size:14px;color:#666}
.cm-mnav .m-tel{display:inline-flex;margin-top:18px;background:var(--rt-red);color:#fff;padding:12px 28px;border-radius:26px;font-weight:600}

/* ==========================================================================
   Banner
   ========================================================================== */
.cm-banner{margin-top:72px;height:340px;background:url("/rtpic/app-hero.jpg") center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:0 20px}
.cm-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(184,65,10,.9),rgba(255,122,26,.72))}
.cm-banner .bc{position:absolute;top:22px;left:50%;transform:translateX(-50%);max-width:1240px;width:94%;text-align:left;color:rgba(255,255,255,.82);font-size:13px;z-index:2}
.cm-banner .bc a{color:rgba(255,255,255,.92)}
.cm-banner .bc a:hover{text-decoration:underline}
.cm-banner .bc em{margin:0 7px;color:rgba(255,255,255,.55);font-style:normal}
.cm-banner h1{position:relative;color:#fff;font-size:42px;font-weight:700;letter-spacing:4px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.cm-banner .bp{position:relative;color:rgba(255,255,255,.92);font-size:16px;margin-top:14px;letter-spacing:1px}
.cm-banner .br{position:relative;color:rgba(255,255,255,.72);font-size:13px;margin-top:9px}

/* ==========================================================================
   通用容器 / 标题
   ========================================================================== */
.cm-wrap{max-width:1240px;margin:0 auto;padding:52px 20px}
.cm-sec-title{text-align:center;margin-bottom:38px}
.cm-sec-title h2{font-size:27px;color:#222;font-weight:700}
.cm-sec-title .line{display:inline-block;width:50px;height:3px;background:var(--rt-red);margin-top:13px;border-radius:2px}
.cm-sec-title p{color:var(--rt-gray);margin-top:11px;font-size:14px}

/* ==========================================================================
   统计数据（上浮叠在 banner 下沿）
   ========================================================================== */
.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-78px;margin-bottom:8px;position:relative;z-index:5}
.cm-stat{background:#fff;border-radius:12px;padding:30px 20px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.07);border-top:3px solid var(--rt-red)}
.cm-stat .num{font-size:40px;color:var(--rt-red);font-weight:700;font-family:Arial,sans-serif;line-height:1.1}
.cm-stat .lbl{color:#666;font-size:14px;margin-top:9px}

/* ==========================================================================
   服务项目
   ========================================================================== */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:#fff;border-radius:12px;padding:30px 26px;box-shadow:0 2px 14px rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s;border-top:3px solid var(--rt-red)}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(255,122,26,.14)}
.svc-ico{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,var(--rt-bright),var(--rt-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;margin-bottom:17px}
.svc-card h3{font-size:18px;color:#222;margin-bottom:10px}
.svc-card p{color:#777;font-size:14px;line-height:1.85}
.svc-tags{margin-top:15px}
.svc-tags span{display:inline-block;font-size:12px;color:var(--rt-deep);background:var(--rt-soft);border:1px solid var(--rt-line);border-radius:11px;padding:2px 11px;margin:4px 6px 0 0}

/* ==========================================================================
   城市 / 区县标签 & 区块
   ========================================================================== */
.city-tags{display:flex;flex-wrap:wrap;gap:11px 13px}
.city-tag{display:inline-flex;align-items:center;gap:7px;padding:10px 19px;background:#fff;border:1px solid #e6e8ea;border-radius:25px;color:#333;font-size:14px;font-weight:500}
.city-tag:hover{background:var(--rt-red);color:#fff;border-color:var(--rt-red);transform:translateY(-2px);box-shadow:0 6px 14px rgba(255,122,26,.22)}
.city-tag em{font-style:normal;font-size:11px;color:#fff;background:var(--rt-red);border-radius:11px;padding:1px 8px;min-width:22px;text-align:center}
.city-tag:hover em{background:rgba(255,255,255,.25)}
.city-empty{color:#999;font-size:14px;text-align:center;padding:18px;width:100%}

/* 城市分组区块（省/市页） */
.city-block{margin-top:34px}
.city-block .cb-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}
.city-block .cb-head h3{font-size:19px;color:#222}
.city-block .cb-head span{font-size:13px;color:#999}

/* ==========================================================================
   CTA
   ========================================================================== */
.cta-box{background:linear-gradient(135deg,var(--rt-red),var(--rt-dark));border-radius:16px;padding:52px 40px;text-align:center;color:#fff;box-shadow:0 12px 40px rgba(232,93,4,.25)}
.cta-box h2{font-size:28px;color:#fff}
.cta-box p{color:rgba(255,255,255,.88);margin-top:13px;font-size:15px}
.cta-btns{margin-top:28px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary,.btn-outline{display:inline-block;padding:13px 34px;border-radius:27px;font-size:15px;font-weight:600}
.btn-primary{background:#fff;color:var(--rt-red)}
.btn-primary:hover{background:#fbebec}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75)}
.btn-outline:hover{background:rgba(255,255,255,.14);border-color:#fff}

/* ==========================================================================
   客户评价
   ========================================================================== */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:#fff;border-radius:12px;padding:28px 26px;box-shadow:0 2px 14px rgba(0,0,0,.04);position:relative}
.review-card::before{content:"\201C";position:absolute;top:10px;right:22px;font-size:60px;color:var(--rt-soft);font-family:Georgia,serif;line-height:1}
.rc-text{color:#555;font-size:14px;line-height:1.9;position:relative;z-index:1}
.rc-user{display:flex;align-items:center;gap:12px;margin-top:20px}
.rc-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--rt-bright),var(--rt-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}
.rc-name{font-size:15px;font-weight:600;color:#222}
.rc-company{font-size:12px;color:#999}

/* ==========================================================================
   服务案例
   ========================================================================== */
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.case-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s}
.case-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.case-img{height:150px;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(135deg,var(--rt-red),var(--rt-dark))}
.case-img.c2{background:linear-gradient(135deg,#e85d04,#a50f15)}
.case-img.c3{background:linear-gradient(135deg,#b8141b,#7c0c11)}
.case-img.c4{background:linear-gradient(135deg,#ffa04d,#c4131a)}
.case-tag{background:rgba(255,255,255,.2);color:#fff;font-size:12px;padding:3px 12px;border-radius:12px;backdrop-filter:blur(4px)}
.case-body{padding:18px 20px}
.case-body h4{font-size:15px;color:#222}
.case-body p{font-size:13px;color:#999;margin-top:6px}

/* ==========================================================================
   服务行业（原"合作伙伴"板块，改为行业标签更真实）
   ========================================================================== */
.partner-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.partner-item{padding:13px 30px;background:#fff;border:1px solid #e8eaec;border-radius:28px;font-size:15px;color:#444;font-weight:500}
.partner-item:hover{border-color:var(--rt-red);color:var(--rt-red);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,122,26,.13)}

/* ==========================================================================
   页脚
   ========================================================================== */
.cm-foot{background:linear-gradient(180deg,#0b0d11,#101319);color:#a8a8ad;margin-top:20px}
.foot-grid{max-width:1240px;margin:0 auto;padding:56px 20px 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:38px}
.foot-brand img{width:120px;height:auto;margin-bottom:18px}
.foot-brand p{font-size:13px;line-height:1.95;color:#9aa4b0}
.foot-col h4{color:#f0f0f2;font-size:15px;margin-bottom:18px;font-weight:600}
.foot-col li{margin-bottom:11px;font-size:13.5px}
.foot-col a:hover{color:var(--rt-bright)}
.foot-hot{color:#fff;font-size:21px;font-weight:700;font-family:Arial,sans-serif}
.foot-hot b{display:inline-block;width:26px;height:26px;background:var(--rt-red);border-radius:50%;font-size:13px;text-align:center;line-height:26px;margin-right:8px;vertical-align:3px}
.foot-col .fi{font-size:13px;margin-top:10px;color:#9aa4b0}
.foot-qr{width:104px;height:104px;border-radius:8px;margin-top:12px;border:1px solid #333}
.foot-bar{border-top:1px solid rgba(255,122,26,.18)}
.foot-bar-in{max-width:1240px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#8a94a0}
.foot-bar a:hover{color:var(--rt-bright)}

/* 回到顶部 */
.back-top{position:fixed;right:22px;bottom:34px;width:44px;height:44px;border-radius:50%;background:var(--rt-red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(255,122,26,.35);opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;z-index:90}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-top:hover{background:var(--rt-deep)}

/* ==========================================================================
   网站地图首页
   ========================================================================== */
.cm-hero{background:linear-gradient(180deg,rgba(8,10,14,.6),rgba(8,10,14,.88)),url(/rtpic/app-hero.jpg) center center/cover no-repeat;color:#fff;padding:70px 20px 78px;text-align:center;margin-top:72px}
.cm-hero h1{color:#fff;font-size:36px;letter-spacing:3px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.cm-hero p{color:rgba(255,255,255,.9);margin-top:15px;font-size:16px}
.cm-hero .cm-hero-btns{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cm-hero .hb{background:var(--rt-red);color:#fff;padding:12px 30px;border-radius:25px;font-weight:600;box-shadow:0 8px 24px rgba(255,122,26,.35)}
.cm-hero .hb:hover{background:var(--rt-deep)}
.cm-hero .ho{border:1.5px solid rgba(255,255,255,.8);color:#fff;padding:12px 30px;border-radius:25px;font-weight:600}
.cm-hero .ho:hover{background:rgba(255,255,255,.14)}

/* 栏目导航卡片 */
.cm-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cm-nav-card{background:#fff;border-radius:12px;padding:26px 24px;box-shadow:0 2px 14px rgba(0,0,0,.04);border-top:3px solid var(--rt-red);transition:transform .25s,box-shadow .25s}
.cm-nav-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(255,122,26,.12)}
.cm-nav-card .nc-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cm-nav-card .nc-ico{width:38px;height:38px;border-radius:10px;background:var(--rt-soft);color:var(--rt-red);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}
.cm-nav-card h3{font-size:16.5px;color:#222}
.cm-nav-card .nc-sub{font-size:12px;color:#aaa;margin-top:1px}
.cm-nav-card ul li a{display:block;padding:8px 0 8px 14px;font-size:13.5px;color:#666;position:relative;border-top:1px dashed #eee}
.cm-nav-card ul li a::before{content:"›";position:absolute;left:2px;color:var(--rt-red);font-weight:700}
.cm-nav-card ul li a:hover{color:var(--rt-red)}

/* 快速入口 */
.cm-quick{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cm-quick a{padding:11px 24px;background:#fff;border:1px solid #e6e8ea;border-radius:24px;font-size:14px;color:#444}
.cm-quick a:hover{background:var(--rt-red);color:#fff;border-color:var(--rt-red)}

/* 全国区域 */
.cm-region{background:#fff;border-radius:12px;padding:28px 28px 24px;box-shadow:0 2px 14px rgba(0,0,0,.04);margin-bottom:20px}
.cm-region-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f2f2f2}
.cm-region-badge{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--rt-bright),var(--rt-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.cm-region-head h3{font-size:18px;color:#222}
.cm-region-head span{font-size:12.5px;color:#a0a0a0;margin-left:auto}
.cm-prov{margin-bottom:16px}
.cm-prov>a{display:inline-block;font-weight:600;color:var(--rt-deep);font-size:15px;padding:3px 0;margin-right:8px}
.cm-prov>a:hover{text-decoration:underline}
.cm-cities{display:inline;flex-wrap:wrap}
.cm-cities a{display:inline-block;font-size:13px;color:#777;padding:2px 9px;margin:2px 1px;border-radius:5px}
.cm-cities a:hover{background:var(--rt-soft);color:var(--rt-red)}
.cm-prov .pmore{font-size:12px;color:#aaa;font-weight:400}

/* 首页友链 */
.cm-links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}
.cm-links a{font-size:13.5px;color:#888}
.cm-links a:hover{color:var(--rt-red)}

/* ==========================================================================
   响应式
   ========================================================================== */
@media(max-width:1100px){
    .cm-nav{display:none}
    .cm-burger{display:flex}
    .cm-tools .cm-consult{display:none}
    .cm-nav-grid{grid-template-columns:repeat(2,1fr)}
    .foot-grid{grid-template-columns:1fr 1fr}
    .case-grid{grid-template-columns:repeat(2,1fr)}
    .review-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    body{font-size:14.5px}
    .cm-bar{height:62px}
    .cm-logo img{width:38px;height:38px}
    .cm-logo-txt{font-size:18px}
    .cm-logo{margin-right:14px}
    .cm-tools{gap:12px;margin-left:auto}
    .cm-phone{font-size:15px}
    .cm-mnav{top:62px}
    .cm-banner{margin-top:62px;height:300px}
    .cm-banner h1{font-size:29px;letter-spacing:2px}
    .cm-banner .bp{font-size:14px}
    .cm-hero{margin-top:62px;padding:48px 18px 54px}
    .cm-hero h1{font-size:26px;letter-spacing:1px}
    .cm-wrap{padding:40px 16px}
    .cm-sec-title h2{font-size:22px}
    .cm-stats{grid-template-columns:repeat(2,1fr);margin-top:-64px;gap:14px}
    .cm-stat{padding:22px 14px}
    .cm-stat .num{font-size:31px}
    .svc-grid{grid-template-columns:1fr;gap:16px}
    .review-grid{grid-template-columns:1fr}
    .case-grid{grid-template-columns:1fr}
    .cm-nav-grid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr;gap:30px;padding:42px 20px}
    .cta-box{padding:38px 22px}
    .cta-box h2{font-size:22px}
    .cm-region{padding:22px 18px}
    .back-top{right:16px;bottom:26px;width:40px;height:40px}
}
@media(max-width:380px){
    .cm-stats{grid-template-columns:1fr}
}


/* ============================================================
   站2超宽底部（Logo+360环绕字 / 主导航列 / 联系区 / 分享 / 友链 / 版权公安）
   ============================================================ */
.cm-fb-wrap{max-width:1280px;margin:0 auto;padding:58px 24px 42px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:36px;align-items:start}
.cm-fb-left{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.cm-fb-logo{width:120px;height:auto;margin-bottom:2px}
.cm-fb-rotbox{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}
.cm-fb-rot{position:absolute;inset:0;animation:cmRot 22s linear infinite}
@keyframes cmRot{to{transform:rotate(360deg)}}
.cm-fb-rotlogo{width:62px;height:62px;object-fit:contain}
.cm-fb-slogan{font-size:13px;color:#9aa4b0;letter-spacing:3px}
.cm-fb-col h4{color:#f0f2f5;font-size:15px;font-weight:600;margin-bottom:18px;position:relative;padding-left:12px}
.cm-fb-col h4::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:4px;background:var(--rt-red);border-radius:2px}
.cm-fb-col li{margin-bottom:11px;font-size:13.5px}
.cm-fb-col a{color:#a9b2bd}
.cm-fb-col a:hover{color:var(--rt-red)}
.cm-fb-contact .foot-hot{color:#fff;font-size:21px;font-weight:700;font-family:Arial,sans-serif}
.cm-fb-contact .foot-hot b{display:inline-block;width:26px;height:26px;background:var(--rt-red);border-radius:50%;font-size:13px;text-align:center;line-height:26px;margin-right:8px;vertical-align:3px;color:#fff}
.cm-fb-contact .fi{font-size:13px;margin-top:10px;color:#9aa4b0}
.cm-fb-qrline{display:flex;align-items:center;gap:14px;margin-top:14px}
.cm-fb-qrline .foot-qr{width:92px;height:92px;border-radius:8px;border:1px solid #333;background:#fff;padding:4px}
.cm-fb-navmap{display:inline-block;font-size:13px;color:var(--rt-red);border:1px solid rgba(255,122,26,.5);border-radius:20px;padding:4px 14px;transition:.3s;white-space:nowrap}
.cm-fb-navmap:hover{background:var(--rt-red);color:#fff}
.cm-fb-social{max-width:1280px;margin:0 auto;padding:18px 24px;border-top:1px solid rgba(255,122,26,.15);display:flex;align-items:center;gap:12px;justify-content:center;color:#9aa4b0;font-size:13px;flex-wrap:wrap}
.cm-fb-social .cm-ic{display:inline-flex;width:32px;height:32px;border-radius:50%;background:rgba(255,122,26,.12);color:var(--rt-red);align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;transition:.3s}
.cm-fb-social a:hover .cm-ic{background:var(--rt-red);color:#fff}
.cm-fb-links{max-width:1280px;margin:0 auto;padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;color:#7d8998;font-size:12.5px}
.cm-fb-links a{color:#7d8998}
.cm-fb-links a:hover{color:var(--rt-red)}
.cm-beian{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.cm-beian a{display:inline-flex;align-items:center;gap:4px}
.cm-beian a:hover{color:var(--rt-red)}
.cm-gongan{height:14px;width:auto;vertical-align:middle}
@media(max-width:1000px){.cm-fb-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cm-fb-wrap{grid-template-columns:1fr;text-align:center}.cm-fb-col h4::before{display:none}.cm-fb-social{justify-content:center}.cm-fb-qrline{justify-content:center}.cm-fb-logo{margin:0 auto}}


/* ============================================================
   站2统一分享按钮（fa 图标 + 悬停弹二维码）
   ============================================================ */
.cm-fb-social .rt-si{position:relative;display:inline-flex;cursor:pointer}
.cm-fb-social .rt-si>i{width:34px;height:34px;border-radius:50%;background:rgba(255,122,26,.12);color:var(--rt-red);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:.3s}
.cm-fb-social .rt-si>i.rt-ico{font-size:0}
.cm-fb-social .rt-si>i.rt-ico svg{width:17px;height:17px}
.cm-fb-social .rt-si:hover>i{background:var(--rt-red);color:#fff}
.cm-fb-social .rt-si-pop{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#14171c;border:1px solid rgba(255,122,26,.25);border-radius:10px;padding:9px;opacity:0;visibility:hidden;transition:.25s;z-index:9;text-align:center;width:116px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cm-fb-social .rt-si:hover .rt-si-pop{opacity:1;visibility:visible}
.cm-fb-social .rt-si-pop img{width:94px;height:94px;border-radius:4px;display:block;margin:0 auto;background:#fff}
.cm-fb-social .rt-si-pop b{display:block;font-size:12px;color:#e8e8e8;margin-top:5px;font-weight:400}
.cm-fb-social .rt-si-pop .soon{color:#9aa4b0;line-height:1.5}
.cm-fb-social .rt-si-soon em{font-style:normal;color:#9aa4b0;font-size:12px;line-height:1.6}
