@charset "utf-8";
/* ============================================================
   广西维羡茨建筑工程有限公司 - 全站样式
   参考: demoall2.5fa.cn/9157 (建筑地产工程 fullpage 模板)
   主色: #a7a25a (建筑金)  辅色: #ff9c01  文字: #222/#444/#787878
   ============================================================ */

/* ---------- 全局 reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Microsoft YaHei","微软雅黑",Tahoma,Arial,Helvetica,sans-serif;font-size:14px;color:#222;background:#fff;line-height:1.6;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Microsoft YaHei","微软雅黑",Tahoma,Arial;}
a{text-decoration:none;color:#444;outline:none;transition:color .3s;}
a:hover{color:#a7a25a;}
img{border:0;vertical-align:top;max-width:100%;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
input,textarea,button,select{font-family:inherit;outline:none;border:none;}
table{border-collapse:collapse;}

/* ---------- 通用工具类 ---------- */
.fl{float:left;}
.fr{float:right;}
.c{clear:both;overflow:hidden;}
.center{text-align:center;}
.hide{display:none;}
.warp,.container{width:1220px;max-width:94%;margin:0 auto;}
.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt18{margin-top:18px;}
.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}
.mt50{margin-top:50px;}.mt60{margin-top:60px;}

/* ============================================================
   顶部信息栏 + 导航 (topbox > lotbox + menubox)
   ============================================================ */
.topbox{position:fixed;top:0;left:0;width:100%;height:90px;z-index:1000;
  background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0));
  transition:background .4s,box-shadow .4s;}
.topbox.solid{background:rgba(255,255,255,.98);box-shadow:0 0 13px rgba(0,0,0,.18);}
.lotbox{width:1220px;max-width:94%;height:90px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
/* logo */
.logo{display:flex;align-items:center;height:90px;}
.logo-ico{width:54px;height:54px;flex-shrink:0;margin-right:12px;display:flex;align-items:center;justify-content:center;}
.logo-ico svg{width:54px;height:54px;display:block;}
.logo-txt{display:flex;flex-direction:column;justify-content:center;line-height:1.1;}
.logo-name{font-size:24px;font-weight:bold;color:#fff;letter-spacing:1px;white-space:nowrap;}
.logo-sub{font-size:12px;color:#a7a25a;letter-spacing:3px;margin-top:5px;text-transform:uppercase;}
.topbox.solid .logo-name{color:#222;}
.topbox.solid .logo-sub{color:#a7a25a;}
/* 顶部右侧电话 */
.top-contact{display:flex;align-items:center;color:#fff;}
.top-contact .tc-ico{width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:18px;color:#a7a25a;}
.topbox.solid .top-contact{color:#444;}
.topbox.solid .top-contact .tc-ico{border-color:#a7a25a;}
.tc-txt{display:flex;flex-direction:column;line-height:1.2;}
.tc-label{font-size:12px;color:rgba(255,255,255,.7);letter-spacing:1px;}
.topbox.solid .tc-label{color:#999;}
.tc-phone{font-size:22px;font-family:Impact,Arial,sans-serif;color:#a7a25a;font-weight:bold;letter-spacing:1px;}

/* 导航 menubox */
.menubox{position:absolute;left:0;top:0;width:100%;height:90px;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.menubox .nav{pointer-events:auto;display:flex;align-items:center;height:90px;}
.menubox .nav>li{position:relative;height:90px;}
.menubox .nav>li>a{display:flex;align-items:center;height:90px;padding:0 22px;color:#fff;font-size:16px;letter-spacing:1px;position:relative;}
.menubox .nav>li>a::after{content:"";position:absolute;left:50%;bottom:24px;width:0;height:2px;background:#a7a25a;transition:all .3s;transform:translateX(-50%);}
.menubox .nav>li:hover>a,.menubox .nav>li.active>a{color:#a7a25a;}
.menubox .nav>li:hover>a::after,.menubox .nav>li.active>a::after{width:24px;}
.topbox.solid .menubox .nav>li>a{color:#333;}
.topbox.solid .menubox .nav>li:hover>a,.topbox.solid .menubox .nav>li.active>a{color:#a7a25a;}
/* 下拉子菜单 */
.subnav{position:absolute;top:90px;left:50%;transform:translateX(-50%);min-width:160px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:8px 0;opacity:0;visibility:hidden;transition:all .25s;z-index:1001;}
.menubox .nav>li:hover .subnav{opacity:1;visibility:visible;top:90px;}
.subnav li{height:40px;}
.subnav li a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 18px;font-size:14px;color:#555;white-space:nowrap;border-bottom:1px dashed #eee;}
.subnav li:last-child a{border-bottom:none;}
.subnav li:hover a{background:#a7a25a;color:#fff;}

/* 移动端汉堡按钮 */
.m-toggle{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background:none;}
.m-toggle span{display:block;width:26px;height:2px;background:#fff;margin:3px 0;transition:.3s;}
.topbox.solid .m-toggle span{background:#333;}
.m-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.m-toggle.open span:nth-child(2){opacity:0;}
.m-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* 移动端抽屉导航 */
.m-nav,.m-overlay{display:none;}
.m-nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#1c1c1c;z-index:2000;padding:80px 0 30px;overflow-y:auto;transition:right .35s;}
.m-nav.open{right:0;}
.m-nav a{display:block;padding:14px 26px;color:#ddd;font-size:15px;border-bottom:1px solid #2c2c2c;}
.m-nav a:hover,.m-nav a.active{color:#a7a25a;background:#151515;}
.m-nav .m-sub a{padding-left:46px;font-size:13px;color:#999;}
.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1999;opacity:0;transition:opacity .35s;}
.m-overlay.open{display:block;opacity:1;}
.m-close{position:absolute;top:18px;right:18px;color:#fff;font-size:28px;cursor:pointer;line-height:1;}

/* ============================================================
   首页 Banner 全屏轮播
   ============================================================ */
.fp-banner{position:relative;width:100%;height:100vh;min-height:560px;overflow:hidden;background:#111;}
.banner-track{position:absolute;inset:0;}
.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;background-position:center;background-size:cover;background-repeat:no-repeat;}
.banner-slide.active{opacity:1;}
.banner-slide .b-mask{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,.25));}
.banner-cap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1220px;max-width:94%;text-align:center;color:#fff;z-index:3;}
.banner-cap .bc-cn{font-size:54px;font-weight:bold;letter-spacing:6px;text-shadow:0 2px 18px rgba(0,0,0,.5);line-height:1.3;}
.banner-cap .bc-en{font-size:18px;letter-spacing:8px;color:#a7a25a;margin:22px 0 30px;text-transform:uppercase;}
.banner-cap .bc-desc{font-size:17px;letter-spacing:3px;color:rgba(255,255,255,.85);margin-bottom:38px;}
.banner-cap .bc-btns{display:flex;gap:18px;justify-content:center;}
.banner-cap .bc-btn{display:inline-block;padding:12px 38px;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:14px;letter-spacing:2px;transition:.3s;}
.banner-cap .bc-btn:hover,.banner-cap .bc-btn.gold{background:#a7a25a;border-color:#a7a25a;color:#fff;}
/* banner 底部 tab 控制器 (01-04 + 滑动指示器) */
.banner-tabs{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);z-index:5;}
.banner-tabs .bt-area{position:relative;border-bottom:2px solid rgba(255,255,255,.25);display:flex;}
.banner-tab{width:96px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6);margin:0 6px;}
.banner-tab .bt-no{font-size:20px;font-family:Arial;letter-spacing:1px;}
.banner-tab .bt-line{width:30px;height:2px;background:rgba(255,255,255,.3);margin-top:10px;}
.banner-tab.active{color:#fff;}
.banner-tab.active .bt-line{background:#a7a25a;width:46px;}
.banner-indicator{position:absolute;bottom:-2px;height:3px;background:#fff;left:0;transition:left .4s;}

/* ============================================================
   首页通用 section (全屏背景图分区)
   ============================================================ */
.sec{position:relative;width:100%;min-height:100vh;padding:90px 0;display:flex;align-items:center;overflow:hidden;}
.sec-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0;}
.sec-mask{position:absolute;inset:0;z-index:1;}
.sec-inner{position:relative;z-index:2;width:1220px;max-width:94%;margin:0 auto;}
/* 巨大淡色英文标题 + 中文标题 + 金色下划线 */
.sec-tt{text-align:center;margin-bottom:60px;position:relative;}
.sec-tt h3{font-size:120px;line-height:1;color:rgba(255,255,255,.12);text-transform:uppercase;font-family:Arial;letter-spacing:4px;}
.sec-tt h2{font-size:38px;color:#fff;letter-spacing:2px;margin-top:-78px;position:relative;display:inline-block;}
.sec-tt h2::after{content:"";display:block;width:50px;height:4px;background:#a7a25a;margin:20px auto 0;}
.sec.light .sec-tt h3{color:rgba(0,0,0,.06);}
.sec.light .sec-tt h2{color:#222;}

/* ============================================================
   关于我们 (首页 page2)
   ============================================================ */
.about-wrap{display:flex;align-items:center;gap:50px;}
.about-box{flex:1;color:#fff;}
.about-name{display:inline-block;font-size:24px;color:#fff;padding:0 22px;height:48px;line-height:48px;background:#a7a25a;letter-spacing:2px;margin-bottom:24px;}
.about-txt{font-size:15px;line-height:2;color:rgba(255,255,255,.85);text-indent:2em;}
.about-stats{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap;}
.about-stat .as-num{font-size:42px;font-family:Arial;color:#a7a25a;font-weight:bold;line-height:1;}
.about-stat .as-label{font-size:14px;color:rgba(255,255,255,.7);margin-top:8px;letter-spacing:1px;}
.about-more{display:inline-block;margin-top:34px;width:140px;height:42px;line-height:42px;text-align:center;background:rgba(255,255,255,.18);color:#fff;font-size:14px;letter-spacing:1px;transition:.3s;}
.about-more:hover{background:#a7a25a;}
.about-pic{flex:0 0 520px;max-width:520px;position:relative;}
.about-pic img{width:100%;height:380px;object-fit:cover;}
.about-pic::before{content:"";position:absolute;top:18px;left:18px;width:100%;height:100%;border:2px solid #a7a25a;z-index:-1;}

/* ============================================================
   产品展示 (首页 page3) 横向轮播 3可见
   ============================================================ */
.pro-list{position:relative;overflow:hidden;padding:10px 0;}
.pro-track{display:flex;transition:transform .6s ease;}
.pro-card{flex:0 0 calc((100% - 64px)/3);margin:0 10px;background:rgba(255,255,255,.14);padding:10px;transition:.35s;cursor:pointer;}
.pro-card:hover{background:#a7a25a;}
.pro-pic{width:100%;height:230px;overflow:hidden;}
.pro-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.pro-card:hover .pro-pic img{transform:scale(1.1);}
.pro-name{height:52px;line-height:52px;text-align:center;color:#fff;font-size:17px;letter-spacing:1px;}
.pro-prev,.pro-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;background:rgba(0,0,0,.3);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:.3s;}
.pro-prev:hover,.pro-next:hover{background:#a7a25a;}
.pro-prev{left:-10px;}
.pro-next{right:-10px;}
.pro-more,.news-more{width:170px;height:46px;line-height:46px;text-align:center;background:rgba(255,255,255,.22);color:#fff;font-size:15px;letter-spacing:1px;margin:50px auto 0;transition:.3s;cursor:pointer;display:block;}
.pro-more:hover,.news-more:hover{background:#a7a25a;color:#fff;}

/* ============================================================
   新闻动态 (首页 page4) 日期块卡片 2列
   ============================================================ */
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;}
.news-item{display:flex;background:rgba(0,0,0,.28);padding:20px;transition:.35s;cursor:pointer;}
.news-item:hover{background:rgba(0,0,0,.55);}
.news-date{flex:0 0 110px;height:110px;border:3px solid rgba(214,206,206,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.news-item:hover .news-date{border-color:#a7a25a;}
.news-date .nd-ym{font-size:16px;letter-spacing:1px;}
.news-date .nd-day{font-size:42px;font-family:Arial;font-weight:bold;line-height:1.2;}
.news-cont{flex:1;padding-left:22px;overflow:hidden;}
.news-ti{font-size:17px;color:#fff;line-height:1.5;height:50px;overflow:hidden;font-weight:500;}
.news-item:hover .news-ti{color:#a7a25a;}
.news-tx{font-size:13px;color:rgba(255,255,255,.7);line-height:1.7;margin-top:8px;height:62px;overflow:hidden;}

/* ============================================================
   案例展示 (首页 page5) cover 流式
   ============================================================ */
.case-swiper{position:relative;padding:30px 0;}
.case-track{display:flex;justify-content:center;align-items:center;gap:24px;}
.case-slide{flex:0 0 360px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.28);transition:transform .4s,opacity .4s;cursor:pointer;}
.case-slide.cs-side{transform:scale(.85);opacity:.7;}
.case-slide.cs-center{transform:scale(1.04);z-index:2;}
.case-slide .cs-pic{width:100%;height:230px;overflow:hidden;}
.case-slide .cs-pic img{width:100%;height:100%;object-fit:cover;}
.case-slide .cs-name{padding:16px;text-align:center;color:#444;font-size:16px;}
.case-prev,.case-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:rgba(0,0,0,.35);color:#fff;font-size:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;transition:.3s;}
.case-prev:hover,.case-next:hover{background:#a7a25a;}
.case-prev{left:0;}
.case-next{right:0;}

/* ============================================================
   联系我们 (首页 page6)
   ============================================================ */
.contact-ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;}
.contact-li{background:rgba(255,255,255,.12);text-align:center;padding:34px 12px;color:#fff;transition:.35s;cursor:default;}
.contact-li:hover{background:#a7a25a;}
.contact-li .cl-ico{font-size:34px;color:#a7a25a;margin-bottom:18px;display:block;}
.contact-li:hover .cl-ico{color:#fff;}
.contact-li .cl-val{font-size:16px;letter-spacing:1px;word-break:break-all;}
.contact-li .cl-label{font-size:13px;color:rgba(255,255,255,.7);margin-top:8px;}
.contact-li:hover .cl-label{color:rgba(255,255,255,.9);}
.in-copy{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.3);color:#fff;padding:20px 0;text-align:center;font-size:13px;line-height:1.9;}
.in-copy a{color:#fff;}
.in-copy a:hover{color:#a7a25a;}

/* ============================================================
   合作伙伴 logo 墙 (首页附加区块)
   ============================================================ */
.partner-sec{padding:70px 0;background:#f7f6f1;}
.partner-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.partner-item{height:96px;background:#fff;border:1px solid #ece9df;display:flex;align-items:center;justify-content:center;font-size:18px;color:#8a8650;letter-spacing:1px;font-weight:bold;transition:.3s;}
.partner-item:hover{background:#a7a25a;color:#fff;border-color:#a7a25a;}

/* ============================================================
   内页 Banner + 面包屑
   ============================================================ */
.n-banner{position:relative;width:100%;height:340px;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;margin-top:0;}
.n-banner .nb-mask{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.5));}
.n-banner-inner{position:relative;z-index:2;text-align:center;color:#fff;padding-top:90px;}
.n-banner-inner h1{font-size:40px;letter-spacing:4px;font-weight:bold;}
.n-banner-inner i{display:block;font-size:16px;letter-spacing:6px;color:#a7a25a;margin-top:14px;text-transform:uppercase;}
/* 面包屑栏 */
.ntit{background:#fbf9f3;border-bottom:1px solid #ece9df;}
.ntt{width:1220px;max-width:94%;margin:0 auto;height:90px;display:flex;align-items:center;justify-content:space-between;}
.ntt h1{font-size:26px;color:#222;letter-spacing:1px;font-weight:bold;}
.ntt h1 i{font-size:14px;color:#a7a25a;letter-spacing:3px;margin-left:12px;text-transform:uppercase;font-weight:normal;}
.weiz{font-size:13px;color:#888;}
.weiz em{margin:0 6px;color:#ccc;}
.weiz a{color:#666;}
.weiz a:hover{color:#a7a25a;}

/* ============================================================
   内页通用容器
   ============================================================ */
.page-box{background:#fbfbfb;padding:50px 0 70px;}
.page-wrap{width:1220px;max-width:94%;margin:0 auto;}

/* 关于我们页 */
.about-con{background:#fff;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,.04);margin-bottom:30px;}
.about-con h3{font-size:22px;color:#a7a25a;border-left:4px solid #a7a25a;padding-left:14px;margin:26px 0 16px;font-weight:bold;}
.about-con p{font-size:15px;line-height:2;color:#555;text-indent:2em;margin-bottom:14px;}
.about-con img{display:block;max-width:100%;margin:18px auto;}
.tl-wrap{background:#fff;padding:40px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.tl-wrap .tl-tt{font-size:22px;color:#a7a25a;font-weight:bold;margin-bottom:30px;border-left:4px solid #a7a25a;padding-left:14px;}
.timeline{position:relative;padding-left:30px;}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#e3dcc4;}
.tl-item{position:relative;padding-bottom:26px;}
.tl-item::before{content:"";position:absolute;left:-30px;top:4px;width:14px;height:14px;border-radius:50%;background:#a7a25a;border:3px solid #fff;box-shadow:0 0 0 2px #a7a25a;}
.tl-year{font-size:20px;color:#a7a25a;font-weight:bold;font-family:Arial;}
.tl-text{font-size:14px;color:#666;margin-top:6px;line-height:1.8;}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px;}
.culture-card{background:#fff;padding:36px 28px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.3s;}
.culture-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(167,162,90,.18);}
.culture-card .cc-ico{font-size:40px;color:#a7a25a;}
.culture-card h4{font-size:20px;color:#333;margin:16px 0 10px;font-weight:bold;}
.culture-card p{font-size:13px;color:#888;line-height:1.8;}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.team-card{background:#fff;text-align:center;padding:24px 16px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.3s;}
.team-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.team-av{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:3px solid #ece9df;}
.team-av img{width:100%;height:100%;object-fit:cover;}
.team-info h4{font-size:18px;color:#333;font-weight:bold;}
.team-info .tm-pos{font-size:13px;color:#a7a25a;margin-top:6px;}

/* 产品列表页 */
.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.pro-grid .g-card{background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:.3s;}
.pro-grid .g-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(0,0,0,.12);}
.pro-grid .g-pic{width:100%;height:210px;overflow:hidden;}
.pro-grid .g-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.pro-grid .g-card:hover .g-pic img{transform:scale(1.08);}
.pro-grid .g-name{padding:16px;text-align:center;font-size:16px;color:#333;border-top:2px solid transparent;transition:.3s;}
.pro-grid .g-card:hover .g-name{color:#a7a25a;border-top-color:#a7a25a;}

/* 案例列表页 */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case-grid .gc-card{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden;transition:.3s;}
.case-grid .gc-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,.12);}
.case-grid .gc-pic{width:100%;height:240px;overflow:hidden;}
.case-grid .gc-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.case-grid .gc-card:hover .gc-pic img{transform:scale(1.08);}
.case-grid .gc-name{padding:16px;text-align:center;font-size:16px;color:#444;}
.case-grid .gc-card:hover .gc-name{color:#a7a25a;}

/* 新闻列表页 */
.news-grid{background:#fff;padding:20px 26px;}
.news-grid .ng-item{display:flex;padding:22px 0;border-bottom:1px dashed #eee;gap:24px;transition:.3s;}
.news-grid .ng-item:last-child{border-bottom:none;}
.news-grid .ng-pic{flex:0 0 240px;height:150px;overflow:hidden;}
.news-grid .ng-pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.news-grid .ng-item:hover .ng-pic img{transform:scale(1.06);}
.news-grid .ng-cont{flex:1;overflow:hidden;}
.news-grid .ng-ti{font-size:18px;color:#333;font-weight:bold;margin-bottom:8px;transition:.3s;}
.news-grid .ng-item:hover .ng-ti{color:#a7a25a;}
.news-grid .ng-tx{font-size:13px;color:#888;line-height:1.8;height:62px;overflow:hidden;}
.news-grid .ng-meta{font-size:12px;color:#aaa;margin-top:12px;}
.news-grid .ng-meta i{margin-right:6px;color:#a7a25a;}

/* 分页 */
.pager{text-align:center;padding:30px 0 10px;}
.pager a,.pager span{display:inline-block;margin:0 4px;padding:8px 14px;border:1px solid #ddd;color:#555;font-size:14px;background:#fff;transition:.3s;}
.pager a:hover,.pager span.on{background:#a7a25a;border-color:#a7a25a;color:#fff;}

/* 详情页 */
.detail{background:#fff;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.detail-title{font-size:26px;color:#222;text-align:center;font-weight:bold;line-height:1.5;}
.detail-meta{text-align:center;font-size:13px;color:#999;padding:16px 0;border-bottom:1px solid #eee;margin-bottom:26px;}
.detail-meta span{margin:0 14px;}
.detail-meta i{color:#a7a25a;margin-right:5px;}
.detail-body{font-size:15px;line-height:2;color:#444;}
.detail-body p{text-indent:2em;margin-bottom:18px;}
.detail-body img{display:block;max-width:100%;margin:22px auto;border:1px solid #eee;}
.detail-body h4{font-size:18px;color:#a7a25a;font-weight:bold;margin:24px 0 12px;text-indent:0;}
.detail-nav{display:flex;justify-content:space-between;border-top:1px dashed #ddd;padding:22px 0 0;margin-top:26px;font-size:14px;}
.detail-nav a{color:#555;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-nav a:hover{color:#a7a25a;}

/* 产品详情 */
.pdetail{display:flex;gap:40px;background:#fff;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.pdetail-pic{flex:0 0 440px;}
.pdetail-pic img{width:100%;height:380px;object-fit:cover;border:1px solid #eee;}
.pdetail-info{flex:1;}
.pdetail-info h2{font-size:26px;color:#222;font-weight:bold;margin-bottom:16px;}
.pdetail-info .pd-desc{font-size:14px;color:#666;line-height:1.9;margin-bottom:20px;}
.pdetail-params{width:100%;border-collapse:collapse;margin:14px 0;}
.pdetail-params th,.pdetail-params td{border:1px solid #ece9df;padding:11px 16px;font-size:14px;text-align:left;}
.pdetail-params th{background:#f7f6f1;color:#555;width:160px;font-weight:normal;}
.pdetail-params td{color:#666;}
.pd-features{background:#fff;padding:36px 40px;margin-top:30px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.pd-features h3{font-size:20px;color:#a7a25a;font-weight:bold;margin-bottom:20px;border-left:4px solid #a7a25a;padding-left:12px;}
.pd-feat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.pd-feat-list li{display:flex;align-items:flex-start;font-size:14px;color:#555;line-height:1.7;}
.pd-feat-list .pf-ico{width:42px;height:42px;flex-shrink:0;background:#f7f6f1;color:#a7a25a;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:14px;}
.pd-feat-list .pf-txt b{display:block;color:#333;font-size:15px;margin-bottom:2px;}
.rel-sec{background:#fff;padding:36px 40px;margin-top:30px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.rel-sec h3{font-size:20px;color:#a7a25a;font-weight:bold;margin-bottom:22px;border-left:4px solid #a7a25a;padding-left:12px;}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.rel-grid .g-card{background:#fbfbfb;overflow:hidden;border:1px solid #eee;}
.rel-grid .g-pic{height:150px;overflow:hidden;}
.rel-grid .g-pic img{width:100%;height:100%;object-fit:cover;}
.rel-grid .g-name{padding:10px;text-align:center;font-size:14px;color:#444;}
.rel-grid .g-card:hover .g-name{color:#a7a25a;}

/* 联系我们页 */
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.contact-info{background:#fff;padding:36px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.contact-info h3{font-size:20px;color:#a7a25a;font-weight:bold;margin-bottom:24px;border-left:4px solid #a7a25a;padding-left:12px;}
.ci-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px dashed #eee;}
.ci-item:last-child{border-bottom:none;}
.ci-item .ci-ico{width:46px;height:46px;flex-shrink:0;background:#f7f6f1;color:#a7a25a;display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:18px;}
.ci-item .ci-label{font-size:13px;color:#999;}
.ci-item .ci-val{font-size:16px;color:#333;margin-top:2px;}
.message-form{background:#fff;padding:36px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.message-form h3{font-size:20px;color:#a7a25a;font-weight:bold;margin-bottom:24px;border-left:4px solid #a7a25a;padding-left:12px;}
.msg-row{margin-bottom:18px;}
.msg-row label{display:block;font-size:13px;color:#666;margin-bottom:8px;}
.msg-input{width:100%;height:46px;border:1px solid #ddd;padding:0 16px;font-size:14px;background:#fafafa;transition:.3s;}
.msg-input:focus{border-color:#a7a25a;background:#fff;}
.msg-textarea{width:100%;height:140px;border:1px solid #ddd;padding:12px 16px;font-size:14px;background:#fafafa;resize:none;transition:.3s;font-family:inherit;}
.msg-textarea:focus{border-color:#a7a25a;background:#fff;}
.msg-btn{width:100%;height:48px;background:#a7a25a;color:#fff;font-size:15px;letter-spacing:2px;cursor:pointer;transition:.3s;margin-top:8px;}
.msg-btn:hover{background:#8a864a;}
.msg-tip{min-height:10px;}

/* ============================================================
   页脚
   ============================================================ */
.footer{background:#1c1c1c;color:#9a9a9a;padding:60px 0 0;}
.footer-main{width:1220px;max-width:94%;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px;border-bottom:1px solid #2c2c2c;}
.footer-col h4{font-size:17px;color:#fff;margin-bottom:22px;font-weight:bold;letter-spacing:1px;}
.footer-col h4::after{content:"";display:block;width:30px;height:2px;background:#a7a25a;margin-top:10px;}
.footer-about .fa-logo{font-size:20px;color:#a7a25a;font-weight:bold;margin-bottom:14px;}
.footer-about p{font-size:13px;line-height:1.9;color:#888;}
.footer-col ul li{margin-bottom:12px;}
.footer-col ul li a{font-size:13px;color:#888;transition:.3s;}
.footer-col ul li a:hover{color:#a7a25a;padding-left:4px;}
.footer-contact .fc-item{font-size:13px;color:#888;line-height:1.9;margin-bottom:10px;display:flex;align-items:flex-start;}
.footer-contact .fc-item i{color:#a7a25a;margin-right:8px;font-size:15px;margin-top:3px;}
.footer-qr{margin-top:14px;text-align:center;}
.footer-qr img{width:120px;height:120px;display:block;margin:0 auto;background:#fff;padding:6px;}
.footer-qr p{font-size:12px;color:#888;margin-top:8px;text-align:center;}
.footer-copyright{width:1220px;max-width:94%;margin:0 auto;padding:22px 0;text-align:center;font-size:13px;color:#777;}
.footer-copyright a{color:#a7a25a;}
.footer-copyright a:hover{text-decoration:underline;}

/* ============================================================
   右侧浮动工具条
   ============================================================ */
.toolbar{position:fixed;right:14px;bottom:30%;z-index:500;display:flex;flex-direction:column;gap:6px;}
.toolbar .tb-item{width:50px;height:50px;background:#a7a25a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:.3s;line-height:1.2;}
.toolbar .tb-item i{font-size:18px;margin-bottom:2px;}
.toolbar .tb-item:hover{background:#8a864a;}
.toolbar .tb-top{display:none;}
.toolbar .tb-top.show{display:flex;}

/* 图片兜底层 */
.img-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center;}

/* 滚动淡入 (默认可见=无JS兜底; 仅 JS 环境下隐藏并按滚动揭示) */
.fade-in{opacity:1;transition:opacity .8s,transform .8s;}
html.js .fade-in{opacity:0;transform:translateY(40px);}
html.js .fade-in.visible{opacity:1;transform:translateY(0);}

/* ============================================================
   响应式断点
   ============================================================ */
@media (max-width:1200px){
  .menubox .nav>li>a{padding:0 16px;font-size:15px;}
}
@media (max-width:1024px){
  .topbox{height:70px;}
  .lotbox{height:70px;}
  .logo{height:70px;}
  .logo-ico{width:42px;height:42px;}
  .logo-ico svg{width:42px;height:42px;}
  .logo-name{font-size:20px;}
  .menubox{display:none;}
  .m-toggle{display:flex;}
  .top-contact{display:none;}
  .fp-banner{height:auto;min-height:0;padding-top:70px;}
  .fp-banner .banner-track{position:relative;height:420px;}
  .banner-cap .bc-cn{font-size:30px;letter-spacing:3px;}
  .banner-cap .bc-en{font-size:13px;margin:14px 0 18px;}
  .banner-cap .bc-desc{font-size:14px;margin-bottom:24px;}
  .banner-tabs{bottom:20px;}
  .banner-tab{width:64px;height:60px;}
  .banner-tab .bt-no{font-size:15px;}
  .sec{min-height:auto;padding:60px 0;}
  .sec-tt h3{font-size:64px;}
  .sec-tt h2{font-size:28px;margin-top:-44px;}
  .about-wrap{flex-direction:column;gap:30px;}
  .about-pic{flex:none;max-width:100%;width:100%;}
  .about-pic img{height:260px;}
  .pro-card{flex:0 0 calc((100% - 20px)/2);}
  .pro-prev,.pro-next{display:none;}
  .news-list{grid-template-columns:1fr;}
  .contact-ul{grid-template-columns:repeat(2,1fr);}
  .culture-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .pro-grid{grid-template-columns:repeat(2,1fr);}
  .case-grid{grid-template-columns:repeat(2,1fr);}
  .rel-grid{grid-template-columns:repeat(2,1fr);}
  .pdetail{flex-direction:column;}
  .pdetail-pic{flex:none;}
  .contact-page{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr 1fr;}
  .case-track{flex-wrap:wrap;justify-content:center;}
  .case-slide{flex:0 0 80%;transform:none !important;opacity:1 !important;}
  .case-prev,.case-next{display:none;}
  .partner-list{grid-template-columns:repeat(2,1fr);}
  .pd-feat-list{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .n-banner{height:220px;}
  .n-banner-inner h1{font-size:28px;}
  .ntt{height:auto;flex-direction:column;align-items:flex-start;padding:16px 0;gap:6px;}
  .about-stats{gap:20px;}
  .about-stat .as-num{font-size:32px;}
  .pro-card{flex:0 0 calc((100% - 20px)/2);}
  .pro-grid,.case-grid,.team-grid{grid-template-columns:1fr;}
  .news-item{flex-direction:column;}
  .news-date{flex:none;width:100%;height:auto;flex-direction:row;gap:10px;padding:10px;}
  .news-date .nd-day{font-size:22px;}
  .news-cont{padding-left:0;padding-top:10px;}
  .contact-ul{grid-template-columns:1fr;}
  .culture-grid,.rel-grid,.pd-feat-list{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr;gap:26px;}
  .partner-list{grid-template-columns:1fr;}
  .about-con,.tl-wrap,.detail,.pdetail,.pd-features,.rel-sec,.contact-info,.message-form{padding:22px;}
  .detail-title{font-size:20px;}
  .toolbar{display:none;}
  .news-grid .ng-item{flex-direction:column;}
  .news-grid .ng-pic{flex:none;width:100%;height:200px;}
}