/* ============================================================
   长沙湘怡门业 Wap 手机端独立设计稿 v2（m_wrap.css）
   覆盖 Wap 原有全局样式，按设计稿手机端视图渲染
   ============================================================ */

/* 重置 Wap 原有全局样式 */
body.body_index{background:#F4F6F9;margin:0;padding:0;font-family:"Microsoft YaHei","Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}
.body_index .nav,.body_index .mainboxbg,.body_index .mainbox,.body_index #header,
.body_index #slideBox,.body_index #serchbox,.body_index .listmenu2,
.body_index .hotmenulit,.body_index .cpzs,.body_index .cplist,
.body_index #footer,.body_index .foc{display:none!important}

/* m-wrap 主容器 */
.m-wrap{display:block;max-width:420px;margin:0 auto;background:#F4F6F9;min-height:100vh;position:relative;padding-bottom:70px}
.m-wrap *{box-sizing:border-box}
.m-wrap img{max-width:100%;display:block}

/* 顶部欢迎条 */
.m-wrap .m-top{background:#0A2B52;color:#9FB4CC;font-size:11px;text-align:center;padding:5px 10px;letter-spacing:1px;line-height:1.5}

/* 头部 */
.m-wrap .m-header{background:#0B3C6E;padding:12px 14px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:50}
.m-wrap .m-logo{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.m-wrap .m-mark{width:38px;height:38px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;color:#0B3C6E;flex:none}
.m-wrap .m-logo b{color:#fff;font-size:17px;font-weight:900;letter-spacing:.5px;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-wrap .m-logo span{display:block;font-size:9px;color:#9FB4CC;letter-spacing:1.5px;margin-top:1px}
.m-wrap .m-tel{margin-left:auto;color:#fff;font-weight:900;font-size:13px;background:#E8590C;padding:9px 10px;border-radius:6px;display:flex;align-items:center;gap:4px;min-height:40px;text-decoration:none;white-space:nowrap;flex:none}
.m-wrap .m-tel svg{width:13px;height:13px;flex:none}

/* 搜索框 */
.m-wrap .m-search{padding:12px 14px;background:#fff;border-bottom:1px solid #E3E9F0}
.m-wrap .m-sbox{display:flex;border:2px solid #E8590C;border-radius:8px;overflow:hidden;height:40px;background:#fff}
.m-wrap .m-sbox form{display:flex;width:100%;margin:0;padding:0}
.m-wrap .m-sbox input[type=text]{flex:1;border:none;outline:none;padding:0 12px;font-size:16px;font-family:inherit;background:#fff;height:36px;line-height:36px;box-sizing:border-box;-webkit-appearance:none}
.m-wrap .m-sbox input[type=submit],.m-wrap .m-sbox button{width:46px;background:#E8590C;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-appearance:none}
.m-wrap .m-sbox button svg{width:18px;height:18px;margin:0 auto}

/* 横幅 */
.m-wrap .m-banner{height:170px;position:relative;overflow:hidden}
.m-wrap .m-banner>img{width:100%;height:100%;object-fit:cover;display:block}
.m-wrap .m-btxt{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,31,58,.88),rgba(11,60,110,.55));display:flex;flex-direction:column;justify-content:center;padding:0 18px}
.m-wrap .m-btxt b{color:#fff;font-size:21px;font-weight:900;line-height:1.35}
.m-wrap .m-btxt b span{color:#E8590C}
.m-wrap .m-btxt p{color:#CFE0F2;font-size:11.5px;margin-top:6px}
.m-wrap .m-bbtn{display:inline-block;margin-top:12px;background:#E8590C;color:#fff;font-size:12px;font-weight:700;padding:8px 16px;border-radius:6px;align-self:flex-start;text-decoration:none}

/* 区块通用 */
.m-wrap .m-sec{padding:16px 14px}
.m-wrap .m-sec-prods{background:#fff;border-top:1px solid #E3E9F0;border-bottom:1px solid #E3E9F0}
.m-wrap .m-sec-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.m-wrap .m-sec-title::before{content:"";width:4px;height:18px;background:#E8590C;border-radius:2px;flex:none}
.m-wrap .m-sec-title b{font-size:16px;font-weight:900;color:#0B3C6E}
.m-wrap .m-sec-title span{margin-left:auto;font-size:11px;color:#5B6B7A}

/* 产品分类 4列 */
.m-wrap .m-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}
.m-wrap .m-cat{background:#fff;border:1px solid #E3E9F0;border-radius:8px;padding:10px 4px;text-align:center;text-decoration:none;display:block}
.m-wrap .m-cat img{width:26px;height:26px;margin:0 auto 6px;display:block;object-fit:contain}
.m-wrap .m-cat b{font-size:11px;color:#16222E;font-weight:500;display:block;line-height:1.3}

/* 主打产品 2列 */
.m-wrap .m-prods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}
.m-wrap .m-prod{background:#fff;border:1px solid #E3E9F0;border-radius:8px;overflow:hidden;text-decoration:none;display:block}
.m-wrap .mp-img{height:100px;background:#EFF4FA;position:relative;overflow:hidden}
.m-wrap .mp-img img{width:100%;height:100%;object-fit:cover;display:block}
.m-wrap .mp-body{padding:8px 10px}
.m-wrap .mp-body b{font-size:12.5px;color:#0B3C6E;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.m-wrap .mp-body p{font-size:10px;color:#5B6B7A;margin-top:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.m-wrap .mp-inq{display:block;margin-top:7px;background:#FDEADB;color:#C74A06;text-align:center;font-size:11px;font-weight:700;padding:5px 0;border-radius:4px}
.m-wrap .m-more{display:block;width:100%;margin-top:14px;background:#E8590C;color:#fff;border:none;border-radius:8px;padding:11px;font-size:13px;font-weight:900;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;box-sizing:border-box}

/* 最新动态 */
.m-wrap .m-news{background:#fff;border-radius:8px;border:1px solid #E3E9F0;margin:0;padding:0;list-style:none}
.m-wrap .m-news li{list-style:none;display:flex;gap:10px;padding:11px 12px;border-bottom:1px dashed #E3E9F0;align-items:center}
.m-wrap .m-news li:last-child{border-bottom:none}
.m-wrap .m-news li a{display:flex;gap:10px;align-items:center;text-decoration:none;width:100%}
.m-wrap .mn-d{flex:none;width:40px;text-align:center;background:#EFF4FA;border-radius:6px;padding:4px 0}
.m-wrap .mn-d b{display:block;font-size:14px;color:#0B3C6E;font-weight:900;line-height:1.3}
.m-wrap .mn-d span{font-size:9px;color:#5B6B7A;line-height:1.2}
.m-wrap .m-news h5{font-size:12.5px;font-weight:500;color:#16222E;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;flex:1}

/* FAQ 手风琴 */
.m-wrap .m-faq{background:#fff;border-radius:8px;border:1px solid #E3E9F0;overflow:hidden}
.m-wrap .m-faq details{border-bottom:1px dashed #E3E9F0}
.m-wrap .m-faq details:last-child{border-bottom:none}
.m-wrap .m-faq summary{list-style:none;padding:13px 12px;font-size:13px;font-weight:700;color:#0B3C6E;display:flex;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m-wrap .m-faq summary::-webkit-details-marker{display:none}
.m-wrap .m-faq summary::after{content:"+";color:#E8590C;font-weight:900;font-size:16px}
.m-wrap .m-faq details[open] summary::after{content:"-"}
.m-wrap .mf-a{padding:0 12px 13px;font-size:12px;color:#5B6B7A;line-height:1.8}

/* 报价 CTA */
.m-wrap .m-faq-cta{margin-top:14px;background:linear-gradient(100deg,#E8590C,#C74A06);border-radius:8px;padding:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px}
.m-wrap .m-faq-cta b{font-size:15px;font-weight:900;display:block}
.m-wrap .m-faq-cta p{font-size:11px;opacity:.9;margin-top:3px}
.m-wrap .m-call{background:#fff;color:#C74A06;border-radius:6px;padding:9px 14px;font-weight:900;font-size:13px;text-decoration:none;white-space:nowrap;flex:none}

/* 页脚 */
.m-wrap .m-footer{background:#071F3A;color:#9FB4CC;padding:22px 14px 20px;font-size:11.5px;line-height:2}
.m-wrap .m-footer b{color:#fff;font-size:14px;display:block;margin-bottom:6px}
.m-wrap .mf-tel{color:#fff;font-weight:900;font-size:16px}
.m-wrap .mf-copy{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;font-size:10px;color:#7E93AB;line-height:1.6}

/* 底部 TabBar 4项 */
.m-tabbar{position:fixed;bottom:0;left:0;right:0;max-width:420px;margin:0 auto;background:#fff;border-top:1px solid #E3E9F0;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}
.m-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 6px;color:#5B6B7A;text-decoration:none;font-size:10px;gap:3px}
.m-tabbar a svg{width:20px;height:20px}
.m-tabbar a:first-child{color:#E8590C;font-weight:700}

/* 悬浮电话 */
.m-float-call{position:fixed;bottom:80px;right:14px;width:48px;height:48px;background:#E8590C;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99;box-shadow:0 4px 12px rgba(232,89,12,.4);text-decoration:none;animation:pulse 2s infinite}
.m-float-call svg{width:22px;height:22px;color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,89,12,.4)}50%{box-shadow:0 0 0 10px rgba(232,89,12,0)}}