@charset "utf-8";
/* ==========================================================
   热灸膏加工栏目页  rejiugao.css
   站点规范：主色 #007b5f / 强调 #E60012 / 辅助 #ff7800
   标题 28px，外层 container 1200px，与 nj、hgy 栏目一致
   ========================================================== */

#navagation{margin:10px auto}
#navagation .position{font-size:14px;color:#909090}
#navagation a{text-decoration:none;font-size:14px;color:#909090}
#navagation a:last-child{font-size:14px;color:#303030}
#navagation a:hover{text-decoration:none;font-size:14px;color:#007b5f}

.rjg-wrap{width:1200px;margin:0 auto}
.rjg-sec{width:100%;height:auto}

/* 标题组：沿用站内 tit_adv / kinds_tit 的节奏 */
.rjg-tit{
    color:#303030;font-size:28px;text-align:center;
    margin:55px auto 0;
}
.rjg-sub{
    color:#909090;font-size:14px;text-align:center;
    letter-spacing:1px;margin-top:12px;margin-bottom:34px;
    text-transform:uppercase;
}
.rjg-tit2{
    color:#333333;font-size:22px;text-align:center;
    margin:26px auto 8px;
}

/* 首屏导语 */
.rjg-intro{
    width:1200px;margin:26px auto 0;padding:22px 28px;
    background:#f7f7f7;border-left:4px solid #007b5f;
    font-size:15px;line-height:1.95;color:#606060;
}
.rjg-intro b{color:#007b5f}
.rjg-intro em{font-style:normal;color:#e60012;font-weight:bold}

/* 四条卖点 */
#rjg-highlights ul{
    width:100%;height:auto;display:flex;flex-wrap:wrap;
    justify-content:flex-start;margin-bottom:20px;
}
#rjg-highlights ul li{
    position:relative;width:23%;flex:0 1 auto;
    margin:20px 12px 5px;text-align:center;
}
#rjg-highlights ul li .hl-img{
    width:100%;height:150px;background:#f5f5f5;
    border:1px solid #ececec;display:flex;align-items:center;justify-content:center;
    color:#007b5f;font-size:32px;font-weight:bold;
}
#rjg-highlights ul li .hl-tit{
    font-size:18px;color:#303030;font-weight:bold;margin-top:14px;
}
#rjg-highlights ul li .hl-detail{
    width:92%;margin:8px auto 0;color:#606060;font-size:14px;line-height:1.75;
}

/* 规格表：沿用 #diy 的表格样式 */
#diy .table_items{margin-top:30px}
#diy .table caption{
    font-size:16px;color:#e60112;font-weight:bold;line-height:40px;
    border:1px solid #e8e8e8;border-bottom:none;
}
#diy .table_items table thead tr th{
    color:#303030;border-bottom:1px solid #ddd;border-top:1px solid #ddd;
    text-align:center;vertical-align:middle;background:#f7f7f7;
}
#diy .table_items table tbody tr td{
    padding-top:14px;padding-bottom:14px;text-align:center;vertical-align:middle;
    font-size:14px;color:#606060;
}
#diy .table_items table tbody tr:hover td{background:#fafafa}
#diy .table_items table tbody tr td.td-strong{color:#303030;font-weight:bold}

/* 图文对照块 */
.rjg-split{display:flex;align-items:center;margin:10px auto 30px}
.rjg-split .sp-media{width:600px;flex:0 0 600px}
.rjg-split .sp-media img{width:100%;display:block;border:1px solid #f0f0f0}
.rjg-split .sp-body{flex:1;padding-left:44px}
.rjg-split .sp-body h3{
    font-size:22px;color:#303030;margin:0 0 16px;
}
.rjg-split .sp-body p{
    font-size:15px;color:#606060;line-height:1.95;margin:0 0 14px;
}
.rjg-split .sp-body ul{margin:0;padding:0}
.rjg-split .sp-body ul li{
    position:relative;padding-left:18px;margin-bottom:12px;
    font-size:15px;color:#606060;line-height:1.85;
}
.rjg-split .sp-body ul li:before{
    content:"";position:absolute;left:0;top:11px;
    width:7px;height:7px;background:#007b5f;transform:rotate(45deg);
}
.rjg-split .sp-body ul li b{color:#303030}

/* 全宽图表 */
.rjg-figure{
    width:1200px;margin:26px auto 0;
    border:1px solid #f0f0f0;background:#fff;padding:22px 0 14px;
}
.rjg-figure img{width:100%;display:block}
.rjg-figure .fig-cap{
    text-align:center;font-size:14px;color:#909090;
    padding-top:14px;margin-top:10px;border-top:1px dashed #e8e8e8;
}

/* 目数方案四卡 */
#rjg-mesh-cards ul{
    width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;
    margin:26px 0 10px;
}
#rjg-mesh-cards ul li{
    width:23.5%;flex:0 1 auto;margin:0 0.5% 16px;
    border:1px solid #ececec;padding:22px 20px;background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.04);
}
#rjg-mesh-cards ul li h4{
    font-size:17px;color:#303030;margin:0 0 12px;
    padding-left:12px;border-left:3px solid #007b5f;line-height:1.2;
}
#rjg-mesh-cards ul li p{
    font-size:14px;color:#606060;line-height:1.8;margin:0;
}

/* 定制矩阵 */
#rjg-matrix ul{
    width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;
    margin:26px 0 10px;
}
#rjg-matrix ul li{
    width:24%;flex:0 1 auto;margin:0 0.5% 16px;
    border:1px solid #ececec;background:#fff;padding:20px 18px;
}
#rjg-matrix ul li h4{
    font-size:16px;color:#303030;margin:0 0 14px;font-weight:bold;
}
#rjg-matrix ul li h4 .dot{
    display:inline-block;width:9px;height:9px;border-radius:50%;
    margin-right:7px;vertical-align:middle;
}
#rjg-matrix ul li h4 .dot-ok{background:#007b5f}
#rjg-matrix ul li h4 .dot-mid{background:#ff7800}
#rjg-matrix ul li h4 .dot-no{background:#e60012}
#rjg-matrix ul li ul{margin:0;padding:0;display:block}
#rjg-matrix ul li ul li{
    width:100%;margin:0;border:none;padding:0 0 0 14px;
    position:relative;font-size:14px;color:#606060;line-height:1.9;
    box-shadow:none;background:none;
}
#rjg-matrix ul li ul li:before{
    content:"·";position:absolute;left:2px;top:0;color:#bbb;font-weight:bold;
}

/* 流程 */
#rjg-flow ul{
    width:100%;display:flex;justify-content:space-between;
    margin:36px 0 10px;position:relative;
}
#rjg-flow ul:before{
    content:"";position:absolute;left:6%;right:6%;top:21px;height:2px;
    background:#e2e2e2;
}
#rjg-flow ul li{
    position:relative;text-align:center;width:16%;z-index:2;
}
#rjg-flow ul li .flow-n{
    width:42px;height:42px;line-height:42px;border-radius:50%;
    background:#007b5f;color:#fff;font-size:16px;font-weight:bold;
    margin:0 auto 14px;box-shadow:0 0 0 4px #fff;
}
#rjg-flow ul li .flow-t{font-size:16px;color:#303030;font-weight:bold}
#rjg-flow ul li .flow-d{font-size:13px;color:#909090;margin-top:6px;line-height:1.7}

/* 资质 */
#rjg-cert ul{
    width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;
    margin:26px 0 10px;
}
#rjg-cert ul li{
    width:32%;flex:0 1 auto;margin:0 0.66% 14px;
    border:1px solid #ececec;padding:20px;background:#fff;
}
#rjg-cert ul li b{display:block;font-size:15px;color:#303030;margin-bottom:8px}
#rjg-cert ul li span{font-size:13.5px;color:#606060;line-height:1.8;display:block}
#rjg-cert ul li code{
    display:inline-block;margin-top:6px;font-size:13px;
    background:#f5f5f5;color:#333;padding:2px 8px;border-radius:3px;
    font-family:Consolas,Monaco,monospace;
}

/* 常见问题 */
#rjg-faq{width:1200px;margin:0 auto}
#rjg-faq .faq-box{
    border-top:1px solid #ececec;margin-top:22px;
}
#rjg-faq details{border-bottom:1px solid #ececec}
#rjg-faq summary{
    list-style:none;cursor:pointer;position:relative;
    padding:20px 46px 20px 0;font-size:16px;font-weight:bold;color:#303030;
}
#rjg-faq summary::-webkit-details-marker{display:none}
#rjg-faq summary:hover{color:#007b5f}
#rjg-faq summary:after{
    content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);
    font-size:22px;font-weight:normal;color:#999;line-height:1;
}
#rjg-faq details[open] summary{color:#007b5f}
#rjg-faq details[open] summary:after{content:"\2013";color:#007b5f}
#rjg-faq .faq-a{
    padding:0 46px 22px 0;font-size:15px;color:#606060;line-height:1.95;
}
#rjg-faq .faq-a p{margin:0}

/* 底部转化 */
#rjg-cta{
    background:#007b5f;color:#fff;text-align:center;
    padding:48px 0 44px;margin-top:50px;
}
#rjg-cta h2{font-size:26px;color:#fff;margin:0 0 14px}
#rjg-cta p{font-size:15px;color:#cfe6df;margin:0 0 26px}
#rjg-cta .cta-btn{
    display:inline-block;background:#fff;color:#007b5f;
    font-size:16px;font-weight:bold;padding:13px 42px;border-radius:2px;
}
#rjg-cta .cta-btn:hover{background:#ff7800;color:#fff}
#rjg-cta .cta-meta{
    margin-top:26px;font-size:14px;color:#cfe6df;
}
#rjg-cta .cta-meta span{margin:0 14px}
#rjg-cta .cta-meta b{color:#fff}


/* ---------- AI 摘要答案块 ---------- */
#rjg-answer{padding:8px 0 4px}
.ans-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:26px 0 10px}
.ans-item{
    width:32%;flex:0 1 auto;margin:0 0.66% 16px;
    border:1px solid #ececec;border-top:3px solid #007b5f;
    padding:24px 22px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.ans-item h3{
    font-size:17px;color:#303030;margin:0 0 12px;font-weight:bold;line-height:1.45;
}
.ans-item p{font-size:14.5px;color:#606060;line-height:1.95;margin:0}
.ans-item p b{color:#007b5f}

/* ---------- 通用导语与注释 ---------- */
.rjg-lead{
    width:100%;max-width:1080px;margin:0 auto 22px;
    font-size:15px;color:#606060;line-height:1.95;text-align:left;
}
.rjg-note{
    font-size:13.5px;color:#909090;line-height:1.85;
    margin:14px 0 0;padding-left:2px;
}

/* ---------- 验厂四条 ---------- */
.verify-list{
    width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;
    margin:22px 0 6px;padding:0;
}
.verify-list li{
    width:48.5%;flex:0 1 auto;margin:0 0.75% 16px;
    border:1px solid #ececec;padding:22px 24px;background:#fff;
}
.verify-list li h4{
    font-size:16px;color:#303030;margin:0 0 12px;font-weight:bold;
    padding-left:12px;border-left:3px solid #007b5f;line-height:1.4;
}
.verify-list li p{
    font-size:14.5px;color:#606060;line-height:1.9;margin:0;
}
.rjg-fact{
    margin-top:8px;padding:22px 26px;background:#f4f9f6;
    border-left:4px solid #007b5f;font-size:14.5px;color:#4a5a54;line-height:1.95;
}
.rjg-fact b{color:#007b5f}
.rjg-fact code{
    background:#e4efe9;color:#0a5b46;padding:2px 8px;border-radius:3px;
    font-family:Consolas,Monaco,monospace;font-size:13px;
}

@media screen and (max-width:1200px){
    .ans-item{width:100%;margin:0 0 14px}
    .verify-list li{width:100%;margin:0 0 14px}
}

/* 移动端 */
@media screen and (max-width:1200px){
    .rjg-wrap,#rjg-faq,.rjg-figure,.rjg-intro{width:100%;box-sizing:border-box}
    .rjg-intro{margin:16px 0 0;padding:16px}
    .rjg-split{flex-direction:column}
    .rjg-split .sp-media{width:100%;flex:auto}
    .rjg-split .sp-body{padding-left:0;padding-top:22px}
    #rjg-highlights ul li{width:47%}
    #rjg-mesh-cards ul li{width:48%;margin:0 1% 14px}
    #rjg-matrix ul li{width:48%;margin:0 1% 14px}
    #rjg-cert ul li{width:48%;margin:0 1% 14px}
    #rjg-flow ul{flex-wrap:wrap}
    #rjg-flow ul:before{display:none}
    #rjg-flow ul li{width:47%;margin-bottom:22px}
    .rjg-tit{font-size:22px;margin-top:36px}
}
@media screen and (max-width:767px){
    .rjg-tit{font-size:20px}
    #rjg-highlights ul li{width:100%;margin:12px 0}
    #rjg-mesh-cards ul li{width:100%;margin:0 0 12px}
    #rjg-matrix ul li{width:100%;margin:0 0 12px}
    #rjg-cert ul li{width:100%;margin:0 0 12px}
    #rjg-flow ul li{width:100%}
}