@charset "utf-8";
/* ============================================================
   石油化工行业专题页 样式
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
.page-banner{position:relative;background:linear-gradient(100deg,rgba(5,28,44,.88) 0%,rgba(8,42,64,.66) 55%,rgba(12,64,96,.38) 100%),url('/static/images/front/petrochemical.png') center/cover no-repeat;padding:78px 0;border-bottom:1px solid #0a2233;margin-bottom:34px}
.page-banner .pb-in{max-width:1200px;margin:0 auto;padding:0 24px}
.page-banner h2{font-size:34px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;text-shadow:0 2px 10px rgba(0,20,35,.45)}
.page-banner p{font-size:16px;color:rgba(255,255,255,.9);max-width:780px;line-height:1.7;text-shadow:0 1px 6px rgba(0,20,35,.4)}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#333;background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}
/* 工艺链：横向节点 */
.chain{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.chain-box{background:#fff;border-radius:6px;box-shadow:0 8px 30px rgba(20,60,140,.15);padding:26px 22px}
.chain-title{text-align:center;font-size:18px;color:#16418f;font-weight:700;margin-bottom:22px}
.chain-title small{display:block;font-size:12px;color:#9ab;font-weight:400;margin-top:3px}
.chain-row{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:6px}
.node{flex:1;min-width:118px;text-align:center;position:relative}
.node .circle{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:#eef4fd;border:2px solid #1e56c8;color:#1e56c8;display:flex;align-items:center;justify-content:center;font-size:20px;transition:.25s}
.node:hover .circle{background:#1e56c8;color:#fff;transform:translateY(-3px)}
.node h5{font-size:13px;color:#1a3c7e;margin-bottom:3px}
.node p{font-size:11px;color:#889;line-height:1.5}
.node:not(:last-child)::after{content:"";position:absolute;top:26px;right:calc(-50% + 26px);width:calc(100% - 52px);height:2px;background:#c9dcf7;z-index:-1}
/* 装备卡：三列 */
.sec{max-width:1200px;margin:56px auto 0;padding:0 20px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #eef2f8;padding-bottom:12px;margin-bottom:24px}
.sec-head h2{font-size:22px;color:#1a3c7e}
.sec-head h2 i{font-style:normal;color:#1e56c8;margin-right:8px}
.sec-head span{font-size:12px;color:#9ab}
.equip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ecard{border:1px solid #e7edf6;transition:.25s;background:#fff}
.ecard:hover{box-shadow:0 10px 26px rgba(30,86,200,.13);transform:translateY(-4px);border-color:transparent}
.ecard .ico{height:110px;background:linear-gradient(135deg,#eaf2fd,#f6f9fe);display:flex;align-items:center;justify-content:center;font-size:40px;color:#4c81d8}
.ecard .bd{padding:18px 20px 20px}
.ecard h4{font-size:16px;color:#1a3c7e;margin-bottom:8px}
.ecard p{font-size:12.5px;color:#778;margin-bottom:12px;min-height:56px}
.spec{font-size:12px;color:#556;border-top:1px dashed #dfe8f4;padding-top:10px}
.spec li{list-style:none;display:flex;justify-content:space-between;padding:3px 0}
.spec b{color:#1e56c8;font-weight:600}
/* 对比表：斑马纹 */
.cmp{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}
.cmp th{background:#f0f5fc;color:#16418f;padding:12px;border-bottom:2px solid #1e56c8;text-align:left;font-weight:700}
.cmp td{padding:12px;border-bottom:1px solid #edf1f7;color:#556}
.cmp tr:hover td{background:#f8fbff}
.yes{color:#1e9e6a;font-weight:700}
.part{color:#d8930f;font-weight:700}
/* 案例：左图右文横条 */
.cases{display:grid;gap:16px}
.case{display:grid;grid-template-columns:180px 1fr;border:1px solid #e7edf6}
.case .pic{background:linear-gradient(135deg,#dbe9fb,#eef4fd);display:flex;align-items:center;justify-content:center;font-size:34px;color:#5b8adf}
.case .txt{padding:16px 22px}
.case h4{font-size:15px;color:#1a3c7e;margin-bottom:6px}
.case h4 .y{float:right;font-size:12px;color:#9ab;font-weight:400}
.case p{font-size:13px;color:#678}
.case .re{margin-top:8px;font-size:12px;color:#1e56c8;background:#f0f6ff;display:inline-block;padding:3px 10px}
/* 底部双栏：FAQ + 联系 */
.footgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:56px}
.faq-box{border:1px solid #e7edf6}
.faq-box h3{background:#16418f;color:#fff;font-size:15px;padding:13px 20px;font-weight:600}
details{border-bottom:1px solid #eef2f8}
summary{padding:14px 20px;font-size:14px;color:#334;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:#1e56c8;font-size:18px}
details[open] summary::after{content:"−"}
details p{padding:0 20px 14px;font-size:13px;color:#778}
.ct-box{background:linear-gradient(150deg,#16418f,#1e56c8);color:#fff;padding:26px 24px}
.ct-box h3{font-size:17px;margin-bottom:14px}
.ct-box li{list-style:none;font-size:13px;padding:6px 0;opacity:.92;display:flex;gap:10px}
.ct-box .btn2{display:block;text-align:center;background:#fff;color:#16418f;margin-top:18px;padding:12px;font-weight:700;font-size:14px}
.ft{background:#20304a;color:#8fa2bf;text-align:center;font-size:12px;padding:18px;margin-top:56px}
@media(max-width:900px){.equip{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.case{grid-template-columns:1fr}}

/* ===== 参数→产品对照表（引流）===== */
.ptable td.pn{font-weight:700;color:#1a3c7e;white-space:nowrap}
.ptable td.pl{font-family:Consolas,monospace;font-size:12px;color:#1e56c8}
.plink{display:inline-block;background:#f0f5fc;color:#1e56c8;border:1px solid #cfe0f8;border-radius:4px;padding:3px 11px;font-size:12px;transition:.2s}
.plink:hover{background:#1e56c8;color:#fff;border-color:#1e56c8}
/* ===== 装备卡引流链接 ===== */
.ecard .bd .elk{display:block;margin-top:12px;padding-top:10px;border-top:1px dashed #dfe8f4;font-size:13px;color:#1e56c8;font-weight:700}
.ecard .bd .elk:hover{color:#ff7a1c}
/* ===== 案例引流链接 ===== */
.case .txt .lk{display:inline-block;margin-top:6px;margin-right:14px;font-size:12.5px;color:#1e56c8;font-weight:700}
.case .txt .lk:hover{text-decoration:underline}
/* ===== FAQ 内链 ===== */
.faq-box details a{color:#1e56c8;font-weight:700}
.faq-box details a:hover{text-decoration:underline}
/* ===== 联系框内按钮 ===== */
.ct-box .btn2:hover{background:#eaf2fd}

/* ===== 热销产品卡（真实产品）===== */
.pgoods-group{margin-bottom:28px}
.pgoods-group>h3{font-size:16px;color:#1a3c7e;margin-bottom:14px;padding-left:10px;border-left:3px solid #1e56c8;line-height:1.2}
.pgoods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pg{background:#fff;border:1px solid #e7edf6;border-radius:6px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.pg:hover{box-shadow:0 8px 22px rgba(30,86,200,.14);transform:translateY(-3px);border-color:#c9dcf7}
.pg .pi{height:152px;display:flex;align-items:center;justify-content:center;background:#f8fbff;overflow:hidden}
.pg .pi img{max-width:86%;max-height:86%;object-fit:contain}
.pg .pn{padding:10px 12px 6px;font-size:13px;color:#334;line-height:1.55;height:60px;overflow:hidden}
.pg .pp{padding:0 12px 12px;font-size:15px;color:#e04b2a;font-weight:700}
.pg .pp .ask{color:#1e56c8;font-size:12.5px;font-weight:400}
@media(max-width:960px){.pgoods{grid-template-columns:repeat(2,1fr)}}