/* ===== 广州市贵贵商贸有限公司官网 - 全站样式（仿 gzkxdd 版型 · 橙色主色） ===== */
:root{
  --orange:#ff6900; --orange-dark:#e05a00; --orange-light:#ff8a3d;
  --red:#7e0204; --bg:#fff5ea; --text:#333; --text-2:#666; --line:#eee;
  --dark:#1a1a1a; --shadow:0 2px 12px rgba(0,0,0,.08);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;color:var(--text);background:#fff;font-size:14px;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:1200px;margin:0 auto;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* 顶栏 */
.topbar{background:#f2f2f2;font-size:12px;color:#666;height:32px;line-height:32px;}
.topbar-inner{display:flex;justify-content:space-between;}
.topbar-right span{margin:0 6px;}

/* 头部 */
.header{background:#fff;border-bottom:2px solid var(--orange);}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:100px;}
.logo{display:flex;align-items:center;gap:14px;}
.logo-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--orange);}
.logo-name{font-size:26px;font-weight:700;color:var(--orange);letter-spacing:1px;}
.logo-sub{font-size:12px;color:#999;margin-top:2px;}
.header-phone{text-align:right;}
.hp-label{font-size:12px;color:#999;}
.hp-num{font-size:26px;font-weight:700;color:var(--red);display:block;line-height:1.2;}
.hp-mobile{font-size:14px;color:var(--orange);font-weight:600;}

/* 导航（二级下拉） */
.nav{background:var(--orange);}
.nav-inner{display:flex;position:relative;z-index:100;}
.nav-item{position:relative;display:block;padding:0 22px;height:50px;line-height:22px;padding-top:7px;color:#fff;font-size:15px;font-weight:600;text-align:center;}
.nav-item span{display:block;font-size:10px;font-weight:400;opacity:.75;letter-spacing:1px;}
.nav-item.active,.nav-item:hover{background:var(--orange-dark);}
.has-sub .sub-menu{position:absolute;top:100%;left:0;min-width:100%;background:#fff;box-shadow:var(--shadow);display:none;z-index:99;}
.has-sub:hover .sub-menu{display:block;}
.sub-menu a{display:block;padding:10px 18px;color:var(--text);font-size:14px;font-weight:400;white-space:nowrap;border-bottom:1px dashed var(--line);}
.sub-menu a:hover{background:var(--bg);color:var(--orange);}

/* 轮播 */
.slider{position:relative;width:100%;height:620px;overflow:hidden;background:#1a1a1a;}
.slides{position:relative;height:100%;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;}
.slide.active{opacity:1;}
.slide img{width:100%;height:100%;object-fit:cover;}
.slider .dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5;}
.slider .dots i{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.55);cursor:pointer;}
.slider .dots i.active{background:var(--orange);}
.slider .arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:60px;background:rgba(0,0,0,.25);color:#fff;font-size:26px;line-height:60px;text-align:center;cursor:pointer;z-index:5;user-select:none;}
.slider .arrow:hover{background:rgba(255,105,0,.75);}
.slider .arrow.prev{left:0;}
.slider .arrow.next{right:0;}

/* 区块标题 */
.section{padding:46px 0;}
.section-head{text-align:center;margin-bottom:32px;}
.section-head .sh-title{font-size:28px;font-weight:700;color:var(--dark);}
.section-head .sh-title em{font-style:normal;color:var(--orange);}
.section-head .sh-sub{color:#999;font-size:14px;margin-top:6px;}
.section-alt{background:var(--bg);}

/* 业务图标导航 */
.biz-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;}
.biz-item{background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center;padding:22px 8px;transition:.25s;}
.biz-item:hover{box-shadow:var(--shadow);border-color:var(--orange);transform:translateY(-3px);}
.biz-item img{width:100%;height:120px;margin:0 auto 10px;object-fit:cover;border-radius:6px;display:block;}
.biz-item .b-name{font-size:15px;font-weight:600;}
.biz-item .b-en{font-size:10px;color:#bbb;letter-spacing:1px;}

/* 对比表 */
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.compare-table th,.compare-table td{border:1px solid var(--line);padding:14px 16px;font-size:13px;text-align:left;vertical-align:top;}
.compare-table th{background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#fff;font-weight:600;}
.compare-table td:first-child{font-weight:600;background:#fafafa;width:18%;white-space:nowrap;}
.compare-table td:nth-child(2){width:44%;}
.compare-table td:nth-child(3){width:38%;}

/* 四步流程 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 18px;text-align:center;position:relative;}
.step .s-num{width:52px;height:52px;line-height:52px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#fff;font-size:22px;font-weight:700;margin:0 auto 12px;}
.step .s-name{font-size:17px;font-weight:600;margin-bottom:8px;}
.step .s-desc{color:var(--text-2);font-size:13px;}

/* 承诺条 */
.promise{background:linear-gradient(135deg,#1a1a1a,#3a2a1a);color:#fff;padding:34px 0;}
.promise-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.promise-left .p-title{font-size:22px;font-weight:700;}
.promise-left .p-sub{color:#d9c9b8;font-size:13px;margin-top:4px;}
.promise-tags{display:flex;gap:14px;}
.p-tag{background:rgba(255,105,0,.18);border:1px solid var(--orange);color:var(--orange-light);padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;}

/* 卡片栅格 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.25s;}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.card img{width:100%;height:190px;object-fit:cover;}
.card-body{padding:16px;}
.card-title{font-size:16px;font-weight:600;margin-bottom:8px;}
.card-text{color:var(--text-2);font-size:13px;}

/* 新闻列表 */
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.news-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;transition:.25s;}
.news-item:hover{box-shadow:var(--shadow);}
.news-item img{width:180px;height:110px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.news-info{flex:1;}
.news-date{font-size:12px;color:#bbb;}
.news-title{font-size:16px;font-weight:600;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-summary{font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 门店 */
.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.store-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.store-card img{width:100%;height:140px;object-fit:cover;}
.store-body{padding:14px;}
.store-name{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--orange-dark);}
.store-addr{font-size:12px;color:var(--text-2);line-height:1.6;}

/* 页脚 */
.footer{background:#222;color:#bbb;font-size:13px;}
.footer-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:42px 0 30px;}
.f-title{color:#fff;font-size:17px;font-weight:600;margin-bottom:14px;position:relative;padding-bottom:8px;}
.f-title:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--orange);}
.f-links li{list-style:none;padding:3px 0;}
.f-links a:hover{color:var(--orange);}
.f-contact li{list-style:none;padding:3px 0;}
.f-qr{width:150px;height:150px;margin-top:8px;border-radius:6px;}
.footer-bottom{border-top:1px solid #3a3a3a;padding:14px 0;font-size:12px;color:#888;text-align:center;}
.fb-links a{color:#aaa;margin:0 4px;}
.fb-links a:hover{color:var(--orange);}

/* 侧边浮动 */
.float-bar{position:fixed;right:12px;bottom:120px;z-index:200;display:flex;flex-direction:column;gap:8px;}
.float-item{background:var(--orange);color:#fff;width:64px;padding:8px 4px;border-radius:8px;text-align:center;font-size:12px;box-shadow:var(--shadow);}
.float-item:hover{background:var(--orange-dark);}
.fi-icon{font-size:20px;display:block;}

/* 页面横幅（内页） */
.page-banner{height:300px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;overflow:hidden;}
.page-banner .pb-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.78;}
.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,6,.28) 0%,rgba(20,12,6,.05) 40%,rgba(20,12,6,.55) 100%);}
.page-banner > div{position:relative;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.55);}
.page-banner .pb-title{font-size:40px;font-weight:800;letter-spacing:6px;margin-bottom:8px;}
.page-banner .pb-crumb{font-size:13px;color:#ffe9d9;letter-spacing:1px;}
.page-banner .pb-crumb a:hover{color:var(--orange-light);}

/* 面包屑内容页 */
.content-wrap{display:flex;gap:24px;padding:36px 0;}
.content-main{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;min-height:400px;}
.content-main h1{font-size:24px;color:var(--dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--orange);}
.content-main h2{font-size:19px;color:var(--orange-dark);margin:18px 0 10px;}
.content-main h3{font-size:16px;margin:14px 0 8px;}
.content-main p{margin:8px 0;color:#444;font-size:14px;}
.content-main ul,.content-main ol{margin:8px 0 8px 22px;}
.content-main li{margin:4px 0;}
.content-side{width:280px;flex-shrink:0;}
.side-box{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;overflow:hidden;}
.side-title{background:var(--orange);color:#fff;font-size:15px;font-weight:600;padding:10px 14px;}
.side-links a{display:block;padding:10px 14px;border-bottom:1px dashed var(--line);font-size:14px;color:#555;}
.side-links a:hover{background:var(--bg);color:var(--orange);}
.side-tel{padding:16px;}
.side-tel .st-num{font-size:24px;font-weight:700;color:var(--red);}
.side-tel .st-label{font-size:12px;color:#999;margin-bottom:6px;}
.side-tel img{width:180px;height:180px;margin:8px auto 0;border-radius:6px;}
.side-tel .qr-tip{font-size:12px;color:#999;text-align:center;margin-top:4px;}

/* 联系表单 */
.contact-form{max-width:640px;}
.contact-form label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px;}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;}
.contact-form textarea{height:120px;resize:vertical;}
.contact-form .btn-submit{background:var(--orange);color:#fff;border:none;padding:11px 34px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:18px;}
.contact-form .btn-submit:hover{background:var(--orange-dark);}

/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow:hidden;}
.faq-q{background:#fff;padding:14px 18px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-q .faq-arrow{color:var(--orange);font-size:12px;transition:.25s;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{display:none;padding:4px 18px 14px;color:#555;font-size:13px;border-top:1px dashed var(--line);padding-top:12px;}
.faq-item.open .faq-a{display:block;}

/* 响应式 */
@media (max-width:1200px){
  .container{width:96%;}
  .biz-grid{grid-template-columns:repeat(4,1fr);}
  .store-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .header-inner{height:auto;flex-direction:column;gap:8px;padding:12px 0;}
  .header-phone{text-align:center;}
  .nav-inner{flex-wrap:wrap;}
  .nav-item{padding:0 14px;font-size:13px;}
  .slider{height:400px;}
  .content-wrap{flex-direction:column;}
  .content-side{width:100%;}
  .news-list,.cards{grid-template-columns:1fr;}
  .store-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .topbar-right{display:none;}
  .biz-grid{grid-template-columns:repeat(3,1fr);}
  .slider{height:220px;}
  .steps{grid-template-columns:1fr;}
  .store-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:20px;}
  .news-item{flex-direction:column;}
  .news-item img{width:100%;height:150px;}
  .promise-inner{justify-content:center;text-align:center;}
}