/* ============================================================
   重庆艾蓬仅酒店管理有限公司 - 全站样式
   参考站: demoall2.5fa.cn/838 (食品餐饮小吃类模板)
   配色: 主红#db261d / 深红#d70c0c / 海军蓝#222c50 / 墨黑#2f2e2e / 软灰#f2f2f2 / 深页脚#222
   ============================================================ */

/* ---------- 全局 / 重置 ---------- */
:root{
  --red:#db261d;
  --red-dark:#d70c0c;
  --red-darker:#900005;
  --navy:#222c50;
  --ink:#2f2e2e;
  --text:#515d6b;
  --muted:#747474;
  --border:#cecece;
  --bg-soft:#f2f2f2;
  --footer-bg:#222;
  --black:#000;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-transition:background-color .3s ease,border-color .3s ease,color .3s ease;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
html{-webkit-text-size-adjust:none;text-align:justify;text-justify:inter-ideograph;word-break:break-all;overflow-x:hidden}
body{color:var(--text);font-size:13px;background:#fff;font-family:"Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;outline:0;color:var(--text);-webkit-transition:all .3s ease;transition:all .3s ease}
a:hover{color:var(--red)}
ul,ol,li{list-style:none;display:block}
img{border:0;max-width:100%;display:block}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0;overflow:hidden}
.clearfix::after{content:"";display:block;clear:both}
.center{text-align:center}
.wrap{max-width:1004px;margin:0 auto;padding:0 12px;position:relative}
.main{max-width:1004px;margin:0 auto;padding:0 12px;position:relative;width:100%}

/* 滚动淡入 —— html.js 前缀确保 .visible 能覆盖(特异性 0,3,1 > 0,2,1) */
.fade-in{opacity:1}
html.js .fade-in{opacity:0;transform:translateY(40px);-webkit-transition:opacity .7s ease,transform .7s ease;transition:opacity .7s ease,transform .7s ease}
html.js .fade-in.visible{opacity:1;transform:translateY(0)}

/* 图片兜底块 */
.img-fallback{background:linear-gradient(135deg,#db261d,#d70c0c);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:4px;text-align:center;padding:10px}

/* ============================================================
   顶部信息栏 + 导航 (topbox 内含 topinfo + menubox)
   ============================================================ */
.topbox{position:sticky;top:0;z-index:200;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.topinfo{height:96px;background:#fff;border-bottom:1px solid #f0f0f0}
.topinfo .wrap{height:96px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px}
.logo .logo-ico{width:54px;height:54px;flex-shrink:0}
.logo .logo-ico svg{width:54px;height:54px;display:block}
.logo .logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo .logo-txt b{font-size:24px;color:var(--ink);font-weight:700;letter-spacing:1px}
.logo .logo-txt span{font-size:12px;color:var(--red);letter-spacing:3px;margin-top:4px;text-transform:uppercase}
.tel{display:flex;align-items:center;gap:10px}
.tel .tel-ico{width:34px;height:34px;flex-shrink:0}
.tel .tel-ico svg{width:34px;height:34px;display:block}
.tel .tel-txt{display:flex;flex-direction:column;line-height:1.1}
.tel .tel-txt span{font-size:13px;color:var(--red);text-transform:uppercase;letter-spacing:1px}
.tel .tel-txt p{font-size:28px;color:var(--ink);font-family:Impact,Arial,sans-serif;font-weight:400;letter-spacing:1px}

.menubox{height:50px;background:#fff;position:relative}
.menubox ul.menu-list{max-width:1004px;margin:0 auto;height:50px;display:flex;justify-content:center}
.menubox ul.menu-list>li{position:relative;width:110px;text-align:center}
.menubox ul.menu-list>li>a{display:block;height:50px;line-height:50px;font-size:15px;color:#010101;font-family:"Microsoft Yahei"}
.menubox ul.menu-list>li>a:hover,.menubox ul.menu-list>li>a.cur{color:var(--red)}
.menubox ul.menu-list>li>a.cur::after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:3px;background:var(--red);transform:translateX(-50%)}
.menubox .mtan{position:absolute;left:50%;transform:translateX(-50%);top:46px;width:150px;background:var(--red);padding:6px 0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:9}
.menubox ul.menu-list>li:hover .mtan{display:block}
.menubox .mtan::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--red)}
.menubox .mtan a{display:block;height:36px;line-height:36px;color:#fff;font-size:13px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.15);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menubox .mtan a:last-child{border-bottom:0}
.menubox .mtan a:hover{background:var(--red-dark);color:#fff}

.m-toggle{display:none;width:44px;height:44px;background:var(--red);border:0;cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.m-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.m-close{display:none}

/* ============================================================
   Banner 轮播
   ============================================================ */
.banner{width:100%;height:420px;overflow:hidden;position:relative;border-bottom:2px solid var(--red)}
.slideBox{width:100%;height:420px;position:relative;overflow:hidden}
.slideBox .bd{width:100%;height:420px;position:relative}
.slideBox .bd ul{width:100%;height:420px}
.slideBox .bd ul li{position:absolute;top:0;left:0;width:100%;height:420px;opacity:0;-webkit-transition:opacity .8s ease;transition:opacity .8s ease}
.slideBox .bd ul li.on{opacity:1;z-index:2}
.slideBox .bd ul li img{width:100%;height:420px;object-fit:cover}
.slideBox .bd .bmask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.05) 100%);z-index:1}
.slideBox .bd .btxt{position:absolute;left:8%;top:50%;transform:translateY(-50%);z-index:3;color:#fff;max-width:560px}
.slideBox .bd .btxt h2{font-size:40px;font-weight:700;margin-bottom:14px;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1.3}
.slideBox .bd .btxt p{font-size:17px;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.4);margin-bottom:22px}
.slideBox .bd .btxt .bbtn{display:inline-block;padding:11px 30px;background:var(--red);color:#fff;font-size:15px;border-radius:2px;font-family:"Microsoft Yahei"}
.slideBox .bd .btxt .bbtn:hover{background:var(--red-dark);color:#fff}
.slideBox .hd{position:absolute;left:0;bottom:18px;width:100%;text-align:center;z-index:5}
.slideBox .hd ul{display:inline-block}
.slideBox .hd ul li{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.6);margin:0 5px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.slideBox .hd ul li.on{background:var(--red);width:30px;border-radius:6px}
.slideBox .prev,.slideBox .next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;background:rgba(0,0,0,.35);color:#fff;z-index:6;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.slideBox .prev{left:12px}
.slideBox .next{right:12px}
.slideBox .prev svg,.slideBox .next svg{width:22px;height:22px;fill:#fff}
.banner:hover .slideBox .prev,.banner:hover .slideBox .next{opacity:1}
.slideBox .prev:hover,.slideBox .next:hover{background:var(--red)}

/* ============================================================
   公告条 (搜索 + 滚动公告) — 覆盖 banner 底部
   ============================================================ */
.notice{position:relative;z-index:10;margin-top:-46px;margin-bottom:0;height:92px;display:flex;max-width:1004px;margin-left:auto;margin-right:auto;padding:0 12px}
.search{flex:0 0 380px;background:var(--ink);height:92px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:0}
.search form{display:flex;width:100%;gap:6px}
.search .text{flex:1;height:38px;line-height:38px;border:1px solid #d4d4d4;padding:0 12px;color:#707070;font-size:13px;background:#fff;border-radius:2px;min-width:0}
.search .text:focus{border-color:var(--red);outline:0}
.search .button{width:42px;height:38px;background:var(--red);border:0;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center}
.search .button svg{width:18px;height:18px;fill:#fff}
.noticecon{flex:1;background:#fff;border:1px solid #d8d8d8;border-left:0;height:92px;display:flex;align-items:center;padding:0 20px;gap:16px;overflow:hidden;min-width:0}
.noticecon b{font-family:Impact,Arial,sans-serif;font-size:26px;font-weight:400;color:var(--ink);text-transform:uppercase;flex-shrink:0;letter-spacing:1px;line-height:1}
.noticecon p{color:var(--red);font-size:16px;font-weight:700;white-space:nowrap;flex-shrink:0;padding-left:16px;border-left:1px solid #e0e0e0;line-height:1}
.noticecon marquee{flex:1;min-width:0;color:var(--ink);font-size:14px;line-height:1.4}

/* ============================================================
   区段标题 (英文大标 + 中文 + 更多)
   ============================================================ */
.sec-title{margin:56px auto 0;text-align:center;color:#525252;font-size:34px;font-family:"Times New Roman",Times,serif;text-transform:uppercase;line-height:1.2}
.sec-sub{margin:8px auto 26px;text-align:center;position:relative;font-family:"Microsoft Yahei";color:#fff;height:24px;line-height:24px}
.sec-sub::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:1px;background:var(--border)}
.sec-sub font{position:relative;background:#fff;color:var(--red);font-size:20px;padding:0 18px;font-family:"Microsoft Yahei"}
.sec-sub .more{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#e9e9e9;border:1px solid var(--ink);color:#000;width:84px;height:24px;font-size:13px;line-height:22px;font-family:inherit}
.sec-sub .more:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* ============================================================
   关于我们
   ============================================================ */
.about{width:100%;background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 0 40px;margin-top:52px}
.about .abimg{max-width:980px;margin:-92px auto 24px;height:130px;overflow:hidden;position:relative;z-index:2;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.about .abimg img{width:100%;height:130px;object-fit:cover}
.about .abcon{max-width:880px;margin:0 auto;text-align:left;color:var(--muted);font-size:14px;line-height:30px;padding:0 12px}
.about .abcon .lead{font-size:15px;color:var(--ink);font-weight:700;margin-bottom:6px}
.about-stats{max-width:980px;margin:26px auto 0;display:flex;flex-wrap:wrap;gap:16px;padding:0 12px}
.about-stat{flex:1;min-width:180px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);padding:18px 20px;text-align:center}
.about-stat .num{font-size:32px;color:var(--red);font-family:Impact,Arial,sans-serif;font-weight:400;line-height:1}
.about-stat .num small{font-size:15px;color:var(--ink);margin-left:2px}
.about-stat .lbl{font-size:13px;color:var(--muted);margin-top:8px}

/* ============================================================
   产品展示 (分类 + 3卡/屏 横向轮播)
   ============================================================ */
.activity{width:100%;padding:8px 0 48px;border-bottom:1px solid var(--border)}
.pro-cats{max-width:980px;margin:0 auto 24px;text-align:center;font-size:14px;color:var(--navy);padding:14px 12px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pro-cats a{color:var(--navy);background:#eaeaea;padding:5px 16px;border-radius:4px;display:inline-block}
.pro-cats a:hover,.pro-cats a.cur{color:#fff;background:var(--red)}
.pro-cats a.more{color:var(--red);background:none}
.pro-cats a.more:hover{background:#eaeaea;color:var(--red)}
.pro-viewport{max-width:980px;margin:0 auto;overflow:hidden;padding:0 12px}
.pro-track{display:flex;-webkit-transition:transform .55s ease;transition:transform .55s ease}
.pro-slide{flex:0 0 100%;display:flex;gap:18px}
.pro-card{flex:1;min-width:0;position:relative;background:#fff;border:1px solid #eee}
.pro-card .fra{position:relative;width:100%;height:230px;overflow:hidden}
.pro-card .fra .bb{width:100%;height:230px;object-fit:cover;-webkit-transition:transform .5s ease;transition:transform .5s ease}
.pro-card:hover .fra .bb{transform:scale(1.06)}
.pro-card .fra label{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(219,38,29,0);display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.pro-card:hover .fra label{background:rgba(219,38,29,.55);opacity:1}
.pro-card .fra label svg{width:42px;height:42px;fill:#fff;stroke:#fff;transform:scale(.6);opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.pro-card:hover .fra label svg{transform:scale(1);opacity:1}
.pro-card .fra .badge{position:absolute;left:0;top:0;background:var(--red);color:#fff;font-size:12px;padding:4px 10px;z-index:2}
.pro-card p{height:44px;line-height:44px;text-align:center;color:var(--ink);font-size:16px;border-top:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.pro-card:hover p{color:var(--red)}
.pro-nav{max-width:980px;margin:22px auto 0;display:flex;justify-content:center;gap:14px}
.pro-nav button{width:40px;height:40px;border:1px solid var(--border);background:#fff;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pro-nav button:hover{background:var(--red);border-color:var(--red)}
.pro-nav button svg{width:16px;height:16px;fill:var(--ink)}
.pro-nav button:hover svg{fill:#fff}

/* ============================================================
   新闻中心 (左列表 + 右幻灯)
   ============================================================ */
.case{width:100%;padding:8px 0 48px}
.track{width:100%;background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:30px 0}
.news-wrap{max-width:980px;margin:0 auto;padding:0 12px;display:flex;gap:30px;align-items:flex-start}
.newsmain{flex:0 0 540px}
.newsmain li{margin-bottom:18px}
.newsmain li a{display:flex;align-items:stretch;width:100%}
.newsmain .time{flex:0 0 78px;height:84px;background:#949494;color:#fff;text-align:center;border:1px solid #777;padding:6px 4px;display:flex;flex-direction:column;justify-content:center}
.newsmain .time label{display:block;font:18px/1 "Times New Roman",serif;text-transform:uppercase;color:#fff}
.newsmain .time span{display:block;font:bold 22px/1.2 Arial;color:#fff;margin:4px 0}
.newsmain .time font{display:block;font:12px/1.4 Arial;color:#fff}
.newsmain .newsli_r{flex:1;margin-left:14px;color:#8b8b8b;line-height:1.5;overflow:hidden}
.newsmain .newsli_rt{font:16px/1.5 "Microsoft Yahei"}
.newsmain .newsli_rt .fl{display:block;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsmain .newscont{font-size:13px;height:46px;overflow:hidden;color:var(--muted);padding-top:8px;line-height:23px}
.newsmain li a:hover .time{background:var(--red)}
.newsmain li a:hover .newsli_rt .fl{color:var(--red)}
.newsleft{flex:0 0 384px;height:300px;background:var(--red);padding:6px}
.news-slideshow{position:relative;width:100%;height:288px;overflow:hidden}
.news-slideshow ul.nslide{width:100%;height:288px;position:relative}
.news-slideshow ul.nslide li{position:absolute;top:0;left:0;width:100%;height:288px;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}
.news-slideshow ul.nslide li.on{opacity:1;z-index:2}
.news-slideshow ul.nslide li img{width:100%;height:288px;object-fit:cover}
.news-slideshow .ndots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px}
.news-slideshow .ndots b{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer}
.news-slideshow .ndots b.on{background:#fff;width:20px;border-radius:5px}
.news-slideshow .nprev,.news-slideshow .nnext{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:50px;background:rgba(0,0,0,.35);color:#fff;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer}
.news-slideshow .nprev{left:0}
.news-slideshow .nnext{right:0}
.news-slideshow .nprev svg,.news-slideshow .nnext svg{width:16px;height:16px;fill:#fff}

/* ============================================================
   运营酒店 (原"加盟门店" 4卡)
   ============================================================ */
.newsframe{width:100%;padding:8px 0 56px;border-bottom:1px solid var(--border)}
.ccfra{max-width:980px;margin:0 auto;padding:0 12px}
.store-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
.store-list li{flex:1;min-width:220px;position:relative}
.store-list li a{display:block;width:100%}
.store-list li .spic{position:relative;width:100%;height:224px;overflow:hidden}
.store-list li .spic img{width:100%;height:224px;object-fit:cover;-webkit-transition:transform .5s ease;transition:transform .5s ease}
.store-list li:hover .spic img{transform:scale(1.06)}
.store-list li .spic span{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(219,38,29,0);-webkit-transition:background .4s ease;transition:background .4s ease;display:flex;align-items:center;justify-content:center}
.store-list li:hover .spic span{background:rgba(219,38,29,.45)}
.store-list li .spic span svg{width:36px;height:36px;fill:#fff;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}
.store-list li:hover .spic span svg{opacity:1}
.store-list li .stag{position:absolute;left:0;top:0;background:var(--red);color:#fff;font-size:12px;padding:5px 12px;z-index:2}
.store-list li p{height:42px;line-height:42px;text-align:center;color:var(--ink);font-size:15px;background:#fafafa;border:1px solid #f0f0f0;border-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.store-list li:hover p{color:var(--red)}

/* ============================================================
   页脚
   ============================================================ */
.foot{width:100%;background:var(--footer-bg);color:#fff;margin-top:60px;padding:0 0 30px}
.f_link{max-width:1004px;margin:-30px auto 0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:0 24px;position:relative;z-index:5;overflow:hidden}
.f_link .wrap{display:flex;align-items:center;height:60px;gap:6px;overflow-x:auto;white-space:nowrap}
.f_link .lk-l{display:flex;align-items:center;gap:4px;color:#999;font-size:14px;flex-shrink:0}
.f_link .lk-l b{color:var(--red);margin-right:10px}
.f_link a{color:#bbb;font-size:13px;margin:0 6px;flex-shrink:0}
.f_link a:hover{color:#fff}
.foot-main{width:100%;max-width:1004px;margin:0 auto;padding:36px 12px 0;display:flex;flex-wrap:wrap;gap:24px;clear:both}
.foot-col{flex:1;min-width:180px}
.foot-col h4{font-size:16px;color:#fff;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #333;font-weight:400}
.foot-col p,.foot-col a,.foot-col li{color:#aaa;font-size:13px;line-height:26px}
.foot-col a:hover,.foot-col li:hover{color:#fff}
.foot-col .fci{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.foot-col .fci svg{width:15px;height:15px;fill:var(--red);margin-top:5px;flex-shrink:0}
.foot-col ul li{padding-left:14px;position:relative}
.foot-col ul li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--red);border-radius:50%}
.foot-qr{text-align:center}
.foot-qr .qr-img{width:110px;height:110px;background:#fff;padding:5px;margin:0 auto 8px}
.foot-qr .qr-img img{width:100%;height:100%}
.foot-qr p{color:#aaa;font-size:12px;text-align:center}
.foot-copy{width:100%;max-width:1004px;margin:24px auto 0;padding:16px 12px;border-top:1px solid #2a2a2a;text-align:center;color:#888;font-size:12px;line-height:1.8}
.foot-copy a{color:#888}
.foot-copy a:hover{color:#fff}

/* 底部导航条 */
.menub{width:100%;height:50px;background:var(--black)}
.menub ul{max-width:1004px;margin:0 auto;height:50px;display:flex;justify-content:center;flex-wrap:wrap}
.menub ul li{height:50px}
.menub ul li a{display:block;height:50px;line-height:50px;padding:0 18px;color:#bbb;font-size:14px;font-family:"Microsoft Yahei"}
.menub ul li a:hover,.menub ul li a.cur{color:#fff;background:var(--red)}

/* 浮动工具栏 */
.c-tools{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;text-align:center}
.c-tools ul li{position:relative;width:54px;height:54px;margin:1px 0;background:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px}
.c-tools ul li:hover{background:var(--red)}
.c-tools ul li svg{width:24px;height:24px;fill:#fff}
.c-tools ul li>span{display:none;position:absolute;right:60px;top:0;min-width:140px;line-height:54px;padding:0 14px;background:var(--red);color:#fff;font-size:13px;white-space:nowrap;border-radius:3px}
.c-tools ul li:hover>span{display:block}
.c-tools ul li.ewm-ico>span{width:170px;height:auto;padding:10px;line-height:1.4}
.c-tools ul li.ewm-ico>span img{width:150px;height:150px;display:block;margin:0 auto}
.c-tools ul li.ewm-ico>span em{display:block;color:#fff;font-size:12px;font-style:normal;padding:6px 0 2px}
.c-tools ul li.top-ico{cursor:pointer}

/* ============================================================
   内页通用 (n-banner + 面包屑 + 左侧栏 + 主体)
   ============================================================ */
.n-banner{width:100%;height:260px;position:relative;overflow:hidden}
.n-banner img{width:100%;height:260px;object-fit:cover}
.n-banner .nb-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.3))}
.n-banner .nb-txt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 12px;z-index:2}
.n-banner .nb-txt .main{display:flex;align-items:center;justify-content:space-between}
.n-banner .nb-txt h1{color:#fff;font-size:30px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.n-banner .nb-txt i{display:block;color:rgba(255,255,255,.7);font-size:14px;font-style:normal;letter-spacing:2px;margin-top:6px}
.n-banner .nb-txt .nb-en{color:rgba(255,255,255,.5);font-family:"Times New Roman",serif;font-size:18px;text-transform:uppercase}

.ntit{background:#fff;border-bottom:1px solid var(--border)}
.ntit .main{display:flex;align-items:center;justify-content:space-between;height:60px}
.ntit .ntt h1{font-size:20px;color:var(--ink);font-weight:700;line-height:1.2}
.ntit .ntt i{display:block;font-size:12px;color:#999;font-style:normal;letter-spacing:2px;margin-top:4px}
.ntit .weiz{font-size:13px;color:#888}
.ntit .weiz a{color:#888}
.ntit .weiz a:hover{color:var(--red)}
.ntit .weiz .sep{margin:0 6px;color:#ccc}

.fyMain{max-width:1004px;margin:30px auto;padding:0 12px;display:flex;gap:24px;align-items:flex-start}
.fyLeft{flex:0 0 240px}
.l-box{background:#fff;border:1px solid var(--border);margin-bottom:20px}
.l-pro-t{font-size:17px;line-height:1.3;color:#fff;background:var(--red);padding:9px 16px;font-family:"Microsoft Yahei";position:relative}
.l-pro-t::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-right-color:rgba(255,255,255,.4)}
.l-pro-t small{display:block;font-size:11px;color:rgba(255,255,255,.75);font-family:"Times New Roman";letter-spacing:1px;text-transform:uppercase;margin-top:3px;font-weight:400;line-height:1.2}
.l-cats{padding:8px 0}
.l-cats a{display:block;padding:0 18px;height:42px;line-height:42px;color:var(--ink);font-size:14px;border-bottom:1px dashed #eee;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l-cats a::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:5px;height:5px;background:var(--red);border-radius:50%;opacity:0}
.l-cats a:hover,.l-cats a.cur{color:var(--red);background:#fafafa;padding-left:26px}
.l-cats a:hover::before,.l-cats a.cur::before{opacity:1;left:18px}
.l-cats a:last-child{border-bottom:0}
.l-contact{padding:18px;background:#fff;border:1px solid var(--border)}
.l-contact h4{font-size:16px;color:var(--ink);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}
.l-contact p{font-size:13px;color:var(--muted);line-height:24px;margin-bottom:10px;display:flex;align-items:flex-start;gap:8px}
.l-contact p svg{width:15px;height:15px;fill:var(--red);margin-top:4px;flex-shrink:0}
.l-contact .l-tel{display:block;background:var(--red);color:#fff;text-align:center;padding:10px;font-size:16px;font-family:Impact,Arial;letter-spacing:1px;border-radius:2px}

.fyRight{flex:1;min-width:0;background:#fff;border:1px solid var(--border);padding:26px 28px}

/* 产品列表 */
.pro-list{display:flex;flex-wrap:wrap;gap:18px;width:100%}
.pro-list .pl-card{flex:1 1 200px;min-width:200px;max-width:260px;background:#fff;border:1px solid #eee;position:relative}
.pro-list .pl-card a{display:block}
.pro-list .pl-card .pl-img{width:100%;height:180px;overflow:hidden;position:relative}
.pro-list .pl-card .pl-img img{width:100%;height:180px;object-fit:cover;-webkit-transition:transform .5s;transition:transform .5s}
.pro-list .pl-card:hover .pl-img img{transform:scale(1.06)}
.pro-list .pl-card .pl-img .pl-no{position:absolute;left:0;top:0;background:var(--red);color:#fff;font-size:12px;padding:3px 9px}
.pro-list .pl-card .pl-name{height:44px;line-height:44px;text-align:center;color:var(--ink);font-size:15px;border-top:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.pro-list .pl-card:hover .pl-name{color:var(--red)}

/* 产品详情 */
.pd-top{display:flex;gap:26px;margin-bottom:30px}
.pd-gallery{flex:0 0 360px}
.pd-gallery .pd-main{width:100%;height:300px;overflow:hidden;border:1px solid #eee}
.pd-gallery .pd-main img{width:100%;height:300px;object-fit:cover}
.pd-gallery .pd-thumbs{display:flex;gap:8px;margin-top:8px}
.pd-gallery .pd-thumbs img{width:70px;height:54px;object-fit:cover;border:1px solid #eee;cursor:pointer}
.pd-gallery .pd-thumbs img.on{border:2px solid var(--red)}
.pd-info{flex:1;min-width:0}
.pd-info h2{font-size:22px;color:var(--ink);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eee}
.pd-info .pd-desc{font-size:13px;color:var(--muted);line-height:26px;margin-bottom:18px}
.pd-info .pd-cta{display:flex;gap:12px;align-items:center;margin-top:18px}
.pd-info .pd-cta .pd-btn{display:inline-block;padding:11px 26px;background:var(--red);color:#fff;font-size:14px;border-radius:2px}
.pd-info .pd-cta .pd-btn:hover{background:var(--red-dark)}
.pd-info .pd-cta .pd-tel{color:var(--red);font-size:20px;font-family:Impact,Arial}
.pd-params{width:100%;border:1px solid #eee;margin-bottom:28px;border-collapse:collapse}
.pd-params caption{font-size:16px;color:var(--ink);text-align:left;padding:10px 0;border-bottom:2px solid var(--red);margin-bottom:0;font-weight:700}
.pd-params td{border:1px solid #eee;padding:10px 14px;font-size:13px}
.pd-params td.k{background:#fafafa;color:var(--ink);width:140px;font-weight:700}
.pd-params td.v{color:var(--muted)}
.pd-features{margin-bottom:28px}
.pd-features h3{font-size:16px;color:var(--ink);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee;position:relative;padding-left:14px}
.pd-features h3::before{content:"";position:absolute;left:0;top:2px;width:5px;height:18px;background:var(--red)}
.pd-features ul{display:flex;flex-wrap:wrap;gap:14px}
.pd-features li{flex:1 1 200px;min-width:200px;display:flex;gap:10px;align-items:flex-start;background:#fafafa;padding:12px 14px;border-left:3px solid var(--red)}
.pd-features li svg{width:22px;height:22px;fill:var(--red);flex-shrink:0}
.pd-features li .ft-t{font-size:14px;color:var(--ink);font-weight:700;margin-bottom:2px}
.pd-features li .ft-d{font-size:12px;color:var(--muted);line-height:20px}
.pd-rel h3{font-size:16px;color:var(--ink);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee;padding-left:14px;position:relative}
.pd-rel h3::before{content:"";position:absolute;left:0;top:2px;width:5px;height:18px;background:var(--red)}
.pd-rel .rel-list{display:flex;flex-wrap:wrap;gap:14px}
.pd-rel .rel-list .pl-card{flex:1 1 140px;min-width:140px;max-width:180px}
.pd-rel .rel-list .pl-card .pl-img{height:120px}
.pd-rel .rel-list .pl-card .pl-img img{height:120px}

/* 新闻列表 */
.news-list{width:100%}
.news-list li{border-bottom:1px solid #eee;padding:18px 0}
.news-list li a{display:flex;gap:18px;align-items:flex-start;width:100%}
.news-list .nl-img{flex:0 0 200px;height:140px;overflow:hidden}
.news-list .nl-img img{width:200px;height:140px;object-fit:cover;-webkit-transition:transform .5s;transition:transform .5s}
.news-list li:hover .nl-img img{transform:scale(1.05)}
.news-list .nl-info{flex:1;min-width:0}
.news-list .nl-info h3{font-size:16px;color:var(--ink);margin-bottom:8px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list li:hover .nl-info h3{color:var(--red)}
.news-list .nl-info .nl-meta{font-size:12px;color:#999;margin-bottom:8px}
.news-list .nl-info .nl-meta span{margin-right:14px}
.news-list .nl-info .nl-meta .nl-cat{color:var(--red);border:1px solid var(--red);padding:1px 7px;border-radius:2px}
.news-list .nl-info .nl-desc{font-size:13px;color:var(--muted);line-height:23px;height:69px;overflow:hidden}

/* 新闻详情 */
.newsview{padding:8px 0 20px}
.newsview .nv-head{text-align:center;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:22px}
.newsview .nv-head h1{font-size:24px;color:var(--ink);margin-bottom:12px;line-height:1.4}
.newsview .nv-head .nv-meta{font-size:13px;color:#999}
.newsview .nv-head .nv-meta span{margin:0 10px}
.newsview .nv-body{font-size:14px;color:var(--muted);line-height:30px}
.newsview .nv-body p{margin-bottom:18px;text-indent:2em}
.newsview .nv-body h3{font-size:16px;color:var(--ink);margin:24px 0 12px;text-indent:0;padding-left:12px;border-left:4px solid var(--red)}
.newsview .nv-body img{max-width:100%;height:auto;margin:18px auto;border:1px solid #eee}
.newsview .nv-body .nv-quote{background:#fafafa;border-left:4px solid var(--red);padding:14px 18px;color:var(--ink);text-indent:0;margin:20px 0;font-size:14px}
.nv-nav{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 0;margin-top:24px}
.nv-nav a{flex:1;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-nav a:last-child{text-align:right}
.nv-nav a:hover{color:var(--red)}
.nv-nav a .nv-label{color:#999;margin-right:6px}

/* 关于我们内页 */
.about-page p{font-size:14px;color:var(--muted);line-height:30px;margin-bottom:16px;text-indent:2em}
.about-page h3{font-size:17px;color:var(--ink);margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--red);position:relative}
.timeline{position:relative;margin:30px 0;padding-left:28px}
.timeline::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--border)}
.timeline .tl-node{position:relative;padding-bottom:24px}
.timeline .tl-node::before{content:"";position:absolute;left:-28px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 2px var(--red)}
.timeline .tl-year{font-size:18px;color:var(--red);font-family:Impact,Arial;font-weight:400;margin-bottom:4px}
.timeline .tl-t{font-size:15px;color:var(--ink);font-weight:700;margin-bottom:4px}
.timeline .tl-d{font-size:13px;color:var(--muted);line-height:24px}
.culture-grid{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}
.culture-card{flex:1;min-width:200px;background:#fafafa;border-top:3px solid var(--red);padding:24px 20px;text-align:center}
.culture-card svg{width:42px;height:42px;fill:var(--red);margin:0 auto 12px}
.culture-card h4{font-size:16px;color:var(--ink);margin-bottom:8px}
.culture-card p{font-size:13px;color:var(--muted);line-height:22px;text-indent:0}
.team-grid{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}
.team-card{flex:1;min-width:160px;max-width:220px;text-align:center;background:#fff;border:1px solid #eee}
.team-card .tm-img{width:100%;height:200px;overflow:hidden}
.team-card .tm-img img{width:100%;height:200px;object-fit:cover}
.team-card .tm-info{padding:14px 10px}
.team-card .tm-info h4{font-size:16px;color:var(--ink);margin-bottom:4px}
.team-card .tm-info span{font-size:12px;color:var(--red)}

/* 联系我们 */
.contact-info{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px}
.contact-info .ci-card{flex:1;min-width:200px;background:#fafafa;border-left:3px solid var(--red);padding:20px 18px;display:flex;gap:12px;align-items:flex-start}
.contact-info .ci-card svg{width:30px;height:30px;fill:var(--red);flex-shrink:0}
.contact-info .ci-card .ci-t{font-size:14px;color:var(--ink);font-weight:700;margin-bottom:4px}
.contact-info .ci-card .ci-d{font-size:13px;color:var(--muted);line-height:22px}
.contact-form{background:#fafafa;padding:24px;border:1px solid #eee}
.contact-form h3{font-size:16px;color:var(--ink);margin-bottom:18px;padding-left:12px;border-left:4px solid var(--red)}
.contact-form .cf-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.contact-form .cf-field{flex:1;min-width:200px}
.contact-form label{display:block;font-size:13px;color:var(--ink);margin-bottom:6px}
.contact-form label font{color:var(--red)}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #ddd;height:38px;line-height:38px;padding:0 12px;font-size:13px;color:var(--ink);border-radius:2px;background:#fff;font-family:inherit}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);outline:0}
.contact-form textarea{height:120px;line-height:24px;padding:10px 12px}
.contact-form .cf-submit{display:inline-block;padding:11px 36px;background:var(--red);color:#fff;border:0;font-size:15px;cursor:pointer;border-radius:2px;font-family:inherit}
.contact-form .cf-submit:hover{background:var(--red-dark)}
.contact-map{margin-top:24px;border:1px solid #eee;height:300px;position:relative;overflow:hidden;background:#eef2f5}
.contact-map .cm-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:42px 42px}
.contact-map .cm-road{position:absolute;background:#fff}
.contact-map .cm-road.h{height:14px;left:0;right:0;top:46%}
.contact-map .cm-road.v{width:14px;top:0;bottom:0;left:38%}
.contact-map .cm-block{position:absolute;background:#dbe6ef;border:1px solid #c5d4df}
.contact-map .cm-pin{position:absolute;left:38%;top:46%;transform:translate(-50%,-100%);z-index:5}
.contact-map .cm-pin svg{width:34px;height:34px;fill:var(--red)}
.contact-map .cm-pin .cm-pulse{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(219,38,29,.25)}
.contact-map .cm-bubble{position:absolute;left:38%;top:46%;transform:translate(20px,-130%);background:#fff;border:1px solid var(--border);padding:10px 14px;font-size:12px;color:var(--ink);line-height:20px;z-index:6;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:220px}
.contact-map .cm-bubble b{color:var(--red);display:block;margin-bottom:2px}

/* 分页 */
.page{margin-top:30px;text-align:center}
.page a,.page span{display:inline-block;height:34px;line-height:34px;padding:0 12px;margin:0 3px;background:var(--ink);color:#fff;font-size:13px;border-radius:2px}
.page a:hover,.page .cur{background:var(--red)}

/* 内页通用列表标题 */
.fy-title{font-size:18px;color:var(--ink);padding-bottom:12px;border-bottom:2px solid var(--red);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}
.fy-title b{font-weight:700;position:relative;padding-left:14px}
.fy-title b::before{content:"";position:absolute;left:0;top:2px;width:5px;height:18px;background:var(--red)}
.fy-title small{font-size:12px;color:#999;font-family:"Times New Roman";letter-spacing:1px;text-transform:uppercase}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1024px){
  .topinfo{height:auto;padding:12px 0}
  .topinfo .wrap{height:auto;flex-wrap:wrap;gap:10px}
  .menubox{height:auto}
  .menubox ul.menu-list{display:none;position:fixed;left:0;top:0;width:78%;max-width:300px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;padding-top:60px;z-index:300;transform:translateX(-100%);-webkit-transition:transform .3s;transition:transform .3s;box-shadow:2px 0 12px rgba(0,0,0,.15)}
  .menubox ul.menu-list.open{transform:translateX(0);display:flex}
  .menubox ul.menu-list>li{width:100%;text-align:left;border-bottom:1px solid #eee}
  .menubox ul.menu-list>li>a{height:48px;line-height:48px;padding:0 24px;font-size:15px}
  .menubox ul.menu-list>li>a.cur::after{display:none}
  .menubox .mtan{position:static;transform:none;width:100%;background:#fafafa;box-shadow:none;display:none;padding:0}
  .menubox .mtan::before{display:none}
  .menubox ul.menu-list>li.open-dd .mtan{display:block}
  .menubox .mtan a{color:var(--ink);height:42px;line-height:42px;padding:0 40px;border-bottom:1px solid #eee}
  .menubox .mtan a:hover{background:var(--red);color:#fff}
  .m-toggle{display:flex}
  .m-close{display:block;position:absolute;right:14px;top:14px;width:38px;height:38px;background:#fff;border:1px solid #eee;font-size:22px;color:var(--ink);cursor:pointer;z-index:5}
  .m-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:250}
  .m-overlay.open{display:block}
  .banner,.slideBox,.slideBox .bd,.slideBox .bd ul li,.slideBox .bd ul li img{height:300px}
  .slideBox .bd .btxt h2{font-size:26px}
  .slideBox .bd .btxt p{font-size:14px}
  .notice{margin-top:-30px;flex-direction:column;height:auto}
  .search{flex:none;width:100%;height:60px}
  .noticecon{flex:none;width:100%;height:60px;border-left:1px solid #d8d8d8;border-top:0}
  .news-wrap{flex-direction:column}
  .newsmain{flex:none;width:100%}
  .newsleft{flex:none;width:100%;height:260px}
  .news-slideshow,.news-slideshow ul.nslide,.news-slideshow ul.nslide li img{height:248px}
  .fyMain{flex-direction:column}
  .fyLeft{flex:none;width:100%}
  .pd-top{flex-direction:column}
  .pd-gallery{flex:none;width:100%}
  .c-tools{display:none}
}
@media (max-width:768px){
  body{font-size:12px}
  .sec-title{font-size:26px;margin-top:36px}
  .sec-sub font{font-size:17px}
  .slideBox .bd .btxt{left:5%;max-width:90%}
  .slideBox .bd .btxt h2{font-size:22px}
  .pro-slide{gap:10px}
  .pro-card .fra,.pro-card .fra .bb{height:170px}
  .about-stat{min-width:140px}
  .store-list li .spic{height:170px}
  .store-list li .spic img{height:170px}
  .foot-main{flex-direction:column;gap:18px}
  .foot-col{min-width:100%}
  .menub ul{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .menub ul li a{padding:0 14px;font-size:13px}
  .news-list li a{flex-direction:column}
  .news-list .nl-img{flex:none;width:100%;height:200px}
  .news-list .nl-img img{width:100%;height:200px}
  .pd-features li,.culture-card,.team-card,.contact-info .ci-card{flex:1 1 100%;min-width:0}
  .n-banner{height:180px}
  .n-banner img,.n-banner{height:180px}
  .n-banner .nb-txt h1{font-size:22px}
  .fyRight{padding:18px 14px}
  .contact-map{height:240px}
}