/* =========================================================
   广西认快婚姻介绍服务有限公司 - 全站样式
   参考：响应式婚纱摄影模板 (demoall2.5fa.cn/7775)
   主色 #E7BE80 暖金 / 辅色 #C22A29 中国红
   ========================================================= */

/* ---------- 变量 ---------- */
:root{
  --gold:#E7BE80;
  --gold-d:#9e845a;
  --gold-dd:#C8A86A;
  --red:#C22A29;
  --red-l:#f1453b;
  --ink:#2A2A2A;
  --ink2:#3F3F3F;
  --ink3:#262626;
  --gray:#7D7D7D;
  --gray2:#898989;
  --gray3:#9C9C9C;
  --bg:#f7f7f7;
  --bd:#E5E5E5;
  --bd2:#DCDCDC;
}

/* ---------- reset ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px;color:#333;line-height:1.6;background:#fff;
  -webkit-font-smoothing:antialiased;
}
a{color:#333;text-decoration:none;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}
a:hover{text-decoration:none;color:var(--gold)}
ul,ol,li{list-style:none}
img{max-width:100%;border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input,textarea,button{font-family:inherit;outline:none;border:none;background:none}

/* ---------- 通用布局 ---------- */
.container{width:92%;max-width:1170px;margin:0 auto;padding:0}
.container.narrow{max-width:1030px}
.content{position:relative;width:100%;overflow:hidden}
.has-sub{position:relative}
.has-sub>a:after{content:"\f107";font-family:FontAwesome;margin-left:6px;font-size:12px;opacity:.65;font-weight:normal}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}
.text-c{text-align:center}
.hide{display:none!important}
.w100{width:100%}

/* 通用栅格 */
.grid{display:flex;flex-wrap:wrap;width:100%}
.g4>*{width:25%}
.g3>*{width:33.3333%}
.g2>*{width:50%}
@media(max-width:992px){.g4>*{width:33.3333%}}
@media(max-width:767px){.g4>*{width:50%}.g3>*{width:100%}.g2>*{width:100%}}
@media(max-width:480px){.g4>*,.g3>*{width:100%}}

/* ---------- 淡入动画（渐进增强，默认可见） ---------- */
.fade-in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}
html.js .fade-in{opacity:0;transform:translateY(30px)}
html.js .fade-in.visible{opacity:1;transform:none}
.scales{animation:scales 1s ease-in-out both}
@keyframes scales{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30%,0,0)}100%{opacity:1;transform:none}}
.delay-3{animation-delay:.3s}.delay-5{animation-delay:.5s}.delay-7{animation-delay:.7s}

/* =========================================================
   顶部信息栏 + 导航  (.topbox > .lotbox + .menubox)
   ========================================================= */
.topbox{position:relative;z-index:100;background:#fff}
.lotbox{border-bottom:1px solid #f0ece4}
.lotbox .container{display:flex;align-items:center;justify-content:space-between;height:96px}
.lotbox-logo{display:flex;align-items:center;gap:14px}
.logo-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.logo-icon svg{width:100%;height:100%;display:block}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-brand{font-size:24px;font-weight:bold;color:var(--ink3);letter-spacing:1px}
.logo-brand em{color:var(--gold);font-style:normal}
.logo-slogan{font-size:12px;color:var(--gray);letter-spacing:3px;margin-top:6px}

.lotbox-tel{display:flex;align-items:center;gap:10px;color:var(--gold)}
.lotbox-tel .tel-ico{width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px}
.lotbox-tel .tel-txt{display:flex;flex-direction:column;line-height:1.2}
.lotbox-tel .tel-txt span{font-size:12px;color:var(--gray2)}
.lotbox-tel .tel-txt b{font-size:22px;font-weight:bold;color:var(--gold);letter-spacing:1px}

/* 导航 */
.menubox{background:#fff;border-bottom:2px solid var(--gold)}
.menu{display:flex;width:100%}
.menu>li{flex:1;position:relative;text-align:center}
.menu>li>a{display:block;line-height:56px;height:56px;font-size:15px;color:var(--ink2);padding:0 6px;position:relative}
.menu>li>a i.fa{margin-right:6px;font-size:14px;color:var(--gold)}
.menu>li:hover>a,.menu>li.current>a{color:var(--gold)}
.menu>li.current>a{border-bottom:2px solid var(--gold);margin-bottom:-2px}
.menu>li .menu_2{display:none;position:absolute;top:56px;left:0;width:100%;min-width:150px;background:rgba(158,132,90,.96);z-index:50;padding:6px 0;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.menu>li .menu_2 li{width:100%;text-align:center}
.menu>li .menu_2 li a{display:block;color:#fff;line-height:40px;font-size:13px;padding:0 10px}
.menu>li .menu_2 li a:hover{background:var(--gold);color:#fff}
.menu>li:hover .menu_2{display:block}

.menu-toggle{display:none;width:44px;height:44px;background:none;color:var(--ink2);font-size:24px;cursor:pointer}

/* 遮罩 */
.black_cloth{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998}
.black_cloth.open{display:block}

/* =========================================================
   首页 Banner 轮播
   ========================================================= */
.banner{position:relative;overflow:hidden;background:#1a1410}
.banner-list{width:100%;position:relative}
.banner-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 1s ease-in-out}
.banner-slide.active{opacity:1;position:relative;z-index:1}
.banner-slide img{width:100%;height:600px;object-fit:cover;display:block}
.banner-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(20,12,6,.55) 0%,rgba(20,12,6,.15) 60%,rgba(0,0,0,.25) 100%);z-index:2}
.banner-text{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 8%}
.banner-text .bt-sub{font-size:16px;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;opacity:.95}
.banner-text .bt-title{font-size:46px;font-weight:bold;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.4);max-width:680px}
.banner-text .bt-title span{color:var(--gold)}
.banner-text .bt-desc{font-size:16px;margin-top:22px;max-width:560px;line-height:1.9;opacity:.92}
.banner-text .bt-btn{display:inline-block;margin-top:30px;padding:12px 34px;border:1px solid var(--gold);color:#fff;background:rgba(231,190,128,.18);font-size:14px;letter-spacing:2px;width:fit-content}
.banner-text .bt-btn:hover{background:var(--gold);color:#fff}

.banner-dots{position:absolute;bottom:26px;left:0;width:100%;text-align:center;z-index:5}
.banner-dots span{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}
.banner-dots span.active{background:var(--gold);width:28px;border-radius:6px}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}
.banner-arrow:hover{background:var(--gold)}
.banner-arrow.prev{left:24px}
.banner-arrow.next{right:24px}

/* =========================================================
   通用区块标题
   ========================================================= */
.index-title{text-align:center;color:var(--ink);padding:10px 0}
.index-title .p1{font-size:28px;font-weight:bold;color:var(--ink);letter-spacing:2px}
.index-title .p1 em{color:var(--gold);font-style:normal}
.index-title .p2{font-size:13px;margin:10px 0 0;color:var(--gray);letter-spacing:3px;text-transform:uppercase}
.index-title .p3{display:inline-block;width:42px;height:2px;background:var(--gold);margin-top:14px}
.index-title.left{text-align:left}
.index-title.left .p3{margin-top:18px}

/* =========================================================
   服务特色 .show （左文字 + 右图集，还原参考站）
   ========================================================= */
.show{padding:80px 0;background:#fff}
.show-content{display:flex;align-items:center;width:100%}
.show-text{width:46%;padding-right:5%}
.show-text .st-kicker{font-size:13px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px}
.show-text .st-title{font-size:30px;font-weight:bold;color:var(--ink);line-height:1.4}
.show-text .st-title span{color:var(--gold)}
.show-text .st-sub{color:var(--gold);font-weight:bold;font-size:16px;margin:16px 0 26px}
.show-text .st-desc{color:var(--gray2);line-height:2;font-size:14px}
.show-text .show-more{display:inline-block;margin-top:34px;padding:10px 28px;border:1px solid var(--gold);color:var(--gold);border-radius:24px;font-size:13px;letter-spacing:2px}
.show-text .show-more:hover{background:var(--gold);color:#fff}
.show-images{width:54%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.show-images .si{position:relative;overflow:hidden;border-radius:6px}
.show-images .si:first-child{grid-row:span 2}
.show-images img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;min-height:180px}
.show-images .si:hover img{transform:scale(1.06)}

/* =========================================================
   核心业务 .services （图标卡片）
   ========================================================= */
.services{padding:80px 0;background:var(--bg)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;margin-top:48px}
.service-card{background:#fff;padding:42px 22px 34px;text-align:center;transition:all .5s;border:1px solid transparent;position:relative}
.service-card .sc-icon{width:78px;height:78px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dd));color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;transition:all .5s}
.service-card .sc-title{font-size:18px;font-weight:bold;color:var(--ink);margin-bottom:12px}
.service-card .sc-desc{font-size:13px;color:var(--gray2);line-height:1.8}
.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(158,132,90,.22);border-color:var(--gold)}
.service-card:hover .sc-icon{transform:rotateY(180deg)}

/* =========================================================
   关于我们 .index-about （金底 + 白卡片叠图）
   ========================================================= */
.index-about{padding:60px 0 70px;background:var(--gold);position:relative}
.index-about .container{position:relative}
.index-about-left{width:48%;background:#fff;padding:54px 48px 44px;position:absolute;left:0;top:22%;z-index:10;box-shadow:0 12px 40px rgba(0,0,0,.1)}
.index-about-left .p1{font-size:24px;font-weight:bold;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-about-left .p2{color:var(--gray2);line-height:2;margin:18px 0 28px;height:120px;overflow:hidden;font-size:14px}
.index-about-left .p3 a{display:inline-block;color:var(--gold);padding:0 26px;line-height:40px;border:1px solid var(--gold);border-radius:8px;transition:all .5s;font-size:13px}
.index-about-left .p3 a:hover{background:var(--gold);color:#fff}
.index-about-right{margin-left:auto;width:58%}
.index-about-right img{width:100%;height:420px;object-fit:cover;display:block}
.about-stats{display:flex;justify-content:space-between;margin-top:24px;width:100%}
.about-stats .as{flex:1;text-align:center}
.about-stats .as b{font-size:34px;font-weight:bold;color:var(--gold)}
.about-stats .as span{display:block;font-size:13px;color:var(--gray);margin-top:6px}

/* =========================================================
   服务套餐/产品 .index-pro （4列网格，灰底）
   ========================================================= */
.index-pro{padding:70px 0;background:var(--bg)}
.index-proList{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;width:100%;margin:50px 0 36px}
.pro-card{position:relative;background:transparent;transition:all 1s ease}
.pro-card .pro-img{width:100%;height:240px;overflow:hidden;position:relative}
.pro-card .pro-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.pro-card .pro-mask{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(231,190,128,.45) 100%);opacity:0;transition:opacity .5s}
.pro-card dd{color:var(--ink3);padding:20px 0;text-align:center;font-size:15px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}
.pro-card dd span{display:block;font-size:12px;color:var(--gray2);font-weight:normal;margin-top:6px}
.pro-card:after{content:"";display:block;width:0;height:2px;background:var(--gold);position:absolute;bottom:0;left:0;transition:width 1s ease}
.pro-card:hover{box-shadow:0 0 16px rgba(0,0,0,.15);background:#fff}
.pro-card:hover:after{width:100%}
.pro-card:hover .pro-img img{transform:scale(1.08)}
.pro-card:hover .pro-mask{opacity:1}
.pro-card:hover dd{color:var(--gold)}
.index-proMore{text-align:center}
.index-proMore a{display:inline-block;width:220px;line-height:42px;color:var(--gray3);border:1px solid var(--bd2);transition:all .5s;font-size:13px;letter-spacing:2px}
.index-proMore a:hover{color:#fff;background:var(--gold);border-color:transparent}

/* =========================================================
   新闻动态 .index-news （3列）
   ========================================================= */
.index-news{padding:40px 0 90px;background:#fff}
.news-main{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;margin-top:46px}
.news-card{padding:38px 26px 32px;border:1px solid transparent;transition:all .5s;background:#fff}
.news-card .nc-date{font-size:13px;color:var(--gold);letter-spacing:1px;margin-bottom:14px}
.news-card .nc-date b{font-size:30px;font-weight:bold;margin-right:8px}
.news-card .p1{font-size:16px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:16px;border-bottom:1px solid var(--bd)}
.news-card .p2{color:var(--gray3);line-height:1.9;height:72px;overflow:hidden;margin:22px 0 26px;font-size:13px}
.news-card .p3{padding:6px 18px;border:1px solid var(--bd);display:inline-block;color:var(--gray2);font-size:12px;transition:all .5s}
.news-card:hover{border-color:var(--gray);box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-4px)}
.news-card:hover .p1{color:var(--gold)}
.news-card:hover .p3{border-color:var(--gold);color:var(--gold)}

/* =========================================================
   合作伙伴 .partners
   ========================================================= */
.partners{padding:70px 0;background:var(--bg)}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;width:100%;margin-top:46px}
.partner-item{height:96px;background:#fff;border:1px solid #efe9df;display:flex;align-items:center;justify-content:center;color:var(--gray2);font-size:15px;font-weight:bold;letter-spacing:1px;transition:all .5s}
.partner-item i.fa{font-size:24px;color:var(--gold);margin-right:8px}
.partner-item:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-4px);box-shadow:0 6px 18px rgba(158,132,90,.16)}

/* =========================================================
   内页 Banner + 面包屑
   ========================================================= */
.n-banner{position:relative;height:340px;overflow:hidden;background-size:cover;background-position:center}
.n-banner img{width:100%;height:100%;object-fit:cover;display:block}
.n-banner-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,6,.5),rgba(20,12,6,.45))}
.n-banner-text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 8%;z-index:3}
.n-banner-text .nbt-cn{font-size:34px;font-weight:bold;letter-spacing:3px}
.n-banner-text .nbt-en{font-size:14px;color:var(--gold);letter-spacing:6px;text-transform:uppercase;margin-top:12px}

.ntit{background:var(--gold)}
.ntit .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.ntt{display:flex;align-items:baseline;gap:12px}
.ntt h1{font-size:22px;font-weight:bold;color:#fff;letter-spacing:2px}
.ntt i{font-style:normal;color:rgba(255,255,255,.7);font-size:13px;letter-spacing:2px;text-transform:uppercase}
.weiz{color:#fff;font-size:13px}
.weiz a{color:#fff;opacity:.85}
.weiz a:hover{opacity:1}
.weiz .sep{margin:0 8px;opacity:.6}

/* =========================================================
   内页内容容器
   ========================================================= */
.bgBox{background:var(--bg);padding:60px 0 70px}
.bgBox.white{background:#fff}
.bgBox .container{padding-top:10px}

/* 产品列表页 */
.list-img{width:100%}
.list-img ul{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;width:100%}
.list-img ul li{text-align:center;padding:0;position:relative;background:transparent;transition:all .8s}
.list-img ul li .img_area{width:100%;height:240px;overflow:hidden;position:relative}
.list-img ul li .img_area img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.list-img ul li .text_area{color:var(--ink3);line-height:54px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-img ul li:after{content:"";display:block;width:0;height:2px;background:var(--gold);position:absolute;bottom:0;left:0;transition:width 1s ease}
.list-img ul li:hover:after{width:100%}
.list-img ul li:hover{box-shadow:0 0 14px rgba(0,0,0,.15);background:#fff}
.list-img ul li:hover .img_area img{transform:scale(1.08)}

/* 新闻列表页 */
.list_text ul li{display:flex;gap:24px;font-size:14px;color:#313131;padding:28px 22px;background:#fff;margin-bottom:18px;border:1px solid transparent;transition:all .5s;align-items:center}
.list_text ul li:hover{border-color:var(--bd);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.list_text ul li .lt-img{width:240px;height:150px;flex-shrink:0;overflow:hidden}
.list_text ul li .lt-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.list_text ul li:hover .lt-img img{transform:scale(1.06)}
.list_text ul li .lt-body{flex:1;min-width:0}
.list_text ul li .p1{font-size:18px;font-weight:bold;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list_text ul li:hover .p1{color:var(--gold)}
.list_text ul li .p2{margin:8px 0;font-size:12px;color:var(--gold)}
.list_text ul li .p2 .sep{margin:0 8px;color:var(--bd2)}
.list_text ul li .p3{line-height:1.9;height:62px;overflow:hidden;color:var(--gray2);font-size:13px;margin-top:8px}
.list_text ul li .p4{margin-top:12px}
.list_text ul li .p4 a{color:var(--gray);font-size:12px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--bd);padding:5px 16px;border-radius:20px}
.list_text ul li .p4 a:hover{color:#fff;background:var(--gold);border-color:var(--gold)}

/* 分页 */
.page{text-align:center;padding:30px 0 10px}
.page a,.page span{display:inline-block;padding:8px 14px;margin:0 3px;border:1px solid var(--bd);color:var(--gray2);font-size:13px}
.page a:hover,.page .active{background:var(--gold);color:#fff;border-color:var(--gold)}

/* =========================================================
   详情页
   ========================================================= */
.detail-wrap{background:#fff;padding:50px 0 60px}
.news_detail,.product_detail{background:#fff}
.detail-title{padding-bottom:18px;border-bottom:1px dashed #bbb;text-align:center}
.detail-title h3{font-size:26px;font-weight:bold;text-align:center;line-height:1.6;color:var(--ink);margin-bottom:10px}
.detail-title .box{display:inline-block;text-align:center;color:var(--gray);font-size:13px}
.detail-title .box .time{margin-right:18px}
.detail-title .box .time i{margin-right:6px;color:var(--gold)}

.detail-content{margin-top:26px;line-height:2;color:#444;font-size:15px}
.detail-content p{margin-bottom:18px;text-indent:2em}
.detail-content h4{font-size:18px;font-weight:bold;color:var(--ink);margin:26px 0 14px;text-indent:0;border-left:4px solid var(--gold);padding-left:12px}
.detail-content img{display:block;max-width:100%;margin:22px auto;border-radius:6px}
.detail-content ul.bullets{margin-bottom:18px;padding-left:2em}
.detail-content ul.bullets li{list-style:disc;margin-bottom:8px;line-height:1.9}

/* 产品详情 */
.product-top{display:flex;gap:40px;width:100%;margin-bottom:40px}
.product-top .pt-img{width:46%}
.product-top .pt-img img{width:100%;border-radius:6px}
.product-top .pt-info{flex:1}
.product-top .pt-info h3{font-size:26px;font-weight:bold;color:var(--ink);margin-bottom:16px}
.product-top .pt-info .pt-desc{color:var(--gray2);line-height:2;margin-bottom:22px}
.product-top .pt-info .pt-price{font-size:14px;color:var(--gray);margin-bottom:8px}
.product-top .pt-info .pt-price b{color:var(--red);font-size:22px}
.product-params{width:100%;border-collapse:collapse;margin:10px 0 24px}
.product-params td,.product-params th{border:1px solid var(--bd);padding:11px 16px;font-size:14px}
.product-params th{background:var(--bg);color:var(--ink2);font-weight:bold;width:24%;text-align:left}
.product-params td{color:#555}
.product-features{margin:26px 0}
.product-features .pf-item{display:flex;gap:16px;margin-bottom:18px;align-items:flex-start}
.product-features .pf-icon{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--bg);color:var(--gold);font-size:20px;display:flex;align-items:center;justify-content:center}
.product-features .pf-body h5{font-size:16px;font-weight:bold;color:var(--ink);margin-bottom:5px}
.product-features .pf-body p{color:var(--gray2);font-size:13px;line-height:1.8;text-indent:0;margin:0}

.related-pro{margin-top:40px}
.related-pro .rp-title{font-size:20px;font-weight:bold;color:var(--ink);margin-bottom:24px;border-left:4px solid var(--gold);padding-left:12px}
.related-pro .rp-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}
.related-pro .rp-list .pro-card .pro-img{height:180px}

/* 上下篇导航 */
.pageTurning{margin-top:30px;border-top:1px dashed #bbb;padding-top:20px}
.pageTurning .prevs,.pageTurning .nexts{background:#eee;line-height:2.6;padding:0 16px;margin-bottom:6px;display:block;color:#555;font-size:13px}
.pageTurning .prevs:hover,.pageTurning .nexts:hover{background:var(--gold);color:#fff}
.pageTurning b{color:var(--ink);margin-right:8px}

/* =========================================================
   关于我们页
   ========================================================= */
.about-intro{background:#fff;padding:50px 0}
.about-intro .ai-wrap{display:flex;gap:50px;align-items:center;width:100%}
.about-intro .ai-img{width:48%}
.about-intro .ai-img img{width:100%;border-radius:6px}
.about-intro .ai-body{flex:1}
.about-intro .ai-body h3{font-size:24px;font-weight:bold;color:var(--ink);margin-bottom:8px}
.about-intro .ai-body .ai-en{color:var(--gold);letter-spacing:3px;font-size:13px;margin-bottom:22px}
.about-intro .ai-body p{color:var(--gray2);line-height:2;margin-bottom:16px;text-indent:2em}

.timeline-sec{background:var(--bg);padding:70px 0}
.timeline{position:relative;width:100%;max-width:900px;margin:40px auto 0;padding:10px 0}
.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gold);transform:translateX(-50%)}
.tl-item{position:relative;width:50%;padding:0 40px 36px 0}
.tl-item:nth-child(even){margin-left:50%;padding:0 0 36px 40px}
.tl-item:before{content:"";position:absolute;top:6px;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 2px var(--gold)}
.tl-item:nth-child(even):before{left:-7px;right:auto}
.tl-card{background:#fff;padding:20px 24px;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.tl-card b{color:var(--gold);font-size:20px}
.tl-card h5{font-size:16px;font-weight:bold;color:var(--ink);margin:6px 0}
.tl-card p{color:var(--gray2);font-size:13px;line-height:1.8}

.culture-sec{background:#fff;padding:70px 0}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;margin-top:46px}
.culture-card{text-align:center;padding:44px 28px;border:1px solid #efe9df;transition:all .5s}
.culture-card .cc-icon{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:var(--bg);color:var(--gold);font-size:28px;display:flex;align-items:center;justify-content:center}
.culture-card h4{font-size:20px;font-weight:bold;color:var(--ink);margin-bottom:14px}
.culture-card p{color:var(--gray2);line-height:1.9;font-size:13px}
.culture-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 10px 28px rgba(158,132,90,.16)}

.team-sec{background:var(--bg);padding:70px 0}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;width:100%;margin-top:46px}
.team-card{background:#fff;text-align:center;padding:30px 18px;transition:all .5s}
.team-card .tc-avatar{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;overflow:hidden;border:4px solid var(--bg)}
.team-card .tc-avatar img{width:100%;height:100%;object-fit:cover}
.team-card h4{font-size:18px;font-weight:bold;color:var(--ink)}
.team-card span{display:block;color:var(--gold);font-size:13px;margin-top:6px}
.team-card p{color:var(--gray2);font-size:12px;margin-top:10px;line-height:1.7}
.team-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px rgba(0,0,0,.08)}

/* =========================================================
   联系我们页
   ========================================================= */
.contact-sec{background:#fff;padding:50px 0 70px}
.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin-bottom:50px}
.contact-card{text-align:center;padding:40px 24px;background:var(--bg);transition:all .5s}
.contact-card .ci-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--gold);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}
.contact-card h4{font-size:16px;color:var(--ink);margin-bottom:10px}
.contact-card p{color:var(--gray2);font-size:15px;font-weight:bold;word-break:break-all}
.contact-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px rgba(158,132,90,.16)}

.feedback-form{max-width:760px;margin:0 auto;background:var(--bg);padding:40px}
.feedback-form .ff-title{font-size:20px;font-weight:bold;color:var(--ink);margin-bottom:24px;text-align:center}
.feedback-form .ff-title em{color:var(--gold);font-style:normal}
.form-row{margin-bottom:18px}
.form-row.row2{display:flex;gap:18px}
.form-row.row2 .fg{flex:1}
.fg label{display:block;font-size:13px;color:var(--ink2);margin-bottom:8px}
.fg label i{color:var(--red);margin-right:3px}
.fg input,.fg textarea{width:100%;padding:11px 14px;border:1px solid var(--bd);background:#fff;font-size:14px;border-radius:4px;transition:border .3s}
.fg input:focus,.fg textarea:focus{border-color:var(--gold)}
.fg textarea{resize:vertical;min-height:120px}
.ff-btn{width:100%;padding:13px;background:var(--gold);color:#fff;font-size:15px;letter-spacing:4px;cursor:pointer;border-radius:4px;transition:all .4s}
.ff-btn:hover{background:var(--gold-d)}

/* =========================================================
   页脚
   ========================================================= */
#footer{background:#2a2420;color:#bdb6ad}
.friendship{padding:56px 0 36px}
.friendship .container{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:36px}
.friendship h4{font-size:16px;color:#fff;margin-bottom:20px;font-weight:bold;position:relative;padding-bottom:12px}
.friendship h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--gold)}
.footer-about p{color:#9a938a;line-height:2;font-size:13px;margin-top:6px}
.footer-about .fa-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.footer-about .fa-brand .logo-icon{width:42px;height:42px}
.footer-about .fa-brand .logo-brand{font-size:18px;color:#fff}
.footer-nav li,.footer-pro li,.footer-msg li{line-height:2.1}
.footer-nav li a,.footer-pro li a{color:#9a938a;font-size:13px}
.footer-nav li a:hover,.footer-pro li a:hover{color:var(--gold);padding-left:6px}
.footer-msg li{color:#9a938a;font-size:13px;display:flex;gap:10px;align-items:flex-start}
.footer-msg li i.fa{color:var(--gold);margin-top:4px;width:14px}
.footer-msg li:first-child{font-size:15px;color:#fff;margin-bottom:14px}
.footer-qr{text-align:center}
.footer-qr img{width:120px;height:120px;background:#fff;padding:6px;border-radius:4px}
.footer-qr span{display:block;color:#9a938a;font-size:12px;margin-top:10px}

#footer .copyright{background:var(--gold);text-align:center;padding:16px 0;position:relative}
#footer .copyright .copyright_con{color:#fff;line-height:1.8;font-size:13px}
#footer .copyright .copyright_con a{color:#fff}
#footer .copyright .pc_footer_nav{display:inline-block;margin-bottom:8px}
#footer .copyright .pc_footer_nav li{display:inline-block}
#footer .copyright .pc_footer_nav li a{display:block;border-left:1px solid #fff;padding:0 10px;color:#fff;font-size:13px}
#footer .copyright .pc_footer_nav li:first-child a{border-left:none}
#footer .copyright .top{position:absolute;right:16px;top:-18px;width:36px;height:36px;border-radius:50%;background:var(--gold);color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:10}

/* 友情链接 */
.link{background:#241f1c;padding:14px 0;color:#9a938a;font-size:13px;text-align:center}
.link a{color:#9a938a;margin:0 10px}
.link a:hover{color:var(--red-l)}

/* =========================================================
   右侧快捷栏 + 返回顶部
   ========================================================= */
.right_nav .aside{position:fixed;right:0;top:22%;z-index:9000}
.right_nav .aside li{width:58px;line-height:58px;text-align:center;margin-bottom:3px;cursor:pointer;position:relative;background:var(--gold);color:#fff}
.right_nav .aside li i{font-size:22px;color:#fff}
.right_nav .aside li:hover{background:var(--gold-d)}
.right_nav .aside li span{display:block;line-height:1.4;font-size:11px;margin-top:-14px}
.back-top{position:fixed;right:18px;bottom:30px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:#fff;font-size:20px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:9000;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.back-top.show{display:flex}
.back-top:hover{background:var(--gold-d)}

/* 移动底部栏 */
.wap-footer{display:none}

/* =========================================================
   图片兜底
   ========================================================= */
.img-fallback{background:linear-gradient(135deg,#E7BE80,#C22A29);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:160px;color:#fff;font-size:13px;border-radius:4px;text-align:center;padding:10px;line-height:1.6}

/* =========================================================
   响应式
   ========================================================= */
@media(max-width:1200px){
  .banner-slide img{height:520px}
  .banner-text .bt-title{font-size:40px}
  .menu>li>a{font-size:14px}
}
@media(max-width:1024px){
  /* 移动导航：menubox 变抽屉 */
  .menubox{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:9999;transition:right .3s;overflow-y:auto;border-bottom:none;box-shadow:-4px 0 20px rgba(0,0,0,.15)}
  .menubox.open{right:0}
  .menu{flex-direction:column;width:100%}
  .menu>li{width:100%;text-align:left;border-bottom:1px solid #f0ece4}
  .menu>li>a{line-height:54px;height:54px;padding:0 24px;font-size:15px}
  .menu>li.current>a{border-bottom:none;border-left:3px solid var(--gold);margin-bottom:0}
  .menu>li .menu_2{position:static;display:none;background:#faf6ef;min-width:0;padding:0}
  .menu>li .menu_2 li a{line-height:44px;color:var(--gray2)}
  .menu>li.open-sub .menu_2{display:block}
  .menu-toggle{display:flex;align-items:center;justify-content:center}
  .lotbox .container{height:72px}
  .lotbox-tel{display:none}

  .services-grid{grid-template-columns:repeat(2,1fr)}
  .index-proList{grid-template-columns:repeat(3,1fr)}
  .partners-grid{grid-template-columns:repeat(4,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .culture-grid{grid-template-columns:repeat(2,1fr)}
  .related-pro .rp-list{grid-template-columns:repeat(2,1fr)}
  .list-img ul{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:992px){
  .banner-slide img{height:420px}
  .banner-text .bt-title{font-size:32px}
  .banner-text .bt-desc{font-size:14px}
  .show-content{flex-direction:column}
  .show-text{width:100%;padding-right:0;margin-bottom:30px}
  .show-images{width:100%}
  .index-about-left{position:static;width:100%;margin-bottom:24px;top:auto}
  .index-about-right{width:100%}
  .index-about-right img{height:320px}
  .about-intro .ai-wrap{flex-direction:column}
  .about-intro .ai-img{width:100%}
  .product-top{flex-direction:column}
  .product-top .pt-img{width:100%}
  .news-main{grid-template-columns:repeat(2,1fr)}
  .friendship .container{grid-template-columns:1fr 1fr}
  .contact-info{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  .container{width:90%}
  .lotbox-logo{gap:10px}
  .logo-icon{width:42px;height:42px}
  .logo-brand{font-size:18px}
  .logo-slogan{font-size:10px;letter-spacing:2px}
  .banner-slide img{height:280px}
  .banner-text{padding:0 6%}
  .banner-text .bt-title{font-size:22px}
  .banner-text .bt-sub{font-size:12px;letter-spacing:3px;margin-bottom:10px}
  .banner-text .bt-desc{display:none}
  .banner-text .bt-btn{padding:8px 22px;font-size:12px;margin-top:16px}
  .banner-arrow{width:34px;height:34px;font-size:16px}
  .banner-arrow.prev{left:8px}.banner-arrow.next{right:8px}
  .banner-dots span{width:8px;height:8px;margin:0 3px}
  .banner-dots span.active{width:18px}
  .n-banner{height:200px}
  .n-banner-text .nbt-cn{font-size:22px}
  .n-banner-text .nbt-en{font-size:11px;letter-spacing:3px}
  .ntit .container{height:54px}
  .ntt h1{font-size:17px}
  .ntt i{display:none}

  .index-title .p1{font-size:20px}
  .index-title .p2{font-size:11px}
  .show{padding:40px 0}
  .show-text .st-title{font-size:22px}
  .services{padding:40px 0}
  .services-grid{grid-template-columns:1fr;margin-top:30px}
  .index-pro{padding:40px 0}
  .index-proList{grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0 24px}
  .pro-card .pro-img{height:160px}
  .index-about{padding:40px 0 50px}
  .index-news{padding:20px 0 50px}
  .news-main{grid-template-columns:1fr;gap:18px;margin-top:28px}
  .partners{padding:40px 0}
  .partners-grid{grid-template-columns:repeat(2,1fr);margin-top:28px}
  .list-img ul{grid-template-columns:repeat(2,1fr);gap:12px}
  .list-img ul li .img_area{height:150px}
  .list-img ul li .text_area{line-height:42px;font-size:13px}
  .list_text ul li{flex-direction:column;gap:14px;padding:20px 16px}
  .list_text ul li .lt-img{width:100%;height:180px}
  .list_text ul li .p1{font-size:16px;white-space:normal}
  .timeline:before{left:14px}
  .tl-item,.tl-item:nth-child(even){width:100%;margin-left:0;padding:0 0 28px 40px}
  .tl-item:before,.tl-item:nth-child(even):before{left:7px;right:auto}
  .culture-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .contact-info{grid-template-columns:1fr}
  .feedback-form{padding:24px 18px}
  .product-params th{width:32%}
  .related-pro .rp-list{grid-template-columns:repeat(2,1fr);gap:12px}
  .friendship{padding:36px 0 24px}
  .friendship .container{grid-template-columns:1fr;gap:26px}
  .footer-qr img{width:100px;height:100px}
  #footer .copyright .pc_footer_nav li a{padding:0 6px;font-size:12px}
  #footer .copyright .top{right:8px;top:-14px;width:30px;height:30px;font-size:13px}
  .right_nav{display:none}
  .back-top{right:12px;bottom:18px;width:40px;height:40px}
  .detail-content{font-size:14px}
  .detail-title h3{font-size:20px}
  .product-top .pt-info h3{font-size:20px}

  /* 手机底部固定栏 */
  .wap-footer{display:block;width:100%;position:fixed;left:0;bottom:0;z-index:9000;background:var(--gold);display:flex}
  .wap-footer a{flex:1;text-align:center;padding:8px 0;color:#fff;font-size:12px}
  .wap-footer a i{display:block;font-size:18px;margin-bottom:2px}
  body{padding-bottom:56px}
}
@media(max-width:480px){
  .index-proList,.list-img ul,.related-pro .rp-list{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
}