@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/food-beverage.png') center/cover no-repeat;padding:78px 0;border-bottom:1px solid #0a2233;}
.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:#3d3a35;background:#fffdf9;line-height:1.75}
a{color:inherit;text-decoration:none}
/* 大分段横幅：每段一个产线主题 */
.seg{position:relative;color:#fff;overflow:hidden}
.seg .in{max-width:1200px;margin:0 auto;padding:58px 20px;position:relative;z-index:2}
.seg .kicker{font-size:12px;letter-spacing:4px;background:rgba(255,255,255,.16);display:inline-block;padding:4px 12px;margin-bottom:14px}
.seg h2{font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:0 1px 6px rgba(0,0,0,.2)}
.seg p{font-size:14px;max-width:600px;opacity:.94}
.seg ul{margin-top:16px;font-size:13.5px;column-count:2;max-width:640px}
.seg ul li{list-style:none;padding:3px 0}
.seg ul li::before{content:"✚ ";font-weight:700}
.seg .bg{position:absolute;inset:0;z-index:1}
.s1 .bg{background:linear-gradient(120deg,#0e7f8c,#17a2ac)}
.s2 .bg{background:linear-gradient(120deg,#b06a2c,#d98f43)}
.s3 .bg{background:linear-gradient(120deg,#3e6f4e,#5e9970)}
/* 中部统计带 */
.strip{background:#0e7f8c;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.strip .st{padding:22px 10px;border-right:1px solid rgba(255,255,255,.18)}
.strip .st:last-child{border:none}
.strip .n{font-size:28px;font-weight:800;font-family:Arial}
.strip .l{font-size:12.5px;opacity:.9;margin-top:2px}
/* 三步服务：卡片连排 */
.svc{max-width:1200px;margin:56px auto 0;padding:0 20px}
.svc-h{text-align:center;margin-bottom:34px}
.svc-h h2{font-size:24px;color:#2c2a26}
.svc-h .ln{width:44px;height:3px;background:#0e7f8c;margin:12px auto}
.svc-h p{font-size:13.5px;color:#8a8378}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #eee3d3;background:#fff}
.how .h{padding:30px 26px;border-right:1px dashed #eee3d3;position:relative}
.how .h:last-child{border:none}
.how .h .big{font-size:52px;font-weight:800;color:#efe4d2;line-height:1;font-family:Arial}
.how .h h4{font-size:16.5px;color:#0e7f8c;margin:8px 0 10px}
.how .h p{font-size:13px;color:#75705f}
/* 场景案例墙 */
.wall{max-width:1200px;margin:56px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wc{background:#fff;border:1px solid #eee3d3;overflow:hidden;transition:.25s}
.wc:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(140,100,40,.12)}
.wc .tp{height:96px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff}
.wc:nth-child(4n+1) .tp{background:#17a2ac}.wc:nth-child(4n+2) .tp{background:#d98f43}
.wc:nth-child(4n+3) .tp{background:#5e9970}.wc:nth-child(4n+0) .tp{background:#c86f5a}
.wc .tx{padding:14px 16px 18px}
.wc h5{font-size:14.5px;color:#2c2a26;margin-bottom:6px}
.wc p{font-size:12.5px;color:#8a8378}
.wc .tag{display:inline-block;margin-top:10px;font-size:11px;color:#0e7f8c;background:#e9f6f7;padding:2px 9px}
/* 证言 */
.quotes{max-width:1200px;margin:56px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qt{background:#fff;border-left:4px solid #0e7f8c;box-shadow:0 2px 12px rgba(120,90,40,.07);padding:26px 28px}
.qt .mark{font-size:40px;color:#d7ebea;line-height:.6;font-family:Georgia}
.qt p{font-size:14px;color:#4a463f;margin:10px 0 14px}
.qt .who{font-size:12.5px;color:#0e7f8c;font-weight:700}
.qt .who small{color:#a39c90;font-weight:400;margin-left:8px}
/* 联系 */
.end{max-width:1200px;margin:56px auto 60px;padding:0 20px}
.end-in{background:#2c2a26;color:#fff;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.end-in h3{font-size:20px;margin-bottom:6px}
.end-in p{font-size:13.5px;opacity:.8}
.end-in a{background:#0e7f8c;padding:12px 32px;font-weight:700;font-size:14px;color:#fff}
/* 相关产品推荐 */
.prods{max-width:1200px;margin:56px auto 0;padding:0 20px}
.pgrp{margin-bottom:24px}
.pgrp>h4{font-size:14px;color:#0e7f8c;margin-bottom:12px;padding-left:10px;border-left:3px solid #0e7f8c}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pc{background:#fff;border:1px solid #eee3d3;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.pc:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(140,100,40,.12)}
.pc .th{height:150px;display:flex;align-items:center;justify-content:center;background:#fdfbf7;overflow:hidden}
.pc .th img{max-width:86%;max-height:86%;object-fit:contain}
.pc .tt{padding:12px 15px 6px;font-size:12.5px;color:#4a463f;line-height:1.55;height:60px;overflow:hidden}
.pc .pr{padding:0 15px 15px;font-size:14.5px;color:#c8622f;font-weight:700}
.pc .pr .ask{color:#0e7f8c;font-size:12px;font-weight:400}
/* 正文里的产品链接（分段要点 / 案例墙标签） */
.seg ul li a{border-bottom:1px solid rgba(255,255,255,.55)}
.seg ul li a:hover{border-bottom-color:#fff;font-weight:700}
.wc .tag{transition:.2s}
.wc a.tag:hover{background:#0e7f8c;color:#fff}
@media(max-width:900px){.strip{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr}.how .h{border-bottom:1px dashed #eee3d3}.wall{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr}.seg ul{column-count:1}.pgrid{grid-template-columns:1fr 1fr}}