/* ============================================================
   广西白似念商贸有限公司 — 全站共享样式 style.css
   参考站:eyoucms 响应式品牌时尚女鞋模板
   配色:主色 #616161 / 加深 #434343 / 页面背景 #F1F2F6
        正文 #808080 / 标题 #333 / 链接 #454545 / 卡片文字 #666
   ============================================================ */

/* ---------- 1. 基础重置 ---------- */
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{margin:0;padding:0;}
body{
  font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.7;color:#808080;background:#F1F2F6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,form,fieldset,table{margin:0;padding:0;}
ul,ol{list-style:none;}
img{border:0;vertical-align:middle;max-width:100%;}
a{color:#454545;text-decoration:none;transition:color .25s;}
a:hover{color:#616161;text-decoration:none;}
i,em{font-style:normal;}
input,textarea,select,button{font-family:inherit;font-size:inherit;outline:none;border:none;background:none;}
button{cursor:pointer;}
table{border-collapse:collapse;width:100%;}

/* ---------- 2. 通用容器与工具类 ---------- */
.wrap{max-width:1226px;margin:0 auto;padding:0 15px;}
.fl{float:left;}.fr{float:right;}
.clearfix::after{content:"";display:block;clear:both;}
.text-center{text-align:center;}
.section{padding:60px 0;}
.img-fallback{background:linear-gradient(135deg,#616161,#434343);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:6px;}

/* 滚动淡入动画:默认可见,仅 html.js 时隐藏,避免无 JS / 头屏截图时空白 */
.fade-in{opacity:1;}
html.js .fade-in{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
html.js .fade-in.visible{opacity:1;transform:translateY(0);}

/* ---------- 3. 顶部 topbox(信息栏 + 导航) ---------- */
.topbox{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;z-index:200;}
.topbox.is-fixed{position:fixed;top:0;left:0;right:0;animation:slideD .4s ease;}
@keyframes slideD{from{transform:translateY(-100%);}to{transform:translateY(0);}}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-icon{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#616161,#434343);border-radius:50%;color:#fff;}
.logo-icon svg{width:26px;height:26px;fill:#fff;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-name{font-size:22px;font-weight:700;color:#231F20;letter-spacing:1px;}
.logo-slogan{font-size:12px;color:#999;letter-spacing:3px;margin-top:4px;text-transform:uppercase;}

.topbar-right{display:flex;align-items:center;gap:26px;}
.topbar-email{font-size:13px;color:#999;display:flex;align-items:center;gap:6px;}
.topbar-phone{font-size:20px;font-weight:700;color:#616161;display:flex;align-items:center;gap:8px;}
.topbar-phone svg{width:22px;height:22px;fill:#616161;}

/* 主导航 */
.navbox-wrap{width:100%;}
.navbox{border-top:1px solid #f0f0f0;}
.nav{display:flex;justify-content:center;align-items:stretch;}
.nav>li,.nav-item{position:relative;}
.m-nav-list{list-style:none;}
.nav>li>a{display:block;padding:0 28px;line-height:50px;font-size:15px;color:#666;position:relative;}
.nav>li>a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#616161;transition:all .3s;transform:translateX(-50%);}
.nav>li:hover>a,.nav>li.active>a{color:#616161;}
.nav>li:hover>a::after,.nav>li.active>a::after{width:30px;}
.nav .has-sub>a::before{content:"";display:none;}

/* 下拉子菜单 */
.submenu{position:absolute;top:50px;left:50%;transform:translateX(-50%);min-width:150px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12);padding:6px 0;opacity:0;visibility:hidden;transition:all .28s;z-index:50;}
.nav>li:hover .submenu{opacity:1;visibility:visible;top:54px;}
.submenu li a{display:block;padding:9px 22px;font-size:13px;color:#888;white-space:nowrap;}
.submenu li a:hover{color:#fff;background:#616161;}

/* 汉堡菜单按钮(默认隐藏) */
.nav-toggle{display:none;width:30px;height:30px;flex-direction:column;justify-content:center;gap:5px;background:none;}
.nav-toggle span{display:block;height:2px;background:#616161;transition:.3s;}

/* 移动端抽屉(默认隐藏,见媒体查询) */
.m-nav,.m-overlay{display:none;}

/* ---------- 4. 首页 Banner 轮播 ---------- */
.banner{position:relative;overflow:hidden;background:#e9eaee;}
.banner-slides{position:relative;}
.slide{position:relative;display:none;}
.slide.active{display:block;}
.slide img{width:100%;height:560px;object-fit:cover;display:block;}
.slide-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,25,.55) 0%,rgba(20,20,25,.15) 60%,rgba(20,20,25,.45) 100%);}
.slide-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:90%;color:#fff;}
.slide-text h2{font-size:42px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.4);}
.slide-text p{font-size:18px;color:#f3f3f3;margin-top:14px;letter-spacing:1px;}
.banner-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:5;}
.banner-dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);padding:0;transition:.3s;}
.banner-dots button.active{background:#fff;width:26px;border-radius:6px;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.6);color:#333;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:5;transition:.3s;}
.banner-arrow:hover{background:rgba(97,97,97,.85);color:#fff;}
.banner-arrow.prev{left:24px;}
.banner-arrow.next{right:24px;}

/* ---------- 5. 区块标题 ---------- */
.section-head{text-align:center;margin-bottom:42px;}
.section-head h2{font-size:28px;font-weight:700;color:#333;letter-spacing:2px;position:relative;display:inline-block;}
.section-head .en{display:block;font-size:14px;color:#bbb;letter-spacing:4px;text-transform:uppercase;margin-top:8px;font-family:Arial,sans-serif;}
.section-head .line{width:46px;height:3px;background:#616161;margin:16px auto 0;border-radius:2px;}
.section-head .more{position:absolute;right:0;top:8px;font-size:13px;color:#999;border:1px solid #e0e0e0;padding:6px 18px;border-radius:20px;transition:.3s;}
.section-head .more:hover{background:#616161;color:#fff;border-color:#616161;}
.section-head.with-more{position:relative;}

/* ---------- 6. 核心业务 / 服务 ---------- */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;}
.service-card{background:#fff;padding:36px 24px;text-align:center;border-radius:6px;transition:all .4s;border:1px solid transparent;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,.10);border-color:#eee;}
.service-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#f4f4f5;color:#616161;display:flex;align-items:center;justify-content:center;transition:.4s;}
.service-icon svg{width:30px;height:30px;fill:#616161;transition:.4s;}
.service-card:hover .service-icon{background:#616161;}
.service-card:hover .service-icon svg{fill:#fff;}
.service-card h3{font-size:18px;color:#333;margin-bottom:10px;font-weight:600;}
.service-card p{font-size:13px;color:#999;line-height:1.7;}

/* ---------- 7. 产品展示 ---------- */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;}
.product-card{background:#fff;border-radius:6px;overflow:hidden;transition:all .45s;}
.product-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
.product-img{overflow:hidden;}
.product-img img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .6s;}
.product-card:hover .product-img img{transform:scale(1.06);}
.product-body{padding:16px 16px 20px;text-align:center;}
.product-body h3{font-size:16px;color:#444;font-weight:600;margin-bottom:8px;transition:.3s;}
.product-card:hover .product-body h3{color:#616161;}
.product-body .desc{font-size:12px;color:#999;line-height:1.6;height:38px;overflow:hidden;}
.product-body .more-link{display:inline-block;margin-top:10px;font-size:13px;color:#ff6700;}
.product-body .more-link:hover{color:#616161;}

/* ---------- 8. 关于我们 ---------- */
.about-wrap{display:flex;align-items:center;gap:48px;}
.about-img{flex:none;width:46%;}
.about-img img{width:100%;height:360px;object-fit:cover;border-radius:6px;display:block;}
.about-text{flex:1;}
.about-text h2{font-size:26px;color:#333;font-weight:700;margin-bottom:8px;}
.about-text .en-sub{font-size:13px;color:#bbb;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;}
.about-text p{font-size:14px;color:#888;line-height:2;margin-bottom:14px;text-indent:2em;}
.stats{display:flex;gap:30px;margin-top:28px;}
.stat-item{flex:1;text-align:center;padding:18px 8px;background:#fff;border-radius:6px;}
.stat-num{font-size:30px;font-weight:700;color:#616161;}
.stat-num span{font-size:15px;}
.stat-label{font-size:13px;color:#999;margin-top:6px;}

/* ---------- 9. 新闻动态 ---------- */
.news-list{background:#fff;padding:40px 50px;border-radius:6px;}
.news-item{display:flex;align-items:flex-start;gap:26px;padding:22px 0;border-bottom:1px dashed #e0e0e0;}
.news-item:last-child{border-bottom:0;}
.news-date{flex:none;width:80px;text-align:center;background:#f6f6f7;border-radius:4px;padding:12px 6px;}
.news-date .day{font-size:26px;font-weight:700;color:#616161;line-height:1;}
.news-date .ym{font-size:12px;color:#999;margin-top:6px;}
.news-content{flex:1;}
.news-tag{display:inline-block;font-size:12px;color:#fff;background:#616161;padding:2px 10px;border-radius:3px;margin-bottom:8px;}
.news-content h3{font-size:17px;color:#333;font-weight:600;margin-bottom:8px;transition:.3s;}
.news-item:hover .news-content h3{color:#616161;}
.news-content .summary{font-size:13px;color:#999;line-height:1.7;}
.news-more{display:inline-block;margin-top:10px;font-size:13px;color:#ff6700;}
.news-more:hover{color:#616161;}

/* ---------- 10. 联系我们(首页 + 内页) ---------- */
.contact-wrap{display:flex;gap:40px;background:#fff;padding:44px;border-radius:6px;}
.contact-info{flex:1;}
.contact-info h3{font-size:22px;color:#333;margin-bottom:24px;font-weight:600;}
.contact-info .ci-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;font-size:14px;color:#777;}
.contact-info .ci-item .ci-icon{flex:none;width:36px;height:36px;border-radius:50%;background:#f4f4f5;display:flex;align-items:center;justify-content:center;}
.contact-info .ci-item .ci-icon svg{width:18px;height:18px;fill:#616161;}
.contact-info .ci-item strong{color:#444;font-weight:600;}
.contact-form{flex:1;}
.contact-form h3{font-size:22px;color:#333;margin-bottom:24px;font-weight:600;}
.form-group{margin-bottom:16px;}
.form-input,.form-textarea{width:100%;padding:12px 14px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;color:#555;transition:.3s;}
.form-input:focus,.form-textarea:focus{border-color:#616161;}
.form-textarea{resize:vertical;min-height:120px;}
.btn,.btn-submit{display:inline-block;padding:13px 38px;background:#434343;color:#fff;border-radius:4px;font-size:14px;letter-spacing:2px;transition:.3s;}
.btn:hover,.btn-submit:hover{background:#616161;color:#fff;}

/* ---------- 11. 合作伙伴 ---------- */
.partners{background:#fff;border-radius:6px;padding:30px;}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;width:100%;}
.partner-item{height:80px;border:1px solid #f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;
  font-size:15px;color:#aaa;font-weight:600;transition:.3s;}
.partner-item:hover{border-color:#616161;color:#616161;}

/* ---------- 12. 友情链接 ---------- */
.links{padding:20px 0;border-top:1px solid #e8e8e8;}
.links-list{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;}
.links-list span{font-weight:600;color:#666;}
.links-list a{color:#999;}
.links-list a:hover{color:#616161;}

/* ---------- 13. 页脚 ---------- */
.footer{background:#2a2a2a;color:#9a9a9a;padding:54px 0 0;}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:36px;padding-bottom:36px;}
.footer-col h4{font-size:15px;color:#fff;margin-bottom:20px;font-weight:600;}
.footer-col p{font-size:13px;line-height:2;color:#9a9a9a;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:13px;color:#9a9a9a;}
.footer-col ul li a:hover{color:#fff;}
.footer-contact li{font-size:13px;color:#9a9a9a;margin-bottom:12px;display:flex;gap:8px;align-items:flex-start;}
.footer-contact li svg{width:15px;height:15px;fill:#9a9a9a;flex:none;margin-top:3px;}
.footer-qr{text-align:center;}
.footer-qr img{width:97px;height:97px;border:4px solid #fff;border-radius:4px;}
.footer-qr p{font-size:12px;color:#9a9a9a;margin-top:8px;text-align:center;}
.footer-copyright{border-top:1px solid #3c3c3c;padding:18px 0;text-align:center;font-size:13px;color:#888;}
.footer-copyright a{color:#888;}
.footer-copyright a:hover{color:#fff;}

/* 返回顶部 */
.back-top{position:fixed;right:26px;bottom:30px;width:46px;height:46px;border-radius:6px;background:#616161;color:#fff;
  font-size:13px;display:none;align-items:center;justify-content:center;z-index:150;box-shadow:0 4px 12px rgba(0,0,0,.2);flex-direction:column;gap:2px;line-height:1.1;transition:.3s;}
.back-top.show{display:flex;}
.back-top:hover{background:#434343;}
.back-top svg{width:18px;height:18px;fill:#fff;}

/* ---------- 14. 内页 Banner + 面包屑 ---------- */
.inner-banner{position:relative;height:280px;overflow:hidden;background:#3a3a3a;}
.inner-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.inner-banner-mask{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.5));}
.inner-banner-text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;z-index:2;}
.inner-banner-text h2{font-size:34px;color:#fff;letter-spacing:3px;}
.inner-banner-text .en{display:block;font-size:14px;color:#ddd;letter-spacing:4px;text-transform:uppercase;margin-top:10px;}

/* 面包屑栏 */
.crumbs{background:#fff;border-bottom:1px solid #f0f0f0;}
.crumbs-in{display:flex;align-items:center;justify-content:space-between;padding:22px 0;}
.crumbs-left{display:flex;flex-direction:column;}
.crumbs h1{font-size:22px;color:#333;font-weight:700;line-height:1.2;}
.crumbs h1 .en{display:block;font-size:13px;color:#bbb;letter-spacing:3px;text-transform:uppercase;margin-top:6px;}
.crumb-path{font-size:13px;color:#999;}
.crumb-path a{color:#999;}
.crumb-path a:hover{color:#616161;}
.crumb-path .sep{margin:0 6px;color:#ccc;}
/* 详情页面包屑标题(非 h1,与 h1 同款样式) */
.crumb-h{font-size:22px;color:#333;font-weight:700;line-height:1.2;}
.crumb-h .en{display:block;font-size:13px;color:#bbb;letter-spacing:3px;text-transform:uppercase;margin-top:6px;}
/* 首页视觉隐藏 h1(SEO) */
.home-h1,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* 新闻列表发布日期小字 */
.news-date-inline{color:#999;font-size:13px;margin:6px 0;}

/* ---------- 15. 内容区通用 ---------- */
.content{padding:48px 0;}
.content-in{max-width:1226px;margin:0 auto;padding:0 15px;}
.page-intro{text-align:center;max-width:860px;margin:0 auto 40px;color:#888;font-size:14px;line-height:2;}

/* 关于我们页 */
.about-page{background:#fff;padding:46px;border-radius:6px;}
.about-page p{font-size:14px;color:#888;line-height:2;margin-bottom:16px;text-indent:2em;}
.timeline{position:relative;margin-top:40px;padding-left:30px;}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:#e0e0e0;}
.timeline-item{position:relative;padding-bottom:28px;}
.timeline-item::before{content:"";position:absolute;left:-30px;top:4px;width:14px;height:14px;border-radius:50%;background:#616161;border:3px solid #fff;box-shadow:0 0 0 2px #616161;}
.timeline-item .t-year{font-size:18px;font-weight:700;color:#616161;}
.timeline-item h4{font-size:15px;color:#333;margin:4px 0;}
.timeline-item p{font-size:13px;color:#999;text-indent:0;line-height:1.8;}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;width:100%;}
.culture-card{background:#fff;padding:32px 24px;border-radius:6px;text-align:center;border-top:3px solid #616161;box-shadow:0 4px 14px rgba(0,0,0,.05);}
.culture-card .c-icon{width:50px;height:50px;margin:0 auto 14px;color:#616161;}
.culture-card .c-icon svg{width:50px;height:50px;fill:#616161;}
.culture-card h4{font-size:18px;color:#333;margin-bottom:10px;}
.culture-card p{font-size:13px;color:#999;line-height:1.8;text-indent:0;}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;width:100%;}
.team-card{background:#fff;border-radius:6px;overflow:hidden;text-align:center;transition:.4s;}
.team-card:hover{transform:translateY(-6px);box-shadow:0 10px 26px rgba(0,0,0,.12);}
.team-card img{width:100%;height:230px;object-fit:cover;display:block;}
.team-name{font-size:17px;color:#333;font-weight:600;margin-top:14px;}
.team-role{font-size:13px;color:#616161;margin:4px 0 16px;}

/* ---------- 16. 产品列表 / 详情 ---------- */
.products-grid.list-grid{grid-template-columns:repeat(3,1fr);}

/* 详情页 */
.detail-wrap{display:flex;gap:40px;background:#fff;padding:40px;border-radius:6px;}
.detail-img{flex:none;width:44%;}
.detail-img img{width:100%;height:420px;object-fit:cover;border-radius:6px;display:block;}
.detail-info{flex:1;}
.detail-info h1{font-size:24px;color:#333;font-weight:600;margin-bottom:6px;line-height:1.4;}
.detail-info .detail-sub{font-size:13px;color:#999;margin-bottom:18px;}
.detail-desc{font-size:14px;color:#888;line-height:2;margin-bottom:20px;text-indent:2em;}
.detail-price{font-size:14px;color:#ff6700;margin-bottom:20px;}
.detail-block{margin-top:30px;background:#fff;padding:30px 36px;border-radius:6px;}
.detail-block>h3{font-size:18px;color:#333;font-weight:600;padding-bottom:12px;border-bottom:2px solid #f0f0f0;margin-bottom:18px;position:relative;}
.detail-block>h3::after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:#616161;}
.detail-block p{font-size:14px;color:#888;line-height:2;margin-bottom:12px;text-indent:2em;}
.param-table{margin-top:8px;}
.param-table th,.param-table td{border:1px solid #ececec;padding:11px 16px;font-size:14px;text-align:left;}
.param-table th{background:#f8f8f9;color:#555;font-weight:600;width:180px;}
.param-table td{color:#888;}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px;}
.feature-item{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#777;}
.feature-item .f-icon{flex:none;width:34px;height:34px;border-radius:50%;background:#f4f4f5;display:flex;align-items:center;justify-content:center;}
.feature-item .f-icon svg{width:17px;height:17px;fill:#616161;}
.feature-item h4{font-size:14px;color:#444;margin-bottom:2px;}
.feature-item p{font-size:12px;color:#999;text-indent:0;line-height:1.6;margin:0;}

/* ---------- 17. 新闻列表页 ---------- */
.news-list-page .news-item{background:#fff;padding:20px;border-radius:6px;margin-bottom:18px;border:1px solid #f0f0f0;}
.news-thumb{flex:none;width:240px;height:150px;overflow:hidden;border-radius:4px;}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.news-item:hover .news-thumb img{transform:scale(1.05);}

/* 新闻详情 */
.article{background:#fff;padding:46px;border-radius:6px;}
.article-title{font-size:26px;color:#333;font-weight:700;text-align:center;line-height:1.4;}
.article-meta{text-align:center;font-size:13px;color:#999;margin:16px 0 28px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;}
.article-meta span{margin:0 10px;}
.article-body p{font-size:14px;color:#666;line-height:2;margin-bottom:16px;text-indent:2em;}
.article-body img{display:block;margin:20px auto;border-radius:6px;max-width:100%;}
.article-body h3{font-size:17px;color:#333;font-weight:600;margin:24px 0 12px;text-indent:0;}
.article-nav{display:flex;justify-content:space-between;margin-top:30px;padding-top:22px;border-top:1px solid #f0f0f0;font-size:13px;}
.article-nav a{color:#777;}
.article-nav a:hover{color:#616161;}

/* 通用图块标题 */
.block-title{font-size:22px;color:#333;font-weight:600;margin-bottom:20px;padding-left:14px;border-left:4px solid #616161;}

/* ============================================================
   18. 响应式断点
   ============================================================ */
@media (max-width:1200px){
  .wrap{max-width:100%;}
  .slide img{height:460px;}
  .slide-text h2{font-size:34px;}
}
@media (max-width:992px){
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid,.team-grid,.culture-grid{grid-template-columns:repeat(2,1fr);}
  .partners-grid{grid-template-columns:repeat(4,1fr);}
  .about-wrap{flex-direction:column;}
  .about-img,.about-text{width:100%;}
  .about-img img{height:300px;}
  .contact-wrap{flex-direction:column;padding:30px;}
  .footer-main{grid-template-columns:repeat(2,1fr);}
  .detail-wrap{flex-direction:column;padding:30px;}
  .detail-img{width:100%;}
  .detail-img img{height:340px;}
  .slide img{height:380px;}
  .slide-text h2{font-size:28px;}
  .slide-text p{font-size:15px;}
}
@media (max-width:768px){
  .section{padding:44px 0;}
  /* 隐藏 PC 导航,显示汉堡 + 抽屉 */
  .navbox,.nav-toggle-show{}
  .navbox{display:none;}
  .nav-toggle{display:flex;}
  .m-nav,.m-overlay{display:block;}
  .m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.3s;z-index:300;}
  .m-overlay.open{opacity:1;visibility:visible;}
  .m-nav{position:fixed;top:0;right:-280px;width:260px;height:100%;background:#fff;z-index:320;
    transition:right .32s;overflow-y:auto;padding:20px 0;}
  .m-nav.open{right:0;}
  .m-nav .m-close{position:absolute;right:14px;top:14px;width:32px;height:32px;font-size:24px;color:#999;line-height:32px;text-align:center;}
  .m-nav li{border-bottom:1px solid #f3f3f3;}
  .m-nav li>a{display:block;padding:14px 22px;font-size:15px;color:#555;}
  .m-nav li.active>a{color:#616161;font-weight:600;border-left:3px solid #616161;}
  .m-nav .msub{display:none;background:#fafafa;}
  .m-nav .msub a{padding:11px 22px 11px 40px;font-size:13px;color:#888;}
  .m-nav .has-sub>a::after{content:"∨";float:right;color:#bbb;}

  .topbar{padding:12px 0;}
  .logo-name{font-size:18px;}
  .logo-slogan{font-size:10px;letter-spacing:2px;}
  .topbar-email{display:none;}
  .topbar-phone{font-size:15px;}

  .section-head h2{font-size:22px;}
  .section-head .more{position:static;display:inline-block;margin-top:16px;}
  .news-list{padding:24px;}
  .news-item{flex-direction:row;}
  .inner-banner{height:200px;}
  .inner-banner-text h2{font-size:24px;}
  .crumbs-in{flex-direction:column;align-items:flex-start;gap:8px;}
  .about-page,.article,.detail-block{padding:24px;}
  .news-thumb{width:120px;height:90px;}
  .footer-main{grid-template-columns:1fr;gap:28px;}
  .features{grid-template-columns:1fr;}
  .article-nav{flex-direction:column;gap:8px;}
}
@media (max-width:480px){
  .slide img{height:260px;}
  .slide-text h2{font-size:22px;}
  .slide-text p{font-size:13px;}
  .products-grid,.services-grid,.team-grid,.culture-grid,.partners-grid,.list-grid{grid-template-columns:repeat(1,1fr);}
  .stats{flex-direction:column;gap:12px;}
  .banner-arrow{display:none;}
  .news-item{flex-direction:column;gap:12px;}
  .news-thumb{width:100%;height:160px;}
}