/* ============================================================
   重庆诺维好大药房有限公司 — 全站样式 style.css
   主题：绿色医疗/药房（参照 demoall2.5fa.cn/3030 医疗模板）
   主色 #3fbe72 / 深绿 #2f8e55 / 辅蓝 #42a5f5
   ============================================================ */

/* ---------- 0. 设计变量 ---------- */
:root{
  --main:#3fbe72;
  --main-dark:#2f8e55;
  --main-light:#e8f7ef;
  --aux:#42a5f5;
  --aux-dark:#0099d2;
  --bg-soft:#f3f9fb;
  --text:#333;
  --text-2:#6b6a6a;
  --muted:#999;
  --border:#e2ecf0;
  --line:#e9e9e8;
  --wrap:1200px;
  --radius:6px;
}

/* ---------- 1. 基础重置 ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;}
body{
  font-family:"Microsoft YaHei","微软雅黑","PingFang SC",Helvetica,Arial,sans-serif;
  font-size:14px;color:var(--text);line-height:1.7;background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;transition:color .25s ease;}
a:hover{color:var(--main);}
ul,ol{list-style:none;}
input,textarea,button,select{font-family:inherit;font-size:inherit;outline:none;}
h1,h2,h3,h4,h5{font-weight:normal;line-height:1.4;}
.page{width:100%;overflow-x:hidden;}

/* ---------- 2. 通用容器 ---------- */
.container{max-width:var(--wrap);margin:0 auto;padding:0 15px;}
.section{width:100%;}
.section-soft{background:var(--bg-soft);}
.section-pad{padding:60px 0;}

/* 区块标题（参照 w-title16：h2 中文 + span 英文副标题） */
.sec-title{text-align:center;margin-bottom:38px;}
.sec-title h2{font-size:26px;color:var(--text);font-weight:bold;position:relative;display:inline-block;padding:0 4px;}
.sec-title span{display:block;font-size:13px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:6px;}
.sec-title h2::after{content:"";display:block;width:46px;height:3px;background:var(--main);margin:12px auto 0;border-radius:2px;}
.sec-title-light h2{color:#fff;}
.sec-title-light span{color:rgba(255,255,255,.7);}
.sec-title-light h2::after{background:#fff;}

/* 通用按钮（参照 btn-default 胶囊形 + bg_main） */
.btn{display:inline-block;padding:9px 30px;line-height:1.6;border-radius:1.6em;font-size:14px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;text-align:center;}
.btn-outline{color:var(--muted);border:1px solid var(--border);background:#fff;min-width:170px;}
.btn-outline:hover{color:var(--main);border-color:var(--main);}
.btn-main{background:var(--main);color:#fff;}
.btn-main:hover{background:var(--main-dark);color:#fff;}
.btn-aux{background:var(--aux);color:#fff;}
.btn-aux:hover{background:var(--aux-dark);color:#fff;}
.btn-block{display:block;width:100%;border-radius:0;padding:12px;}

/* ---------- 3. 顶部信息栏 + 导航（topbox） ---------- */
.topbox{width:100%;background:#fff;position:relative;z-index:200;border-bottom:1px solid #f0f0f0;}
.topbox.sticky{position:fixed;top:0;left:0;box-shadow:0 2px 10px rgba(0,0,0,.06);}

/* 顶部信息栏 lotbox */
.lotbox{background:#fafafa;border-bottom:1px solid #f0f0f0;}
.lotbox-inner{max-width:var(--wrap);margin:0 auto;padding:0 15px;height:36px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);}
.lotbox .lot-left{display:flex;align-items:center;gap:18px;}
.lotbox .lot-left span i{color:var(--main);margin-right:5px;}
.lotbox .lot-right{display:flex;align-items:center;gap:18px;}
.lotbox .lot-right a:hover{color:var(--main);}

/* 导航行 navrow（含 logobox + menubox + 电话 + m-toggle） */
.navrow{max-width:var(--wrap);margin:0 auto;padding:0 15px;height:90px;display:flex;align-items:center;justify-content:space-between;}

/* Logo：SVG 图标 + 两行文字 */
.logobox{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.logo-icon{width:48px;height:48px;flex-shrink:0;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-name{font-size:22px;font-weight:bold;color:#333;letter-spacing:1px;}
.logo-sub{font-size:11px;color:var(--main);letter-spacing:3px;margin-top:4px;text-transform:uppercase;}

/* 电话区（右侧桌面） */
.topinfo-phone{display:flex;align-items:center;gap:8px;}
.topinfo-phone .topinfo-icon{width:38px;height:38px;border-radius:50%;background:var(--main-light);display:flex;align-items:center;justify-content:center;color:var(--main);font-size:18px;}
.topinfo-phone .topinfo-meta{display:flex;flex-direction:column;line-height:1.2;}
.topinfo-phone .topinfo-meta .tlabel{font-size:11px;color:var(--muted);}
.topinfo-phone .topinfo-meta .tnum{font-size:20px;color:var(--main);font-weight:bold;font-family:Arial;}

/* 主导航 menubox */
.menubox{}
.nav-list{display:flex;align-items:center;}
.nav-item{position:relative;height:90px;}
.nav-link{display:flex;align-items:center;height:90px;padding:0 22px;font-size:16px;color:#555;position:relative;}
.nav-link .fa-caret-down{margin-left:5px;font-size:12px;color:#bbb;}
.nav-link::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:var(--main);transform:scaleX(0);transition:transform .35s ease;transform-origin:center;}
.nav-item:hover .nav-link,.nav-item.active .nav-link{color:var(--main);}
.nav-item:hover .nav-link::after,.nav-item.active .nav-link::after{transform:scaleX(1);}

/* 下拉子菜单 submenu */
.submenu{position:absolute;top:90px;left:50%;transform:translateX(-50%) translateY(8px);min-width:170px;background:#fff;border-top:2px solid var(--main);box-shadow:0 6px 18px rgba(0,0,0,.10);opacity:0;visibility:hidden;transition:all .3s ease;z-index:50;}
.nav-item:hover .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.submenu-link{display:block;padding:12px 22px;font-size:14px;color:#666;border-bottom:1px solid #f3f3f3;text-align:center;white-space:nowrap;}
.submenu-link:last-child{border-bottom:0;}
.submenu-link:hover{background:var(--main-light);color:var(--main);}

/* 移动端汉堡按钮 */
.m-toggle{display:none;width:40px;height:40px;font-size:24px;color:#333;background:none;border:0;cursor:pointer;align-items:center;justify-content:center;}

/* 移动端侧滑抽屉 m-nav（桌面隐藏，见响应式） */
.m-nav,.m-overlay{display:none;}

/* ---------- 4. 首页 Banner 轮播 ---------- */
.bannerbox{width:100%;overflow:hidden;background:#eef3f1;}
.banner{width:100%;position:relative;max-height:600px;overflow:hidden;}
.banner-slides{width:100%;position:relative;}
.banner-slide{width:100%;display:none;position:relative;}
.banner-slide.active{display:block;}
.banner-slide img{width:100%;height:600px;object-fit:cover;}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12));}
.banner-text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;text-align:center;padding:0 20px;}
.banner-text .bt-main{font-size:42px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.4);margin-bottom:14px;}
.banner-text .bt-sub{font-size:18px;letter-spacing:3px;opacity:.92;margin-bottom:26px;}
.banner-text .btn{background:var(--main);color:#fff;}
.banner-text .btn:hover{background:var(--main-dark);}

/* 轮播圆点指示器 */
.banner-dots{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:5;}
.banner-dot{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid transparent;cursor:pointer;transition:all .3s;}
.banner-dot.active{background:transparent;border:2px solid #fff;}

/* 轮播箭头 */
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(255,255,255,.75);color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:5;transition:background .3s;}
.banner-arrow:hover{background:var(--main);color:#fff;}
.banner-prev{left:24px;}
.banner-next{right:24px;}

/* ---------- 5. 核心业务/服务 services ---------- */
.services-sec{padding:64px 0 50px;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.service-card{width:100%;text-align:center;padding:34px 18px;background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius);transition:all .35s ease;}
.service-card:hover{box-shadow:0 10px 30px rgba(63,190,114,.16);transform:translateY(-6px);border-color:transparent;}
.service-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:var(--main-light);color:var(--main);display:flex;align-items:center;justify-content:center;font-size:30px;transition:all .35s;}
.service-card:hover .service-icon{background:var(--main);color:#fff;transform:rotateY(360deg);}
.service-card h3{font-size:17px;color:#333;margin-bottom:10px;font-weight:bold;}
.service-card p{font-size:13px;color:var(--text-2);line-height:1.7;}

/* ---------- 6. 关于我们 about ---------- */
.about-sec{padding:64px 0;background:#fff;}
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about-imgbox{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.10);}
.about-imgbox img{width:100%;height:380px;object-fit:cover;transition:transform .6s;}
.about-imgbox:hover img{transform:scale(1.05);}
.about-text h2{font-size:24px;color:#333;font-weight:bold;margin-bottom:6px;}
.about-text .about-en{font-size:13px;color:var(--main);letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;}
.about-text p{font-size:14px;color:var(--text-2);line-height:2;margin-bottom:14px;text-align:justify;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;}
.about-stat{text-align:center;padding:14px 6px;border-right:1px solid var(--line);}
.about-stat:last-child{border-right:0;}
.about-stat .num{font-size:30px;color:var(--main);font-weight:bold;font-family:Arial;}
.about-stat .num small{font-size:14px;}
.about-stat .lbl{font-size:12px;color:var(--muted);margin-top:4px;}
.about-text .btn{margin-top:6px;}

/* 关于我们（首页简洁版：居中文本） */
.about-simple{padding:64px 0;}
.about-simple .sec-title{}
.about-simple-text{max-width:820px;margin:0 auto;line-height:2;color:var(--text-2);font-size:15px;text-align:center;}

/* ---------- 7. 产品中心 products ---------- */
.products-sec{padding:64px 0;}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;}
.product-card{width:100%;background:#fff;border-radius:var(--radius);overflow:hidden;transition:all .35s ease;}
.product-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.12);transform:translateY(-6px);}
.product-img{width:100%;display:block;position:relative;overflow:hidden;background:#f5f5f5;}
.product-img-inner{width:100%;aspect-ratio:3/4;overflow:hidden;}
.product-img-inner img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.product-card:hover .product-img-inner img{transform:scale(1.1);}
.product-card:hover .product-img-inner{box-shadow:inset 0 0 0 1px var(--main);}
.product-name{padding:14px 10px;text-align:center;}
.product-name a{font-size:15px;color:#333;}
.product-name a:hover{color:var(--main);}
.sec-more{text-align:center;margin-top:36px;}

/* ---------- 8. 新闻动态 news（背景图 + 白字） ---------- */
.news-sec{padding:64px 0;color:#fff;position:relative;background-size:cover;background-position:center;background-attachment:fixed;}
.news-sec .news-overlay{position:absolute;inset:0;background:rgba(28,40,38,.82);}
.news-sec .container{position:relative;z-index:2;}
.news-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;background:#fff;border-radius:var(--radius);overflow:hidden;max-width:900px;margin:0 auto;color:#333;}
.news-feature .news-img{width:100%;height:260px;overflow:hidden;}
.news-feature .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s;}
.news-feature:hover .news-img img{transform:scale(1.06);}
.news-feature .news-body{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;}
.news-cat{display:inline-block;font-size:12px;color:#fff;background:var(--main);padding:2px 10px;border-radius:3px;margin-bottom:10px;align-self:flex-start;}
.news-h{margin-bottom:10px;}
.news-h a{font-size:18px;color:#333;font-weight:bold;line-height:1.5;}
.news-h a:hover{color:var(--main);}
.news-sum{font-size:13px;color:var(--text-2);line-height:1.8;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-date{font-size:12px;color:var(--muted);}
.news-date i{margin-right:5px;}

/* 新闻列表（首页附加 / 列表页通用） */
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px;}
.news-card{width:100%;display:flex;gap:18px;background:#fff;border-radius:var(--radius);overflow:hidden;padding:14px;transition:all .3s;}
.news-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.08);}
.news-card .news-img{width:150px;flex-shrink:0;height:100px;border-radius:4px;overflow:hidden;}
.news-card .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-card:hover .news-img img{transform:scale(1.08);}
.news-card .news-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.news-card .news-h a{font-size:15px;color:#333;font-weight:bold;}
.news-card .news-sum{font-size:12px;-webkit-line-clamp:2;margin-bottom:6px;}

/* ---------- 9. 合作伙伴 partners ---------- */
.partners-sec{padding:56px 0;background:#fff;}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.partner-logo{height:90px;background:#fafafa;border:1px solid #f0f0f0;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:15px;color:#888;font-weight:bold;transition:all .3s;text-align:center;padding:6px;}
.partner-logo:hover{border-color:var(--main);color:var(--main);background:#fff;box-shadow:0 6px 16px rgba(63,190,114,.12);}
.partner-logo i{font-size:26px;margin-right:6px;color:var(--main);}

/* ---------- 10. 页脚 footer（联系我们 + 底部） ---------- */
.footer{background:#1f2b29;color:#cbd5d3;}
.footer-contact{padding:56px 0 40px;}
.footer-contact .sec-title h2{color:#fff;}
.footer-contact .sec-title span{color:rgba(255,255,255,.6);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-info{color:#cbd5d3;}
.contact-info .ci-name{font-size:20px;color:#fff;font-weight:bold;margin-bottom:18px;}
.contact-info .ci-list{font-size:14px;line-height:2.1;}
.contact-info .ci-list li{display:flex;align-items:flex-start;}
.contact-info .ci-list i{width:22px;color:var(--main);margin-top:6px;}
.contact-info .ci-qr{margin-top:20px;display:flex;align-items:center;gap:14px;}
.contact-info .ci-qr img{width:97px;height:97px;background:#fff;padding:5px;border-radius:4px;}
.contact-info .ci-qr .ci-qr-text{font-size:12px;color:rgba(255,255,255,.7);line-height:1.7;}

/* 留言表单 */
.contact-form{background:rgba(255,255,255,.04);padding:26px 28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);}
.contact-form h3{color:#fff;font-size:18px;margin-bottom:18px;font-weight:bold;}
.form-row{margin-bottom:14px;}
.form-row.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-label{display:block;font-size:13px;color:#cbd5d3;margin-bottom:6px;}
.form-label .req{color:#ff7878;}
.form-input,.form-textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:4px;font-size:14px;color:#333;transition:border-color .3s;}
.form-input:focus,.form-textarea:focus{border-color:var(--main);}
.form-textarea{resize:vertical;min-height:90px;}
.contact-form .form-submit{width:100%;background:var(--main);color:#fff;border:0;padding:12px;border-radius:4px;font-size:15px;cursor:pointer;transition:background .3s;}
.contact-form .form-submit:hover{background:var(--main-dark);}

/* 页脚底部 */
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;text-align:center;font-size:13px;color:rgba(255,255,255,.6);}
.footer-bottom .copyright{margin-bottom:10px;}
.footer-bottom .copyright a{color:rgba(255,255,255,.75);}
.footer-bottom .copyright a:hover{color:var(--main);}
.friend-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;}
.friend-links span{margin-right:4px;}
.friend-links a{color:rgba(255,255,255,.6);padding:0 8px;border-right:1px solid rgba(255,255,255,.15);}
.friend-links a:last-child{border-right:0;}
.friend-links a:hover{color:var(--main);}

/* ---------- 11. 内页 Banner + 面包屑 ---------- */
.n-banner{width:100%;height:300px;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;}
.n-banner-mask{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.45));}
.n-banner-text{position:relative;z-index:2;text-align:center;color:#fff;padding:0 15px;}
.n-banner-text h2{font-size:34px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.4);}
.n-banner-text .nb-en{font-size:14px;letter-spacing:4px;opacity:.85;margin-top:8px;text-transform:uppercase;}

/* 面包屑栏 ntit */
.ntit{background:#fff;border-bottom:1px solid var(--line);}
.ntt{max-width:var(--wrap);margin:0 auto;padding:0 15px;height:64px;display:flex;align-items:center;justify-content:space-between;}
.ntt h1{font-size:22px;color:#333;font-weight:bold;}
.ntt h1 i{display:block;font-size:12px;color:var(--main);font-style:normal;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-weight:normal;}
.weiz{font-size:13px;color:var(--muted);}
.weiz a{color:var(--muted);}
.weiz a:hover{color:var(--main);}
.weiz .sep{margin:0 6px;color:#ccc;}

/* ---------- 12. 页面主体 page-body ---------- */
.page-body{padding:48px 0;min-height:400px;}
.page-content{max-width:960px;margin:0 auto;}

/* 关于我们详情 */
.about-detail .about-para{font-size:15px;color:var(--text-2);line-height:2;margin-bottom:18px;text-align:justify;}
.about-block-title{font-size:22px;color:#333;font-weight:bold;text-align:center;margin:50px 0 30px;position:relative;}
.about-block-title::after{content:"";display:block;width:46px;height:3px;background:var(--main);margin:12px auto 0;border-radius:2px;}

/* 发展历程时间轴 timeline */
.timeline{max-width:780px;margin:0 auto;position:relative;padding:10px 0;}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translateX(-1px);}
.timeline-item{position:relative;width:50%;padding:0 36px 30px 0;}
.timeline-item:nth-child(even){margin-left:50%;padding:0 0 30px 36px;}
.timeline-dot{position:absolute;top:6px;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--main);border:3px solid #fff;box-shadow:0 0 0 2px var(--main);z-index:2;}
.timeline-item:nth-child(even) .timeline-dot{left:-9px;right:auto;}
.timeline-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:all .3s;}
.timeline-content:hover{box-shadow:0 8px 22px rgba(63,190,114,.14);transform:translateY(-3px);}
.timeline-year{font-size:18px;color:var(--main);font-weight:bold;margin-bottom:4px;font-family:Arial;}
.timeline-title{font-size:15px;color:#333;font-weight:bold;margin-bottom:4px;}
.timeline-desc{font-size:13px;color:var(--text-2);line-height:1.7;}

/* 企业文化卡片 culture */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.culture-card{width:100%;background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius);padding:36px 26px;text-align:center;transition:all .35s;}
.culture-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.10);transform:translateY(-6px);border-color:transparent;}
.culture-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:var(--main-light);color:var(--main);display:flex;align-items:center;justify-content:center;font-size:30px;}
.culture-card h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:12px;}
.culture-card p{font-size:13px;color:var(--text-2);line-height:1.8;}

/* 团队风采 team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.team-card{width:100%;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #f0f0f0;transition:all .35s;}
.team-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.12);transform:translateY(-6px);}
.team-avatar{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;}
.team-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.team-card:hover .team-avatar img{transform:scale(1.06);}
.team-info{padding:16px 10px;text-align:center;}
.team-name{font-size:16px;color:#333;font-weight:bold;}
.team-role{font-size:13px;color:var(--main);margin-top:4px;}

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

/* ---------- 14. 产品详情 product detail ---------- */
.product-detail-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;align-items:start;}
.product-detail-img{width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.product-detail-img img{width:100%;height:420px;object-fit:cover;}
.product-detail-info .pd-name{font-size:24px;color:#333;font-weight:bold;margin-bottom:8px;}
.product-detail-info .pd-tag{display:inline-block;font-size:12px;color:#fff;background:var(--main);padding:3px 12px;border-radius:3px;margin-bottom:16px;}
.product-detail-info .pd-desc{font-size:14px;color:var(--text-2);line-height:2;margin-bottom:18px;text-align:justify;}
.product-detail-info .pd-cta{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);}
.product-detail-info .pd-price{font-size:14px;color:var(--muted);}
.product-detail-info .pd-price b{color:var(--main);font-size:24px;font-family:Arial;}
.detail-section{margin-top:36px;}
.detail-section h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--main);}
.params-table{width:100%;border-collapse:collapse;font-size:14px;}
.params-table th,.params-table td{border:1px solid var(--border);padding:11px 16px;text-align:left;}
.params-table th{background:var(--bg-soft);color:#555;width:24%;font-weight:bold;}
.params-table td{color:var(--text-2);}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.feature-item{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--bg-soft);border-radius:var(--radius);}
.feature-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--main);display:flex;align-items:center;justify-content:center;font-size:18px;}
.feature-item .ft-text h4{font-size:15px;color:#333;font-weight:bold;margin-bottom:3px;}
.feature-item .ft-text p{font-size:13px;color:var(--text-2);line-height:1.6;}
.related-products .products-grid{grid-template-columns:repeat(4,1fr);}

/* ---------- 15. 新闻列表页 news list ---------- */
.news-list-page .news-list{grid-template-columns:1fr;}
.news-list-page .news-card{padding:18px;}
.news-list-page .news-card .news-img{width:240px;height:150px;}

/* ---------- 16. 新闻详情 news article ---------- */
.news-article{max-width:880px;margin:0 auto;}
.news-art-head{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px;}
.news-art-title{font-size:26px;color:#333;font-weight:bold;line-height:1.5;margin-bottom:14px;}
.news-art-meta{font-size:13px;color:var(--muted);}
.news-art-meta span{margin:0 12px;}
.news-art-meta i{margin-right:5px;color:var(--main);}
.news-art-body{font-size:15px;color:#444;line-height:2;}
.news-art-body p{margin-bottom:18px;text-align:justify;}
.news-art-body img{width:100%;border-radius:var(--radius);margin:18px 0;}
.news-art-body h3{font-size:18px;color:#333;font-weight:bold;margin:26px 0 14px;padding-left:12px;border-left:4px solid var(--main);}
.news-nav{display:flex;justify-content:space-between;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;}
.news-nav a{flex:1;min-width:240px;font-size:14px;color:var(--text-2);padding:12px 16px;background:var(--bg-soft);border-radius:var(--radius);transition:all .3s;}
.news-nav a:hover{background:var(--main);color:#fff;}
.news-nav a span{display:block;font-size:12px;color:var(--muted);margin-bottom:2px;}
.news-nav a:hover span{color:rgba(255,255,255,.8);}
.news-nav .news-nav-prev{text-align:left;}
.news-nav .news-nav-next{text-align:right;}
/* 表单容器（JS 提交钩子） */
.contact-form-el{width:100%;}

/* ---------- 17. 联系我们页 contact page ---------- */
.contact-page{}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:48px;}
.contact-card{width:100%;text-align:center;padding:36px 22px;background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius);transition:all .35s;}
.contact-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.10);transform:translateY(-6px);border-color:transparent;}
.contact-card-icon{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:var(--main-light);color:var(--main);display:flex;align-items:center;justify-content:center;font-size:28px;}
.contact-card h3{font-size:17px;color:#333;font-weight:bold;margin-bottom:8px;}
.contact-card p{font-size:14px;color:var(--text-2);line-height:1.8;}
.contact-card p.big{font-size:18px;color:var(--main);font-weight:bold;}
.contact-form-wrap{max-width:760px;margin:0 auto;background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius);padding:36px 40px;box-shadow:0 6px 20px rgba(0,0,0,.05);}
.contact-form-wrap h3{font-size:20px;color:#333;font-weight:bold;text-align:center;margin-bottom:24px;}
.contact-form-wrap .form-row .form-input,.contact-form-wrap .form-textarea{border-color:#e0e0e0;}
.contact-form-wrap .form-submit{margin-top:6px;}

/* ---------- 18. 返回顶部 backtop ---------- */
.backtop{position:fixed;right:24px;bottom:30px;width:46px;height:46px;background:var(--main);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:150;opacity:0;visibility:hidden;transition:all .35s;box-shadow:0 6px 18px rgba(63,190,114,.35);}
.backtop.show{opacity:1;visibility:visible;}
.backtop:hover{background:var(--main-dark);transform:translateY(-3px);}

/* ---------- 19. 图片兜底 + 动画 ---------- */
.img-fallback{background:linear-gradient(135deg,#3fbe72,#2f8e55);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:6px;text-align:center;padding:10px;}

/* 淡入动画：渐进增强，默认可见，仅 html.js 时隐藏 */
.fade-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease;}
html.js .fade-in{opacity:0;transform:translateY(26px);}
html.js .fade-in.visible{opacity:1;transform:none;}

/* ============================================================
   20. 响应式（平板 768-1024 / 手机 <768）
   ============================================================ */
@media (max-width:1024px){
  :root{--wrap:960px;}
  .navrow{height:72px;}
  .nav-item,.nav-link{height:72px;}
  .submenu{top:72px;}
  .menubox{display:none;}
  .m-toggle{display:flex;}
  .topinfo-phone{display:none;}
  /* 移动端抽屉 */
  .m-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;opacity:0;transition:opacity .3s;}
  .m-overlay.open{display:block;opacity:1;}
  .m-nav{display:block;position:fixed;top:0;right:-300px;width:280px;height:100%;background:#fff;z-index:310;overflow-y:auto;transition:right .35s ease;box-shadow:-4px 0 20px rgba(0,0,0,.1);}
  .m-nav.open{right:0;}
  .m-nav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f0f0f0;}
  .m-nav-head .logo-name{font-size:18px;}
  .m-close{font-size:24px;color:#999;background:none;border:0;cursor:pointer;}
  .m-nav-list{padding:8px 0;}
  .m-nav-item{}
  .m-nav-link{display:block;padding:14px 20px;font-size:15px;color:#444;border-bottom:1px solid #f5f5f5;}
  .m-nav-link:hover,.m-nav-link.active{background:var(--main-light);color:var(--main);}
  .m-sub-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
  .m-sub-toggle .fa{transition:transform .3s;}
  .m-sub-toggle.open .fa{transform:rotate(90deg);}
  .m-sub-list{display:none;background:#fafafa;}
  .m-sub-list.open{display:block;}
  .m-sub-link{display:block;padding:12px 36px;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0;}
  .services-grid,.culture-grid{grid-template-columns:repeat(2,1fr);}
  .team-grid,.related-products .products-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid{grid-template-columns:repeat(3,1fr);}
  .partners-grid{grid-template-columns:repeat(3,1fr);}
  .about-wrap{grid-template-columns:1fr;gap:30px;}
  .news-feature{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .product-detail-top{grid-template-columns:1fr;}
  .features{grid-template-columns:1fr;}
  .news-list{grid-template-columns:1fr;}
}

@media (max-width:767px){
  :root{--wrap:100%;}
  .lotbox-inner{height:auto;padding:6px 15px;flex-direction:column;gap:4px;align-items:flex-start;}
  .lotbox .lot-right{gap:12px;}
  .navrow{height:62px;}
  .logo-name{font-size:18px;}
  .logo-icon{width:40px;height:40px;}
  .banner-slide img{height:300px;}
  .banner-text .bt-main{font-size:24px;}
  .banner-text .bt-sub{font-size:13px;letter-spacing:1px;}
  .banner-arrow{width:36px;height:36px;font-size:18px;}
  .banner-prev{left:8px;}.banner-next{right:8px;}
  .sec-title h2{font-size:22px;}
  .section-pad,.services-sec,.about-sec,.products-sec,.news-sec,.partners-sec,.footer-contact,.page-body{padding:40px 0;}
  .services-grid,.products-grid,.culture-grid,.team-grid,.partners-grid,.news-list,.related-products .products-grid{grid-template-columns:repeat(2,1fr);}
  .products-list-page .products-grid{grid-template-columns:repeat(2,1fr);}
  .about-stats{grid-template-columns:repeat(2,1fr);gap:18px;}
  .about-stat:nth-child(2){border-right:0;}
  .contact-cards{grid-template-columns:1fr;}
  .contact-form-wrap{padding:24px 18px;}
  .form-row.row2{grid-template-columns:1fr;}
  .n-banner{height:200px;}
  .n-banner-text h2{font-size:24px;}
  .ntt{flex-direction:column;align-items:flex-start;height:auto;padding:12px 15px;gap:4px;}
  .product-detail-info .pd-name{font-size:20px;}
  .news-art-title{font-size:20px;}
  .news-feature .news-img{height:180px;}
  .news-card{flex-direction:column;}
  .news-card .news-img{width:100%;height:160px;}
  .timeline::before{left:8px;}
  .timeline-item,.timeline-item:nth-child(even){width:100%;margin-left:0;padding:0 0 26px 30px;}
  .timeline-item .timeline-dot,.timeline-item:nth-child(even) .timeline-dot{left:1px;right:auto;}
  .footer-bottom .friend-links{gap:4px;}
  .friend-links a{padding:0 6px;font-size:12px;}
}