/* ============================================
   重庆洁达宿运输有限公司 - 全站样式表
   基于参考站布局还原
   ============================================ */

/* === Reset & Base === */
*{margin:0;padding:0;border:0;box-sizing:border-box;}
body{background-color:#fff;overflow-x:hidden;color:#333;font-size:14px;font-family:"微软雅黑","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:hover{color:#c19149;}
input,select,img{vertical-align:middle;}
ul,li{list-style:none;}
em,cite,th{font-style:normal;font-weight:normal;}
img{max-width:100%;height:auto;}

/* === Utility === */
.wrap{clear:both;width:96%;max-width:1460px;margin:0 auto;text-align:left;zoom:1;overflow:hidden;}
.wrap2{clear:both;width:96%;max-width:1460px;margin:0 auto;text-align:left;zoom:1;}
.wrap3{clear:both;width:94%;max-width:1000px;margin:0 auto;text-align:left;zoom:1;overflow:hidden;}
.divhidden{display:none;}
.f36{font-size:36px;}
.f30{font-size:30px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.c_l{clear:both;height:0;font-size:0;overflow:hidden;}
.l{float:left;}
.r{float:right;}
.txtc{text-align:center;}

/* === Animations === */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.anim{opacity:0;transform:translateY(30px);transition:all 0.6s ease;}
.anim.visible{opacity:1;transform:translateY(0);}

/* ==========================================
   1. TOPBAR - 顶部信息栏 + 导航栏（固定）
   ========================================== */
.topbox{width:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.15);transition:all 0.3s;}
.topbox.scrolled{box-shadow:0 2px 20px rgba(0,0,0,0.2);}

/* 顶部信息行 */
.topbar{width:98%;max-width:1460px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:128px;transition:height 0.3s;}
.topbox.scrolled .topbar{height:80px;}

/* Logo 区域 */
.lotbox{display:flex;align-items:center;height:100%;flex-shrink:0;}
.lotbox a{display:flex;align-items:center;text-decoration:none;}
.lotbox .lot-icon{flex-shrink:0;width:58px;height:58px;margin-right:12px;transition:all 0.3s;}
.topbox.scrolled .lotbox .lot-icon{width:44px;height:44px;}
.lotbox .lot-txt{display:flex;flex-direction:column;justify-content:center;line-height:1.3;}
.lotbox .lot-name{font-size:20px;font-weight:bold;color:#191919;white-space:nowrap;}
.lotbox .lot-tag{font-size:12px;color:#666;letter-spacing:2px;}
.topbox.scrolled .lotbox .lot-name{font-size:17px;}
.topbox.scrolled .lotbox .lot-tag{font-size:11px;}

/* 联系电话区 */
.telbox{display:flex;align-items:center;flex-shrink:0;margin-left:30px;padding-left:20px;border-left:1px solid #eee;}
.telbox .tel-icon{width:36px;height:36px;margin-right:8px;flex-shrink:0;}
.telbox .tel-num{font-size:18px;font-weight:bold;color:#c19149;white-space:nowrap;}

/* 主导航（在topbox内部） */
.menubox{display:flex;align-items:center;height:100%;margin-left:auto;}
.navlist{display:flex;align-items:center;height:100%;list-style:none;padding:0;margin:0;}
.navitem{position:relative;margin-left:55px;height:100%;display:flex;align-items:center;}
.navitem>a{display:flex;align-items:center;height:100%;font-size:16px;color:#333;text-transform:uppercase;position:relative;white-space:nowrap;transition:color 0.3s;}
.navitem>a:after{content:"";display:block;position:absolute;left:50%;right:50%;bottom:0;height:2px;opacity:0;background-color:#e97700;transition:all 0.5s;}
.navitem>a:hover,.navitem.active>a{color:#c19149;}
.navitem>a:hover:after,.navitem.active>a:after{left:0;right:0;opacity:1;}

/* 下拉子菜单 */
.navitem .subnav{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:150px;background:rgba(193,145,73,0.95);text-align:center;z-index:110;border-radius:0 0 4px 4px;}
.navitem:hover .subnav{display:block;}
.subnav li{display:block;}
.subnav li a{display:block;padding:0 15px;line-height:50px;font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2);transition:all 0.3s;}
.subnav li:last-child a{border-bottom:0;}
.subnav li a:hover{background:#fff;color:#c19149;}

/* 搜索按钮 */
.searchbtn{display:flex;align-items:center;margin-left:40px;cursor:pointer;flex-shrink:0;}
.searchbtn .sch-icon{width:22px;height:22px;opacity:0.6;transition:opacity 0.3s;}
.searchbtn:hover .sch-icon{opacity:1;}

/* 搜索下拉 */
.searchdrop{display:none;position:absolute;top:100%;right:0;width:280px;padding:12px 10px;background:#1f262d;z-index:120;border-radius:0 0 6px 6px;}
.searchdrop.active{display:block;}
.searchdrop input[type="text"]{width:75%;height:38px;line-height:38px;padding:0 10px;border:0;outline:none;font-size:14px;color:#333;border-radius:4px 0 0 4px;}
.searchdrop button{width:25%;height:38px;background:#c19149;color:#fff;font-size:14px;cursor:pointer;border-radius:0 4px 4px 0;transition:background 0.3s;}
.searchdrop button:hover{background:#e97700;}

/* 汉堡菜单按钮（移动端） */
.hambtn{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;margin-left:15px;flex-shrink:0;}
.hambtn span{display:block;width:24px;height:2px;background:#333;margin:3px 0;transition:all 0.3s;}
.hambtn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hambtn.active span:nth-child(2){opacity:0;}
.hambtn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* 移动端导航面板 */
.mnav-panel{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:101;}
.mnav-panel.active{display:block;}
.mnav-inner{position:fixed;top:0;right:0;width:75%;max-width:320px;height:100%;background:#fff;overflow-y:auto;padding:20px;z-index:102;animation:fadeIn 0.3s;}
.mnav-inner .mnav-close{text-align:right;font-size:24px;cursor:pointer;color:#333;padding:10px;}
.mnav-inner>ul>li{border-bottom:1px solid #eee;}
.mnav-inner>ul>li>a{display:block;font-size:18px;line-height:50px;color:#333;padding:0 10px;}
.mnav-inner>ul>li>a:hover,.mnav-inner>ul>li.active>a{color:#c19149;}
.mnav-inner .msubnav{display:none;padding:0 0 10px 20px;}
.mnav-inner .msubnav.active{display:block;}
.mnav-inner .msubnav li a{display:block;font-size:15px;line-height:40px;color:#666;}
.mnav-inner .msubnav li a:hover{color:#c19149;}
.mnav-arrow{float:right;font-size:14px;transition:transform 0.3s;color:#999;}
.mnav-arrow.open{transform:rotate(180deg);}

/* 主内容占位（抵消固定导航高度） */
.blank_h{height:128px;overflow:hidden;}
.topbox.scrolled .blank_h{height:80px;}

/* ==========================================
   2. BANNER - 轮播区
   ========================================== */
.bnbox{position:relative;width:100%;height:631px;overflow:hidden;background:#1f262d;}
.bnbox .bnslide-wrap{position:relative;width:100%;height:100%;}
.bnbox .bnslide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease;background-size:cover;background-position:center;background-repeat:no-repeat;}
.bnbox .bnslide.active{opacity:1;}
.bnbox .bnslide img{width:100%;height:100%;object-fit:cover;}
.bnbox .bn-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:1;}
.bnbox .bn-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;color:#fff;width:90%;max-width:800px;}
.bnbox .bn-content h2{font-size:48px;font-weight:bold;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
.bnbox .bn-content p{font-size:20px;line-height:1.6;margin-bottom:30px;text-shadow:0 1px 6px rgba(0,0,0,0.3);}
.bnbox .bn-btn{display:inline-block;padding:14px 40px;background:#c19149;color:#fff;font-size:16px;border-radius:30px;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px;}
.bnbox .bn-btn:hover{background:#e97700;transform:translateY(-2px);box-shadow:0 6px 20px rgba(193,145,73,0.4);color:#fff;}

/* 轮播导航按钮 */
.bnbox .bn-prev,.bnbox .bn-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,0.4);border-radius:50%;z-index:3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;color:#fff;font-size:20px;}
.bnbox .bn-prev{left:30px;}
.bnbox .bn-next{right:30px;}
.bnbox .bn-prev:hover,.bnbox .bn-next:hover{background:rgba(193,145,73,0.8);}

/* 轮播指示器 */
.bnbox .bn-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:12px;}
.bnbox .bn-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s;}
.bnbox .bn-dots span.active,.bnbox .bn-dots span:hover{background:#c19149;}

/* 移动端轮播 */
.mb-bnbox{display:none;position:relative;width:100%;overflow:hidden;background:#1f262d;}
.mb-bnbox .mb-bnwrap{position:relative;width:100%;}
.mb-bnbox .mb-bnslide{width:100%;}
.mb-bnbox .mb-bnslide img{width:100%;display:block;}

/* ==========================================
   3. SECTION - 通用区块标题
   ========================================== */
.scbox{padding:5% 0;overflow:hidden;}
.scbox.bg-gray{background:#f5f5f5;}
.scbox.bg-dark{background:#1f262d;color:#fff;}
.sctit{text-align:center;margin-bottom:3%;overflow:hidden;}
.sctit h2{font-weight:normal;color:#333;padding-bottom:15px;position:relative;font-size:36px;}
.sctit h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:47px;height:3px;background:#c19149;}
.sctit h2.light{color:#fff;}
.sctit .sctit-sub{font-size:18px;color:#666;margin-top:12px;line-height:1.6;}
.sctit .sctit-sub.light{color:#ccc;}

/* ==========================================
   4. SERVICE - 服务/产品区块
   ========================================== */
.svbox{padding-bottom:4%;overflow:hidden;background:#f5f5f5;}
.svlist{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
.svcard{flex:0 0 calc(25% - 23px);max-width:calc(25% - 23px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s;text-align:center;}
.svcard:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.svcard .svcard-img{width:100%;height:220px;overflow:hidden;}
.svcard .svcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.svcard:hover .svcard-img img{transform:scale(1.06);}
.svcard .svcard-txt{padding:20px 15px 25px;}
.svcard .svcard-txt h3{font-size:20px;color:#333;margin-bottom:10px;font-weight:normal;}
.svcard .svcard-txt p{font-size:14px;color:#666;line-height:1.6;}

/* ==========================================
   5. COUNTER - 数据统计区
   ========================================== */
.ctbox{padding:5% 0;background:url(https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=1920&h=800&fit=crop&auto=format&q=80) center fixed no-repeat;background-size:cover;color:#fff;position:relative;}
.ctbox:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);}
.ctbox .wrap{position:relative;z-index:1;}
.ctlist{display:flex;flex-wrap:wrap;text-align:center;margin-top:4%;}
.ctitem{flex:0 0 25%;max-width:25%;padding:0 15px;}
.ctitem .ct-num{font-size:78px;font-weight:500;font-family:Arial;color:#c19149;}
.ctitem .ct-unit{font-size:30px;color:#c19149;}
.ctitem h6{font-size:20px;font-weight:normal;color:#fff;margin-top:5px;}

/* ==========================================
   6. ABOUT - 关于我们区块
   ========================================== */
.abbox{padding:5% 0;overflow:hidden;}
.about-row{display:flex;flex-wrap:wrap;gap:40px;align-items:center;}
.about-row .about-img{flex:0 0 45%;max-width:45%;}
.about-row .about-img img{width:100%;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.about-row .about-txt{flex:1;}
.about-row .about-txt h2{font-size:36px;margin-bottom:20px;color:#333;}
.about-row .about-txt p{font-size:16px;line-height:1.8;color:#666;margin-bottom:15px;}
.about-row .about-txt .about-highlights{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;}
.about-row .about-txt .hl-item{flex:0 0 calc(50% - 10px);display:flex;align-items:center;gap:10px;font-size:16px;color:#333;}
.about-row .about-txt .hl-item .hl-icon{width:40px;height:40px;border-radius:50%;background:#c19149;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;}

/* ==========================================
   7. NEWS - 新闻区块
   ========================================== */
.newsbox{padding-bottom:50px;overflow:hidden;}
.news-row{display:flex;flex-wrap:wrap;}
.news-col-l{flex:0 0 50%;max-width:50%;padding-right:20px;}
.news-col-r{flex:0 0 50%;max-width:50%;padding-left:20px;}
.news-list li{border-bottom:1px dashed #dedede;margin-bottom:19px;padding-bottom:19px;overflow:hidden;transition:border-color 0.3s;}
.news-list li:hover{border-bottom-color:#c3954f;}
.news-list li a{display:block;}
.news-list .news-date{font-style:normal;font-weight:normal;height:68px;line-height:68px;color:#999;font-family:Arial;font-size:30px;}
.news-list .news-title{font-weight:normal;height:54px;line-height:54px;overflow:hidden;color:#333;margin-bottom:11px;font-size:20px;}
.news-list .news-desc{line-height:25px;height:75px;overflow:hidden;font-size:16px;color:#666;}
.news-list li:hover .news-title{color:#c19149;}

.news-feat{overflow:hidden;width:93.42%;max-width:682px;float:right;padding-bottom:19px;margin-bottom:18px;border-bottom:1px dashed #dedede;transition:border-color 0.3s;}
.news-feat:hover{border-bottom-color:#c3954f;}
.news-feat .news-feat-img{overflow:hidden;margin-bottom:12px;height:237px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.3s;}
.news-feat:hover .news-feat-img{transform:scale(1.1);}
.news-feat .news-feat-img img{width:100%;opacity:0;}
.news-feat .news-date{font-size:30px;color:#999;font-family:Arial;}
.news-feat .news-title{font-weight:normal;color:#333;font-size:20px;margin:8px 0;transition:color 0.3s;}
.news-feat:hover .news-title{color:#c19149;}
.news-feat .news-desc{font-size:16px;color:#666;line-height:25px;}

/* ==========================================
   8. PARTNER - 合作伙伴区
   ========================================== */
.ptbox{background:#f5f5f5;overflow:hidden;padding:5% 0;}
.ptlist{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;}
.ptitem{flex:0 0 calc(11.11% - 27px);max-width:calc(11.11% - 27px);text-align:center;}
.ptitem img{max-width:100%;height:auto;filter:grayscale(100%);opacity:0.6;transition:all 0.3s;}
.ptitem:hover img{filter:grayscale(0);opacity:1;}

/* ==========================================
   9. FOOTER - 页脚
   ========================================== */
.ftbox{background:#1f262d;color:#999;font-size:14px;padding-top:58px;text-align:left;clear:both;}
.ftbox a{color:#999;}
.ftbox a:hover{color:#c19149;}
.ft-main{max-width:1460px;width:96%;margin:0 auto;display:flex;flex-wrap:wrap;}
.ft-logo{flex:0 0 188px;max-width:188px;margin-right:5.4%;padding-right:6%;border-right:1px solid #343a3f;margin-top:20px;}
.ft-logo img{width:100%;}
.ft-col{flex:0 0 9%;max-width:9%;padding-right:15px;margin-right:15px;padding-bottom:45px;}
.ft-col.ft-col-last{width:110px;padding-right:0;margin-right:0;}
.ft-col h3{height:60px;line-height:60px;font-weight:normal;font-size:18px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:12px;}
.ft-col ul li{display:block;height:36px;line-height:36px;overflow:hidden;font-size:14px;}
.ft-col ul li a{transition:all 0.3s;}
.ft-col ul li a:hover{margin-left:5px;}

.ft-contact{flex:0 0 20.9%;max-width:20.9%;margin-left:auto;text-align:left;margin-top:18px;border-left:1px solid #343a3f;padding-left:30px;}
.ft-contact h3{color:#fff;font-size:18px;font-weight:normal;margin-bottom:20px;}
.ft-contact .ft-tel{display:block;margin-top:30px;padding-top:20px;color:#c19149;font-size:30px;font-weight:bold;font-family:Arial;border-top:1px solid rgba(255,255,255,0.1);}
.ft-social{display:flex;gap:15px;margin-top:15px;}
.ft-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;font-size:16px;transition:all 0.3s;}
.ft-social a:hover{background:#c19149;color:#fff;}

.ft-links{max-width:1460px;width:96%;margin:0 auto;padding:15px 0;line-height:24px;font-size:14px;border-top:1px solid rgba(255,255,255,0.05);}
.ft-links span{color:#999;}
.ft-links a{display:inline-block;margin-right:1.8%;color:#999;}
.ft-links a:hover{color:#c19149;}

.ft-btm{background:#c19149;color:#fff;font-size:14px;padding:13px 0;text-align:center;clear:both;}
.ft-btm .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ft-btm a{color:#fff;}
.ft-btm a:hover{color:#fff;opacity:0.8;}

/* ==========================================
   10. 返回顶部
   ========================================== */
.gotop{position:fixed;bottom:10%;right:1%;width:50px;height:50px;background:#c19149;border-radius:50%;z-index:99;cursor:pointer;display:none;align-items:center;justify-content:center;color:#fff;font-size:22px;transition:all 0.5s;box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.gotop.show{display:flex;}
.gotop:hover{background:#e97700;transform:rotate(360deg);}

/* ==========================================
   11. 内页 BANNER + 面包屑
   ========================================== */
.n-banner{position:relative;width:100%;height:350px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.n-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);}
.n-banner .n-ban-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:1;}
.n-banner .n-ban-txt h1{font-size:42px;font-weight:bold;margin-bottom:10px;}
.n-banner .n-ban-txt p{font-size:18px;opacity:0.8;}

/* 面包屑导航 */
.ntit{background:#f5f5f5;border-bottom:1px solid #eee;padding:0;}
.ntit .ntt{max-width:1460px;width:96%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.ntit .ntt .ntt-l h1{font-size:24px;color:#333;font-weight:normal;display:inline-block;}
.ntit .ntt .ntt-l i{font-size:13px;color:#999;margin-left:10px;font-style:italic;text-transform:uppercase;}
.ntit .ntt .weiz{font-size:14px;color:#999;}
.ntit .ntt .weiz a{color:#999;}
.ntit .ntt .weiz a:hover{color:#c19149;}
.ntit .ntt .weiz span{color:#c19149;}

/* ==========================================
   12. 内页通用内容区
   ========================================== */
.pgbox{padding:4% 0;overflow:hidden;}
.pgbox .pg-content{line-height:1.8;font-size:16px;color:#555;}
.pgbox .pg-content p{margin-bottom:20px;}
.pgbox .pg-content img{max-width:100%;border-radius:8px;margin:20px 0;}

/* ==========================================
   13. 产品列表页
   ========================================== */
.pdlist{display:flex;flex-wrap:wrap;gap:30px;}
.pdlist .pdcard{flex:0 0 calc(25% - 23px);max-width:calc(25% - 23px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s;}
.pdlist .pdcard:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.pdlist .pdcard .pdcard-img{width:100%;height:220px;overflow:hidden;}
.pdlist .pdcard .pdcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.pdlist .pdcard:hover .pdcard-img img{transform:scale(1.06);}
.pdlist .pdcard .pdcard-txt{padding:20px;}
.pdlist .pdcard .pdcard-txt h3{font-size:20px;color:#333;margin-bottom:10px;}
.pdlist .pdcard .pdcard-txt p{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;}
.pdlist .pdcard .pdcard-txt .pd-more{display:inline-block;padding:8px 20px;background:#c19149;color:#fff;border-radius:20px;font-size:13px;transition:all 0.3s;}
.pdlist .pdcard .pdcard-txt .pd-more:hover{background:#e97700;color:#fff;}

/* ==========================================
   14. 产品详情页
   ========================================== */
.pd-detail{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px;}
.pd-detail .pd-detail-img{flex:0 0 45%;max-width:45%;}
.pd-detail .pd-detail-img img{width:100%;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.pd-detail .pd-detail-info{flex:1;}
.pd-detail .pd-detail-info h1{font-size:32px;color:#333;margin-bottom:15px;}
.pd-detail .pd-detail-info .pd-desc{font-size:16px;line-height:1.8;color:#555;margin-bottom:25px;}
.pd-params{width:100%;border-collapse:collapse;margin:25px 0;}
.pd-params tr{border-bottom:1px solid #eee;}
.pd-params tr:nth-child(odd){background:#fafafa;}
.pd-params td{padding:12px 20px;font-size:15px;}
.pd-params td:first-child{font-weight:bold;color:#333;width:30%;background:#f5f5f5;}
.pd-features{margin:30px 0;}
.pd-features h3{font-size:22px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #c19149;display:inline-block;}
.pd-features ul li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;color:#555;border-bottom:1px dashed #eee;}
.pd-features ul li .ft-icon{width:24px;height:24px;border-radius:50%;background:#c19149;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px;}

.pd-related{margin-top:50px;padding-top:30px;border-top:2px solid #eee;}
.pd-related h3{font-size:24px;color:#333;margin-bottom:20px;}

/* ==========================================
   15. 新闻列表页
   ========================================== */
.nwlist{}
.nwlist .nwitem{display:flex;flex-wrap:wrap;gap:25px;padding:25px 0;border-bottom:1px dashed #dedede;transition:border-color 0.3s;}
.nwlist .nwitem:hover{border-bottom-color:#c3954f;}
.nwlist .nwitem .nwitem-img{flex:0 0 280px;max-width:280px;height:190px;overflow:hidden;border-radius:6px;}
.nwlist .nwitem .nwitem-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.nwlist .nwitem:hover .nwitem-img img{transform:scale(1.06);}
.nwlist .nwitem .nwitem-txt{flex:1;}
.nwlist .nwitem .nwitem-txt h3{font-size:22px;color:#333;margin-bottom:8px;transition:color 0.3s;}
.nwlist .nwitem:hover .nwitem-txt h3{color:#c19149;}
.nwlist .nwitem .nwitem-txt .nw-date{font-size:14px;color:#999;margin-bottom:12px;}
.nwlist .nwitem .nwitem-txt p{font-size:15px;color:#666;line-height:1.7;}
.nwlist .nwitem .nwitem-txt .nw-more{display:inline-block;margin-top:10px;color:#c19149;font-size:14px;}

/* ==========================================
   16. 新闻详情页
   ========================================== */
.nw-article{max-width:900px;margin:0 auto;}
.nw-article h1{font-size:32px;color:#333;margin-bottom:15px;text-align:center;}
.nw-article .nw-meta{text-align:center;color:#999;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;}
.nw-article .nw-body{font-size:16px;line-height:1.9;color:#444;}
.nw-article .nw-body p{margin-bottom:20px;text-indent:2em;}
.nw-article .nw-body img{max-width:100%;border-radius:6px;margin:20px auto;display:block;}
.nw-article .nw-pager{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #eee;}
.nw-article .nw-pager a{color:#333;font-size:14px;}
.nw-article .nw-pager a:hover{color:#c19149;}

/* ==========================================
   17. 关于我们页
   ========================================== */
/* 发展历程时间轴 */
.timeline{position:relative;padding:30px 0;}
.timeline:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:#c19149;transform:translateX(-50%);}
.tm-item{display:flex;align-items:flex-start;margin-bottom:40px;position:relative;}
.tm-item:nth-child(odd){flex-direction:row-reverse;}
.tm-item .tm-year{flex:0 0 120px;text-align:center;font-size:24px;font-weight:bold;color:#c19149;padding:10px 0;}
.tm-item .tm-dot{position:absolute;left:50%;top:20px;width:16px;height:16px;background:#c19149;border-radius:50%;transform:translateX(-50%);z-index:1;border:3px solid #fff;box-shadow:0 0 0 3px #c19149;}
.tm-item .tm-content{flex:1;max-width:40%;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.tm-item:nth-child(odd) .tm-content{margin-right:8%;}
.tm-item:nth-child(even) .tm-content{margin-left:8%;}
.tm-item .tm-content h4{font-size:18px;color:#333;margin-bottom:8px;}
.tm-item .tm-content p{font-size:14px;color:#666;line-height:1.6;}

/* 企业文化卡片 */
.culture-cards{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px;}
.culcard{flex:0 0 calc(33.33% - 20px);background:#fff;border-radius:8px;padding:35px 25px;text-align:center;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s;}
.culcard:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.culcard .culcard-icon{width:70px;height:70px;border-radius:50%;background:rgba(193,145,73,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;color:#c19149;}
.culcard h3{font-size:22px;color:#333;margin-bottom:12px;}
.culcard p{font-size:14px;color:#666;line-height:1.7;}

/* 团队 */
.team-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
.team-card{flex:0 0 calc(25% - 23px);max-width:calc(25% - 23px);text-align:center;}
.team-card .team-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 15px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.team-card .team-avatar img{width:100%;height:100%;object-fit:cover;}
.team-card h4{font-size:18px;color:#333;margin-bottom:5px;}
.team-card p{font-size:14px;color:#999;}

/* ==========================================
   18. 联系我们页
   ========================================== */
.contact-row{display:flex;flex-wrap:wrap;gap:40px;}
.contact-info{flex:0 0 40%;max-width:40%;}
.contact-info .cinfo-item{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #eee;}
.contact-info .cinfo-item .cinfo-icon{width:45px;height:45px;border-radius:50%;background:rgba(193,145,73,0.1);display:flex;align-items:center;justify-content:center;font-size:20px;color:#c19149;flex-shrink:0;}
.contact-info .cinfo-item .cinfo-txt h4{font-size:16px;color:#333;margin-bottom:5px;}
.contact-info .cinfo-item .cinfo-txt p{font-size:14px;color:#666;line-height:1.6;}

.contact-form{flex:1;}
.contact-form .form-group{margin-bottom:20px;}
.contact-form label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:bold;}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;font-family:inherit;outline:none;transition:border-color 0.3s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:#c19149;}
.contact-form textarea{height:150px;resize:vertical;}
.contact-form button{padding:14px 45px;background:#c19149;color:#fff;font-size:16px;border-radius:30px;cursor:pointer;transition:all 0.3s;border:0;}
.contact-form button:hover{background:#e97700;}

/* ==========================================
   19. 图片加载失败兜底
   ========================================== */
.img-fallback{background:linear-gradient(135deg,#c19149,#e97700);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:8px;}

/* ==========================================
   20. 友链区
   ========================================== */
.linkbox{padding:3% 0;text-align:center;overflow:hidden;}
.linkbox .link-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;}
.linkbox .link-list a{display:inline-block;padding:5px 15px;font-size:14px;color:#666;transition:color 0.3s;}
.linkbox .link-list a:hover{color:#c19149;}

/* ==========================================
   RESPONSIVE - 响应式
   ========================================== */

/* ≤1600px */
@media screen and (max-width:1600px){}

/* ≤1440px */
@media screen and (max-width:1440px){
  .f36{font-size:32px;}
  .navitem{margin-left:40px;}
  .ft-logo{padding-right:5%;margin-right:4.5%;}
  .ft-col{width:8%;margin-right:1.5%;padding-right:1.5%;}
  .ft-col.ft-col-last{width:7%;}
  .ft-contact{width:18%;}
}

/* ≤1366px */
@media screen and (max-width:1366px){
  .navitem{margin-left:28px;}
  .navitem>a{font-size:15px;}
}

/* ≤1200px */
@media screen and (max-width:1200px){
  .f36{font-size:30px;}
  .navitem{margin-left:20px;}
  .ctitem .ct-num{font-size:60px;}
  .ft-logo{padding-right:3%;margin-right:2.5%;}
  .ft-col{margin-right:1%;padding-right:1%;min-width:90px;}
  .ft-contact{width:22%;}
  .pdlist .pdcard{flex:0 0 calc(33.33% - 20px);max-width:calc(33.33% - 20px);}
  .svcard{flex:0 0 calc(33.33% - 20px);max-width:calc(33.33% - 20px);}
}

/* ≤1100px */
@media screen and (max-width:1100px){
  .f24{font-size:20px;}
  .f20{font-size:18px;}
  .f18{font-size:16px;}
  .blank_h{height:90px;}
  /* 移动导航模式 */
  .topbox{display:block;}
  .topbar{height:90px;}
  .topbox.scrolled .topbar{height:90px;}
  .menubox{display:none;}
  .hambtn{display:flex;}
  .searchbtn{margin-left:auto;}
  .telbox{display:none;}
  .bnbox{height:400px;}
  .bnbox .bn-content h2{font-size:32px;}
  .bnbox .bn-content p{font-size:16px;}
  .bnbox .bn-prev,.bnbox .bn-next{width:36px;height:36px;}
  .ftbox{font-size:13px;padding-top:30px;}
  .ft-col h3{font-size:17px;}
  .ft-logo{width:140px;}
  .ft-contact .ft-tel{font-size:26px;}
  .ft-btm{font-size:13px;line-height:22px;}
  .timeline:before{left:30px;}
  .tm-item,.tm-item:nth-child(odd){flex-direction:row;}
  .tm-item .tm-dot{left:30px;}
  .tm-item .tm-content,.tm-item:nth-child(odd) .tm-content,.tm-item:nth-child(even) .tm-content{max-width:calc(100% - 80px);margin-left:60px;margin-right:0;}
}

/* ≤1000px */
@media screen and (max-width:1000px){
  .ft-logo{float:none;margin:0 auto 4%;border-right:0;height:auto;padding-right:0;max-width:160px;}
  .ft-col{display:none;}
  .ft-contact{width:100%;flex:0 0 100%;max-width:100%;border-left:0;text-align:center;padding-left:0;}
  .ft-contact h3{text-align:center;}
  .ft-social{justify-content:center;}
  .ft-contact .ft-tel{display:inline-block;}
  .contact-info{flex:0 0 100%;max-width:100%;}
  .pdlist .pdcard{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px);}
  .svcard{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px);}
}

/* ≤960px */
@media screen and (max-width:960px){
  .f36{font-size:28px;}
  .about-row .about-img{flex:0 0 100%;max-width:100%;}
  .ctlist .ctitem{flex:0 0 50%;max-width:50%;margin-bottom:20px;}
  .bnbox .bn-content h2{font-size:28px;}
  .bnbox .bn-content p{font-size:15px;}
}

/* ≤830px */
@media screen and (max-width:830px){
  .f36{font-size:27px;}
  .f30{font-size:26px;}
  .f24{font-size:18px;}
  .f20{font-size:16px;}
  .f18{font-size:14px;}
  .bnbox{display:none;}
  .mb-bnbox{display:block;}
  .news-col-l,.news-col-r{flex:0 0 100%;max-width:100%;padding:0;}
  .news-feat{width:100%;max-width:none;float:none;}
  .news-feat .news-feat-img{height:auto;}
  .news-list .news-date{height:50px;line-height:50px;}
  .news-list .news-title{height:30px;line-height:30px;}
  .culture-cards .culcard{flex:0 0 calc(50% - 15px);}
  .team-card{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px);}
  .nwlist .nwitem .nwitem-img{flex:0 0 200px;max-width:200px;height:140px;}
}

/* ≤780px */
@media screen and (max-width:780px){
  .ctitem .ct-num{font-size:45px;}
  .gotop.show{display:flex;}
  .pd-detail .pd-detail-img{flex:0 0 100%;max-width:100%;}
  .ft-btm .wrap{flex-direction:column;text-align:center;gap:5px;}
}

/* ≤640px */
@media screen and (max-width:640px){
  .f36{font-size:25px;}
  .blank_h{height:80px;}
  .topbar{height:80px;}
  .bnbox{height:300px;}
  .bnbox .bn-content h2{font-size:24px;}
  .bnbox .bn-content p{font-size:14px;}
  .bnbox .bn-btn{padding:10px 25px;font-size:14px;}
  .ctitem .ct-num{font-size:40px;}
  .ctitem .ct-unit{font-size:20px;}
  .lotbox .lot-name{font-size:16px;}
  .lotbox .lot-tag{font-size:10px;}
  .lotbox .lot-icon{width:44px;height:44px;}
  .pdlist .pdcard{flex:0 0 100%;max-width:100%;}
  .svcard{flex:0 0 100%;max-width:100%;}
  .culture-cards .culcard{flex:0 0 100%;}
  .team-card{flex:0 0 100%;max-width:100%;}
  .n-banner{height:250px;}
  .n-banner .n-ban-txt h1{font-size:28px;}
  .nwlist .nwitem{flex-direction:column;}
  .nwlist .nwitem .nwitem-img{flex:0 0 200px;max-width:100%;}
}

/* ≤480px */
@media screen and (max-width:480px){
  .f36{font-size:23px;}
  .f30{font-size:20px;}
  .f24{font-size:16px;}
  .f20{font-size:15px;}
  .f18{font-size:13px;}
  .blank_h{height:70px;}
  .topbar{height:70px;}
  .ctitem .ct-num{font-size:35px;}
  .ctitem h6{font-size:16px;}
  .bnbox{height:250px;}
  .bnbox .bn-content h2{font-size:20px;}
  .bnbox .bn-content p{font-size:13px;}
  .bnbox .bn-btn{padding:8px 20px;font-size:13px;}
  .n-banner{height:200px;}
  .n-banner .n-ban-txt h1{font-size:24px;}
  .ntit .ntt{flex-direction:column;align-items:flex-start;gap:5px;}
  .ft-contact .ft-tel{font-size:22px;}
  .lotbox .lot-icon{width:36px;height:36px;}
  .lotbox .lot-tag{display:none;}
}

/* ≤360px */
@media screen and (max-width:360px){
  .f36{font-size:20px;}
  .f24{font-size:15px;}
  .f20{font-size:14px;}
  .ctitem .ct-num{font-size:30px;}
  .ft-btm{font-size:12px;line-height:20px;padding:8px 0;}
}