@charset "utf-8";
/* =====================================================================
   重庆梓肆颂酒店管理有限公司 — 全站样式
   参考站 demoall2.5fa.cn/4659 配色：主橙#FF761F / 辅橙#FFA620 / 黑顶#000
   ===================================================================== */

/* ---------- 全局 ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;}
.body{width:100%;overflow-x:hidden;}
body{
  font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px;color:#333;line-height:1.8;background:#fff;overflow-x:hidden;
}
a{color:#333;text-decoration:none;transition:color .25s,background .25s,border-color .25s;}
a:hover{color:#FF761F;}
img{max-width:100%;border:0;display:block;}
ul,ol{list-style:none;}
h1,h2,h3,h4{font-weight:normal;}
input,textarea,select,button{font-family:inherit;outline:none;border:none;background:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 15px;}
.wrap-narrow{max-width:1000px;margin:0 auto;padding:0 15px;}
.wrap-wide{max-width:1400px;margin:0 auto;padding:0 15px;}
.clearfix::after{content:"";display:block;clear:both;}

/* 主色辅助类 */
.c-main{color:#FF761F;}
.c-deep{color:#FFA620;}
.bg-main{background:#FF761F;}
.bg-deep{background:#FFA620;}
.bg-black{background:#000;}
.bg-dark{background:#1d1d1d;}

/* ---------- 顶部容器 topbox（lotbox + logo + menubox） ---------- */
.topbox{position:relative;z-index:999;}
/* 橙色细顶栏 lotbox */
.lotbox{background:#FF761F;color:#fff;height:36px;line-height:36px;font-size:13px;}
.lotbox-in{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;}
.lotbox-l span{margin-right:18px;}
.lotbox-l .fa,.lotbox-r .fa{margin-right:6px;}
.lotbox-r a{color:#fff;}
.lotbox-r a:hover{color:#FFFF00;}
.lotbox-r span{margin-left:20px;}
/* 黑底 header 主行 */
.header-row{background:#000;}
.header-in{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;height:96px;}
.logo{display:flex;align-items:center;}
.logo-ico{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;margin-right:14px;}
.logo-ico svg{width:54px;height:54px;display:block;}
.logo-txt{display:flex;flex-direction:column;line-height:1.1;}
.logo-name{color:#fff;font-size:24px;font-weight:bold;letter-spacing:1px;}
.logo-sub{color:#FF761F;font-size:12px;letter-spacing:3px;margin-top:6px;text-transform:uppercase;}
.header-tel{display:flex;align-items:center;color:#fff;}
.header-tel .fa{color:#FF761F;font-size:30px;margin-right:10px;}
.header-tel-txt small{display:block;color:#999;font-size:12px;letter-spacing:1px;}
.header-tel-txt b{font-size:22px;color:#FF761F;font-weight:bold;letter-spacing:1px;}

/* 导航 menubox（黑底横排，作为 topbox 子元素） */
.menubox{background:#000;border-top:1px solid #222;}
.menubox-in{max-width:1200px;margin:0 auto;padding:0 15px;}
.nav{display:flex;justify-content:center;}
.nav>li{position:relative;}
.nav>li.has-sub{position:relative;}
.nav>li>a{display:block;color:#fff;padding:18px 34px;font-size:16px;position:relative;}
.nav>li>a .fa{font-size:11px;margin-left:6px;color:#999;}
.nav>li>a::after{content:"";position:absolute;left:50%;bottom:10px;width:0;height:2px;background:#FF761F;transition:width .25s,left .25s;}
.nav>li:hover>a,.nav>li.active>a{color:#FF761F;}
.nav>li:hover>a::after,.nav>li.active>a::after{width:24px;left:calc(50% - 12px);}
/* 下拉 */
.nav .submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:170px;background:rgba(255,118,31,0.96);padding:6px 0;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:all .25s;z-index:99;}
.nav>li:hover>.submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav .submenu li a{display:block;color:#fff;padding:10px 20px;font-size:14px;text-align:center;}
.nav .submenu li a:hover{background:#FFA620;color:#fff;}

/* 移动汉堡 */
.menu-toggle{display:none;background:#000;color:#fff;width:48px;height:48px;font-size:24px;cursor:pointer;border:none;}
.nav-mask{display:none;}

/* ---------- Banner ---------- */
.bannerBox{width:100%;position:relative;background:#000;}
.banner{position:relative;overflow:hidden;}
.banner-list .banner-slide{position:relative;display:none;}
.banner-list .banner-slide.active{display:block;}
.banner-list .banner-slide img{width:100%;height:600px;object-fit:cover;}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.35) 100%);}
.banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:0 15px;text-align:center;color:#fff;z-index:2;}
.banner-text .bt-sub{font-size:15px;letter-spacing:6px;color:#FFA620;text-transform:uppercase;margin-bottom:14px;}
.banner-text .bt-main{font-size:42px;font-weight:bold;letter-spacing:3px;text-shadow:0 2px 12px rgba(0,0,0,.5);margin-bottom:20px;}
.banner-text .bt-desc{font-size:16px;letter-spacing:2px;color:#f5f5f5;margin-bottom:26px;}
.banner-text .btn-link{display:inline-block;padding:11px 34px;border:2px solid #fff;color:#fff;font-size:14px;letter-spacing:2px;border-radius:2px;}
.banner-text .btn-link:hover{background:#FF761F;border-color:#FF761F;color:#fff;}
.banner-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:10px;z-index:3;}
.banner-dots button{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;border:none;padding:0;}
.banner-dots button.active{background:#FF761F;width:30px;border-radius:6px;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:rgba(0,0,0,.35);color:#fff;font-size:22px;cursor:pointer;border:none;z-index:3;display:flex;align-items:center;justify-content:center;}
.banner-arrow:hover{background:#FF761F;}
.banner-arrow.prev{left:20px;}
.banner-arrow.next{right:20px;}

/* 内页 Banner n-banner */
.n-banner{position:relative;height:340px;background-size:cover;background-position:center;}
.n-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.55));}
.n-banner .nb-text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:#fff;z-index:2;padding:0 15px;}
.n-banner .nb-text h1{font-size:38px;font-weight:bold;letter-spacing:4px;margin-bottom:10px;}
.n-banner .nb-text i{font-style:normal;display:block;font-size:14px;letter-spacing:6px;color:#FFA620;text-transform:uppercase;}

/* 面包屑栏 ntit > ntt + weiz */
.ntit{background:#f4f4f4;border-bottom:1px solid #eee;}
.ntt{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;height:66px;}
.ntt h1{font-size:22px;font-weight:bold;color:#333;letter-spacing:1px;}
.ntt h1 i{font-style:normal;font-size:13px;color:#bbb;letter-spacing:2px;margin-left:10px;font-weight:normal;}
.weiz{font-size:13px;color:#888;}
.weiz a{color:#888;}
.weiz a:hover{color:#FF761F;}
.weiz .sep{margin:0 6px;color:#ccc;}

/* ---------- 通用 section 框架 ---------- */
.section{padding:60px 0;}
.section.pd-top-small{padding-top:36px;}
.section.pd-top-large{padding-top:80px;}
.section.pd-bottom-small{padding-bottom:36px;}
.section.pd-bottom-large{padding-bottom:80px;}
.section.bg-gray{background:#f6f6f6;}
.section.bg-f1{background:#f1f1f1;}
.section.bg-black{background:#000;color:#9a9a9a;}

/* 区段标题（文字版，替代参考站的标题图） */
.sec-title{text-align:center;margin-bottom:42px;}
.sec-title h2{font-size:30px;font-weight:bold;color:#222;letter-spacing:2px;position:relative;display:inline-block;padding:0 30px;}
.sec-title h2::before,.sec-title h2::after{content:"";position:absolute;top:50%;width:50px;height:2px;background:#FF761F;}
.sec-title h2::before{left:-30px;}
.sec-title h2::after{right:-30px;}
.sec-title .en{display:block;margin-top:12px;font-size:14px;color:#bbb;letter-spacing:5px;text-transform:uppercase;}
.sec-title .desc{margin-top:14px;color:#888;font-size:14px;max-width:680px;margin-left:auto;margin-right:auto;}
.sec-title.light h2{color:#fff;}
.sec-title.light .en{color:#FFA620;}

/* 左图右文 / 两列通用 */
.two-col{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.two-col .tc-img{flex:1;min-width:300px;}
.two-col .tc-img img{width:100%;height:380px;object-fit:cover;}
.two-col .tc-text{flex:1;min-width:300px;}
.two-col .tc-text h3{font-size:26px;font-weight:bold;color:#222;margin-bottom:6px;}
.two-col .tc-text .en-sub{color:#FF761F;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;display:block;}
.two-col .tc-text p{color:#666;font-size:14px;line-height:2;margin-bottom:14px;}

/* ---------- 产品/客房列表 w-productList1 风格（3列） ---------- */
.product-grid{display:flex;flex-wrap:wrap;}
.pr-card{width:33.333%;padding:0 12px;margin-bottom:30px;}
.pr-card-in{background:#fff;border:1px solid #eee;transition:border-color .3s,box-shadow .3s,transform .3s;height:100%;}
.pr-card-in:hover{border-color:#FF761F;box-shadow:0 10px 28px rgba(255,118,31,.16);transform:translateY(-6px);}
.pr-img{display:block;overflow:hidden;position:relative;}
.pr-img img{width:100%;height:230px;object-fit:cover;transition:transform .5s;}
.pr-card-in:hover .pr-img img{transform:scale(1.08);}
.pr-img .pr-mask{position:absolute;inset:0;background:rgba(255,118,31,0);transition:background .35s;display:flex;align-items:center;justify-content:center;}
.pr-card-in:hover .pr-img .pr-mask{background:rgba(255,118,31,.45);}
.pr-img .pr-mask .fa{color:#fff;font-size:24px;opacity:0;transition:opacity .35s;transform:scale(.6);transition:transform .35s,opacity .35s;}
.pr-card-in:hover .pr-img .pr-mask .fa{opacity:1;transform:scale(1);}
.pr-info{padding:18px 20px;text-align:left;}
.pr-info h3{font-size:17px;font-weight:bold;color:#333;margin-bottom:8px;}
.pr-info h3 a{color:#333;}
.pr-info h3 a:hover{color:#FF761F;}
.pr-info .pr-sum{color:#999;font-size:13px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pr-info .pr-more{margin-top:12px;display:inline-block;font-size:13px;color:#FF761F;}
.pr-info .pr-more .fa{margin-left:4px;}

/* 4列产品（列表页/详情相关可用） */
.product-grid.col4 .pr-card{width:25%;}

/* ---------- 全宽分隔图 sec-divider ---------- */
.sec-divider{position:relative;}
.sec-divider .div-img{width:100%;height:420px;object-fit:cover;}
.sec-divider.has-overlay::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);}
.sec-divider .div-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:2;text-align:center;padding:0 15px;}
.sec-divider .div-caption h2{font-size:34px;font-weight:bold;letter-spacing:3px;margin-bottom:14px;}
.sec-divider .div-caption p{font-size:16px;letter-spacing:2px;color:#f0f0f0;}
.sec-divider .div-caption .btn-link{margin-top:22px;display:inline-block;padding:10px 32px;border:2px solid #fff;color:#fff;font-size:14px;}
.sec-divider .div-caption .btn-link:hover{background:#FF761F;border-color:#FF761F;}

/* ---------- 新闻区：左图+右列表 w-adNews8 ---------- */
.news-row{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;}
.news-row .nr-img{flex:0 0 38%;max-width:38%;}
.news-row .nr-img img{width:100%;height:380px;object-fit:cover;}
.news-row .nr-list{flex:1;min-width:300px;}
.news-row .nr-list .news-item{padding:16px 0;border-bottom:1px dashed #e5e5e5;}
.news-row .nr-list .news-item:first-child{padding-top:0;}
.news-row .nr-list .news-item:last-child{border-bottom:none;}
.news-row .nr-list .news-h{font-size:15px;margin-bottom:6px;}
.news-row .nr-list .news-h .news-kind{color:#FF761F;margin-right:8px;font-weight:bold;}
.news-row .nr-list .news-h a{color:#333;}
.news-row .nr-list .news-h a:hover{color:#FF761F;}
.news-row .nr-list .news-sum{color:#999;font-size:13px;line-height:1.7;}

/* 新闻列表页（带缩略图 2列） */
.news-list .nl-item{display:flex;background:#fff;margin-bottom:24px;border:1px solid #eee;transition:border-color .3s,box-shadow .3s;}
.news-list .nl-item:hover{border-color:#FF761F;box-shadow:0 8px 22px rgba(0,0,0,.08);}
.news-list .nl-thumb{flex:0 0 280px;max-width:280px;overflow:hidden;}
.news-list .nl-thumb img{width:100%;height:100%;min-height:180px;object-fit:cover;transition:transform .5s;}
.news-list .nl-item:hover .nl-thumb img{transform:scale(1.08);}
.news-list .nl-body{flex:1;padding:22px 26px;}
.news-list .nl-body h3{font-size:18px;font-weight:bold;margin-bottom:10px;}
.news-list .nl-body h3 a{color:#333;}
.news-list .nl-body h3 a:hover{color:#FF761F;}
.news-list .nl-meta{font-size:13px;color:#999;margin-bottom:10px;}
.news-list .nl-meta .nl-date{color:#FF761F;margin-right:14px;}
.news-list .nl-meta .nl-cat{margin-right:14px;}
.news-list .nl-desc{color:#888;font-size:13px;line-height:1.8;}
.news-list .nl-more{display:inline-block;margin-top:12px;color:#FF761F;font-size:13px;}

/* 列表单列新闻（首页右侧那种，分类+标题+摘要） */
.news-simple .news-item{padding:14px 0;border-bottom:1px dashed #e8e8e8;}
.news-simple .news-item:last-child{border-bottom:none;}
.news-simple .news-h{font-size:15px;margin-bottom:6px;}
.news-simple .news-h .news-kind{color:#FF761F;margin-right:8px;font-weight:bold;}
.news-simple .news-h a{color:#333;}
.news-simple .news-h a:hover{color:#FF761F;}
.news-simple .news-sum{color:#999;font-size:13px;}

/* ---------- 在线预订表单 ---------- */
.reserve-row{display:flex;gap:40px;align-items:stretch;flex-wrap:wrap;}
.reserve-row .rr-img{flex:1;min-width:300px;}
.reserve-row .rr-img img{width:100%;height:100%;min-height:360px;object-fit:cover;}
.reserve-form{flex:1;min-width:300px;background:#fff;padding:34px 36px;box-shadow:0 4px 20px rgba(0,0,0,.06);}
.reserve-form h3{font-size:22px;font-weight:bold;color:#222;margin-bottom:6px;}
.reserve-form .rf-sub{color:#999;font-size:13px;margin-bottom:22px;display:block;}
.form-row{margin-bottom:16px;}
.form-row label{display:block;font-size:13px;color:#666;margin-bottom:6px;}
.form-row label .star{color:#FF761F;margin-left:3px;}
.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid #ddd;padding:11px 14px;font-size:14px;color:#333;border-radius:2px;transition:border-color .25s;}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#FF761F;}
.form-row textarea{resize:vertical;min-height:90px;}
.form-grid2{display:flex;gap:16px;}
.form-grid2 .form-row{flex:1;}
.btn-submit{display:inline-block;width:100%;background:#FF761F;color:#fff;text-align:center;padding:13px;font-size:15px;letter-spacing:2px;cursor:pointer;border:none;margin-top:6px;transition:background .25s;}
.btn-submit:hover{background:#FFA620;color:#fff;}

/* ---------- 关于我们区 sec-about ---------- */
.about-row{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.about-row .ab-img{flex:0 0 44%;max-width:44%;}
.about-row .ab-img img{width:100%;height:380px;object-fit:cover;}
.about-row .ab-text{flex:1;min-width:300px;}
.about-row .ab-text h3{font-size:26px;font-weight:bold;color:#222;margin-bottom:6px;}
.about-row .ab-text .en-sub{color:#FF761F;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;display:block;}
.about-row .ab-text p{color:#666;font-size:14px;line-height:2;margin-bottom:14px;}
.about-stats{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.about-stats .stat-item{flex:1;min-width:120px;text-align:center;padding:18px 8px;background:#fff;border:1px solid #f0e6df;}
.about-stats .stat-item .num{font-size:30px;font-weight:bold;color:#FF761F;}
.about-stats .stat-item .num small{font-size:14px;color:#FFA620;}
.about-stats .stat-item .lbl{font-size:13px;color:#888;margin-top:4px;}

/* 核心业务/服务卡（首页可选） */
.service-grid{display:flex;flex-wrap:wrap;}
.svc-card{width:25%;padding:0 12px;text-align:center;margin-bottom:30px;}
.svc-card-in{padding:32px 20px;background:#fff;border:1px solid #eee;transition:all .3s;height:100%;}
.svc-card-in:hover{background:#FF761F;border-color:#FF761F;transform:translateY(-6px);}
.svc-ico{width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#fff3eb;color:#FF761F;display:flex;align-items:center;justify-content:center;font-size:30px;transition:all .3s;}
.svc-card-in:hover .svc-ico{background:rgba(255,255,255,.18);color:#fff;}
.svc-card h3{font-size:17px;font-weight:bold;color:#333;margin-bottom:10px;transition:color .3s;}
.svc-card-in:hover h3{color:#fff;}
.svc-card p{font-size:13px;color:#999;line-height:1.7;transition:color .3s;}
.svc-card-in:hover p{color:#fdeee0;}

/* ---------- 通用图文卡（企业文化等） ---------- */
.culture-grid{display:flex;flex-wrap:wrap;gap:24px;}
.culture-card{flex:1;min-width:240px;padding:34px 26px;background:#fff;border-top:3px solid #FF761F;box-shadow:0 4px 16px rgba(0,0,0,.05);text-align:center;}
.culture-card .cc-ico{font-size:36px;color:#FF761F;margin-bottom:16px;}
.culture-card h3{font-size:19px;font-weight:bold;color:#222;margin-bottom:12px;}
.culture-card p{color:#888;font-size:14px;line-height:1.9;}

/* 时间轴（关于我们-发展历程） */
.timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0;}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#FF761F;transform:translateX(-50%);}
.tl-item{position:relative;width:50%;padding:0 40px 36px 0;}
.tl-item:nth-child(even){left:50%;padding:0 0 36px 40px;}
.tl-item .tl-dot{position:absolute;right:-8px;top:6px;width:16px;height:16px;border-radius:50%;background:#FF761F;border:3px solid #fff;box-shadow:0 0 0 2px #FF761F;}
.tl-item:nth-child(even) .tl-dot{left:-8px;right:auto;}
.tl-item .tl-body{background:#fff;padding:18px 22px;border:1px solid #eee;box-shadow:0 3px 12px rgba(0,0,0,.05);}
.tl-item .tl-year{font-size:20px;font-weight:bold;color:#FF761F;}
.tl-item .tl-title{font-size:15px;font-weight:bold;color:#333;margin:4px 0;}
.tl-item .tl-desc{font-size:13px;color:#888;}

/* 团队 */
.team-grid{display:flex;flex-wrap:wrap;}
.team-card{width:25%;padding:0 12px;margin-bottom:30px;text-align:center;}
.team-card .tm-img{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.team-card .tm-img img{width:100%;height:100%;object-fit:cover;}
.team-card h3{font-size:17px;font-weight:bold;color:#333;}
.team-card .tm-pos{font-size:13px;color:#FF761F;margin-top:4px;}

/* 合作伙伴 */
.partner-grid{display:flex;flex-wrap:wrap;}
.partner-grid .pt-item{width:16.66%;padding:8px;}
.partner-grid .pt-item .pt-in{height:90px;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:16px;color:#999;font-weight:bold;letter-spacing:1px;transition:all .3s;}
.partner-grid .pt-item .pt-in:hover{border-color:#FF761F;color:#FF761F;box-shadow:0 6px 16px rgba(255,118,31,.12);}

/* ---------- 产品详情 ---------- */
.detail-top{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:40px;}
.detail-top .dt-img{flex:0 0 48%;max-width:48%;}
.detail-top .dt-img img{width:100%;height:420px;object-fit:cover;}
.detail-top .dt-info{flex:1;min-width:300px;}
.detail-top .dt-info h1{font-size:26px;font-weight:bold;color:#222;margin-bottom:14px;}
.detail-top .dt-info .dt-sub{color:#999;font-size:14px;line-height:1.9;margin-bottom:20px;}
.detail-top .dt-info .dt-price{font-size:15px;color:#666;margin-bottom:8px;}
.detail-top .dt-info .dt-price b{color:#FF761F;font-size:24px;margin:0 6px;}
.detail-top .dt-info .btn-link{display:inline-block;background:#FF761F;color:#fff;padding:12px 36px;font-size:15px;letter-spacing:1px;margin-top:14px;}
.detail-top .dt-info .btn-link:hover{background:#FFA620;}
.detail-block{margin-bottom:40px;}
.detail-block h3{font-size:20px;font-weight:bold;color:#222;padding-left:14px;border-left:4px solid #FF761F;margin-bottom:18px;line-height:1.4;}
.detail-block p{color:#666;font-size:14px;line-height:2;margin-bottom:14px;text-indent:2em;}
/* 参数表 */
.param-table{width:100%;border-collapse:collapse;font-size:14px;}
.param-table th,.param-table td{border:1px solid #e5e5e5;padding:12px 16px;text-align:left;}
.param-table th{background:#faf6f3;color:#555;font-weight:bold;width:22%;}
.param-table td{color:#666;}
/* 特点列表 */
.feature-list{display:flex;flex-wrap:wrap;gap:16px;}
.feature-list .ft-item{flex:1;min-width:220px;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#fff;border:1px solid #eee;}
.feature-list .ft-item .fa{font-size:26px;color:#FF761F;flex:0 0 26px;}
.feature-list .ft-item h4{font-size:15px;font-weight:bold;color:#333;margin-bottom:4px;}
.feature-list .ft-item p{font-size:13px;color:#999;text-indent:0;margin-bottom:0;}

/* 新闻详情 */
.article{background:#fff;padding:40px;box-shadow:0 4px 18px rgba(0,0,0,.05);}
.article .art-head{text-align:center;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:26px;}
.article .art-head h1{font-size:26px;font-weight:bold;color:#222;margin-bottom:12px;line-height:1.5;}
.article .art-meta{font-size:13px;color:#999;}
.article .art-meta span{margin:0 10px;}
.article .art-meta .fa{margin-right:5px;color:#FF761F;}
.article .art-body p{color:#555;font-size:15px;line-height:2.1;margin-bottom:18px;text-indent:2em;}
.article .art-body img{width:100%;max-width:760px;margin:20px auto;border-radius:4px;}
.article-pager{display:flex;justify-content:space-between;margin-top:30px;gap:14px;flex-wrap:wrap;}
.article-pager a{flex:1;min-width:240px;display:block;padding:14px 20px;background:#fff;border:1px solid #eee;font-size:14px;color:#666;}
.article-pager a:hover{border-color:#FF761F;color:#FF761F;}
.article-pager .ap-next{text-align:right;}
.article-pager .ap-prev{text-align:left;}

/* 联系我们 */
.contact-info-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;}
.contact-info-card{flex:1;min-width:220px;padding:30px 24px;background:#fff;border:1px solid #eee;text-align:center;transition:all .3s;}
.contact-info-card:hover{border-color:#FF761F;box-shadow:0 8px 22px rgba(255,118,31,.12);}
.contact-info-card .ci-ico{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#fff3eb;color:#FF761F;display:flex;align-items:center;justify-content:center;font-size:26px;}
.contact-info-card h3{font-size:16px;font-weight:bold;color:#333;margin-bottom:8px;}
.contact-info-card p{font-size:14px;color:#888;line-height:1.8;}
.contact-wrap{display:flex;gap:40px;flex-wrap:wrap;align-items:stretch;}
.contact-wrap .cw-info{flex:1;min-width:300px;}
.contact-wrap .cw-info h3{font-size:22px;font-weight:bold;color:#222;margin-bottom:18px;padding-left:12px;border-left:4px solid #FF761F;}
.contact-wrap .cw-info .ci-line{display:flex;align-items:flex-start;margin-bottom:18px;}
.contact-wrap .cw-info .ci-line .fa{color:#FF761F;font-size:22px;margin-right:14px;flex:0 0 22px;margin-top:2px;}
.contact-wrap .cw-info .ci-line .ci-c small{display:block;color:#999;font-size:13px;}
.contact-wrap .cw-info .ci-line .ci-c b{color:#333;font-size:16px;font-weight:normal;}
.contact-wrap .cw-form{flex:1;min-width:300px;}

/* 分页 */
.pagination{text-align:center;margin-top:30px;}
.pagination a,.pagination span{display:inline-block;min-width:40px;height:40px;line-height:40px;padding:0 12px;margin:0 3px;border:1px solid #e0e0e0;color:#666;font-size:14px;}
.pagination a:hover,.pagination .cur{background:#FF761F;color:#fff;border-color:#FF761F;}

/* 内页主体容器 */
.n-main{padding:60px 0;min-height:400px;}

/* ---------- 页脚 ---------- */
.w-footer{background:#0a0a0a;color:#9a9a9a;padding-top:56px;}
.footer-top{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:36px;border-bottom:1px solid #1f1f1f;}
.footer-top .ft-col{flex:1;min-width:200px;}
.footer-top .ft-col.ft-wide{flex:1.6;}
.footer-top h3{color:#fff;font-size:16px;font-weight:bold;margin-bottom:18px;letter-spacing:1px;}
.footer-top h3 i{font-style:normal;display:block;font-size:12px;color:#555;letter-spacing:2px;margin-top:4px;text-transform:uppercase;font-weight:normal;}
.footer-top ul li{margin-bottom:10px;font-size:13px;}
.footer-top ul li a{color:#9a9a9a;}
.footer-top ul li a:hover{color:#FF761F;padding-left:4px;}
.footer-about p{font-size:13px;line-height:1.9;color:#888;margin-bottom:12px;}
.footer-contact .fc-line{display:flex;align-items:flex-start;margin-bottom:12px;font-size:13px;}
.footer-contact .fc-line .fa{color:#FF761F;margin-right:10px;margin-top:3px;flex:0 0 14px;}
.footer-qr{text-align:center;}
.footer-qr img{width:120px;height:120px;margin:0 auto 10px;background:#fff;padding:6px;}
.footer-qr p{font-size:12px;color:#888;}
.footer-bot{padding:18px 0;text-align:center;font-size:13px;color:#777;}
.footer-bot a{color:#777;}
.footer-bot a:hover{color:#FF761F;}
.footer-bot .flinks{margin-bottom:8px;}
.footer-bot .flinks span{color:#555;margin-right:6px;}
.footer-bot .flinks a{margin:0 8px;}

/* 右浮 TOP 按钮 */
.w-service-fixed{position:fixed;right:16px;bottom:40px;z-index:998;}
.w-service-fixed .service-item{width:48px;height:48px;background:#FF761F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;margin-bottom:2px;opacity:.92;transition:background .25s;}
.w-service-fixed .service-item:hover{background:#FFA620;}
.w-service-fixed .service-item-top{display:none;}

/* 图片兜底 */
.img-fallback{background:linear-gradient(135deg,#FF761F,#FFA620);}

/* 淡入动画 */
.fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s;}
.fade-up.in{opacity:1;transform:none;}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity .8s,transform .8s;}
.fade-left.in{opacity:1;transform:none;}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity .8s,transform .8s;}
.fade-right.in{opacity:1;transform:none;}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .wrap,.wrap-narrow,.wrap-wide{padding:0 20px;}
  .pr-card{width:33.333%;}
}
@media(max-width:960px){
  .lotbox-r span.hide-m{display:none;}
  .header-in{height:78px;}
  .logo-name{font-size:20px;}
  .menu-toggle{display:flex;align-items:center;justify-content:center;}
  .menubox{position:fixed;left:0;top:0;bottom:0;width:280px;background:#111;overflow-y:auto;transform:translateX(-100%);transition:transform .3s;z-index:1000;border-top:none;}
  .menubox.open{transform:translateX(0);}
  .nav{flex-direction:column;align-items:stretch;padding:14px 0;}
  .nav>li>a{padding:14px 24px;border-bottom:1px solid #222;font-size:15px;}
  .nav>li>a::after{display:none;}
  .nav>li:hover>a,.nav>li.active>a{background:#FF761F;color:#fff;}
  .nav .submenu{position:static;transform:none;background:#1a1a1a;opacity:1;visibility:visible;display:none;padding:0;left:0;}
  .nav>li.open-sub>.submenu{display:block;}
  .nav .submenu li a{text-align:left;padding:11px 44px;}
  .nav-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;}
  .nav-mask.open{display:block;}
  .header-tel{display:none;}
}
@media(max-width:768px){
  .section{padding:42px 0;}
  .sec-title h2{font-size:24px;}
  .banner-list .banner-slide img{height:340px;}
  .banner-text .bt-main{font-size:26px;letter-spacing:2px;}
  .banner-text .bt-desc{font-size:13px;}
  .n-banner{height:220px;}
  .n-banner .nb-text h1{font-size:26px;}
  .pr-card{width:50%;}
  .product-grid.col4 .pr-card{width:50%;}
  .svc-card{width:50%;}
  .team-card{width:50%;}
  .partner-grid .pt-item{width:33.33%;}
  .news-row .nr-img{flex:0 0 100%;max-width:100%;}
  .news-row .nr-img img{height:240px;}
  .news-list .nl-item{flex-direction:column;}
  .news-list .nl-thumb{flex:0 0 100%;max-width:100%;}
  .news-list .nl-thumb img{min-height:200px;}
  .about-row .ab-img,.two-col .tc-img{flex:0 0 100%;max-width:100%;}
  .about-row .ab-img img,.two-col .tc-img img{height:260px;}
  .detail-top .dt-img{flex:0 0 100%;max-width:100%;}
  .sec-divider .div-img{height:260px;}
  .sec-divider .div-caption h2{font-size:24px;}
  .timeline::before{left:8px;}
  .tl-item{width:100%;padding:0 0 28px 30px;left:0!important;}
  .tl-item .tl-dot{left:0!important;right:auto;}
  .article{padding:22px;}
  .article .art-head h1{font-size:21px;}
  .contact-wrap{flex-direction:column;}
  .footer-top .ft-col{flex:0 0 50%;min-width:0;}
}
@media(max-width:480px){
  .pr-card{width:100%;}
  .product-grid.col4 .pr-card{width:100%;}
  .svc-card{width:100%;}
  .team-card{width:100%;}
  .partner-grid .pt-item{width:50%;}
  .form-grid2{flex-direction:column;gap:0;}
  .about-stats .stat-item{flex:0 0 48%;}
  .footer-top .ft-col{flex:0 0 100%;}
  .banner-text .bt-main{font-size:22px;}
  .banner-text .btn-link{padding:9px 22px;font-size:13px;}
  .ntt{flex-direction:column;align-items:flex-start;height:auto;padding:14px 15px;}
}
