@charset "utf-8";
/* =====================================================================
   springan 一比一复刻样式（金色外贸风）
   主色：#c19149（金） + #f5f5f5（浅灰底） + #1f262d（页脚深灰）
   对齐参考站 http://www.springan.com/Default.aspx
   主色可通过后台 frontend_border_color 覆盖 --site-border-color
   ===================================================================== */

:root{
  --sp-primary:#c19149;          /* 金色主色 */
  --sp-primary-dark:#a8771f;     /* 深金 */
  --sp-primary-soft:rgba(193,145,73,.12);
  --sp-accent:#c19149;           /* 与主色统一 */
  --sp-accent-dark:#a8771f;
  --sp-ink:#333333;              /* 原站正文 #333 */
  --sp-muted:#666666;            /* 原站次要 #666 */
  --sp-line:#dedede;             /* 原站虚线色 */
  --sp-line-solid:#cecece;
  --sp-bg-soft:#f5f5f5;          /* 原站区块灰底 */
  --sp-bg-white:#ffffff;
  --sp-footer-bg:#1f262d;        /* 原站页脚深灰 */
  --sp-footer-hover:#c19149;
}

/* 让主色可被后台 frontend_border_color 覆盖（meta.html 已注入 --site-border-color） */
:root{
  --sp-primary:var(--site-border-color,#c19149);
  --sp-primary-dark:color-mix(in srgb,var(--sp-primary) 78%,#000);
  --sp-primary-soft:color-mix(in srgb,var(--sp-primary) 12%,#fff);
  --sp-accent:var(--sp-primary);
  --sp-accent-dark:var(--sp-primary-dark);
  --sp-footer-hover:var(--sp-primary);
}

/* ===================== 首页 banner ===================== */
.replica-home .swiper-container.banner{max-height:631px}
.replica-home .swiper-container.banner .swiper-slide a{height:500px;background-size:cover;background-position:center}
@media(max-width:767px){.replica-home .swiper-container.banner{max-height:320px}.replica-home .swiper-container.banner .swiper-slide a{height:240px}}

/* ===================== 统一标题（对齐原站 .i_title） ===================== */
/* 原站：font-weight:normal, 36px, 下方金色 47×3px 短下划线 */
.sp-services-head,.sp-products-head,.sp-partner-head{
  text-align:center;
  margin-bottom:3%;
  margin-top:1%;
}
.sp-services-head .en,.sp-products-head .en,.sp-partner-head .en{
  display:none; /* 原站不用独立英文小标，标题里直接金色高亮 */
}
.sp-services-head h2,.sp-products-head h2,.sp-partner-head h2{
  margin:0;
  padding-bottom:2%;
  color:var(--sp-ink);
  font-size:36px;
  font-weight:normal;
  position:relative;
}
/* 金色短下划线（原站 .i_title h2:before 47×3px） */
.sp-services-head h2::before,
.sp-products-head h2::before,
.sp-partner-head h2::before{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:47px;
  height:3px;
  background:var(--sp-accent);
}
/* 标题内金色高亮（配合模板里的 .yellow span） */
.sp-services-head h2 .yellow,
.sp-products-head h2 .yellow,
.sp-partner-head h2 .yellow{color:var(--sp-accent)}
@media(max-width:767px){.sp-services-head h2,.sp-products-head h2,.sp-partner-head h2{font-size:26px}}

/* ===================== 我们的服务（3卡片，对齐原站 owl-demo7） ===================== */
.sp-services{background:var(--sp-bg-soft);padding:5% 0 4%;overflow:hidden}
.sp-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  max-width:1400px;
  margin:0 auto;
}
.sp-service-card{
  position:relative;
  background:#fff;
  text-align:left;
  overflow:hidden;
  transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
}
/* 移除原左侧金色竖条（原站没有） */
.sp-service-img{width:100%;overflow:hidden;background:#fff}
.sp-service-img img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  transition:transform .3s ease;
}
.sp-service-card:hover .sp-service-img img{transform:scale(1.1)}
.sp-service-body{
  padding:0 5% 24px;
  margin:0 auto;
  width:90%;
  box-sizing:border-box;
}
.sp-service-body h3{
  margin:0;
  height:76px;
  line-height:76px;
  color:var(--sp-ink);
  font-size:20px;
  font-weight:normal;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-bottom:1px dashed var(--sp-line-solid);
  transition:color .3s ease,border-color .3s ease;
}
.sp-service-body p{
  margin:15px 0 0;
  line-height:22px;
  height:auto;
  font-size:14px;
  color:var(--sp-muted);
  text-align:left;
  transition:color .3s ease;
}
/* hover：整张卡片变金色背景 + 白字 + 上移5px（原站核心交互） */
.sp-service-card:hover{
  background:var(--sp-accent);
  transform:translateY(-5px);
  box-shadow:0 5px 15px rgba(0,0,0,.1);
}
.sp-service-card:hover .sp-service-body h3{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.sp-service-card:hover .sp-service-body p{color:#fff}
@media(max-width:991px){.sp-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
  .sp-services{padding:8% 0 6%}
  .sp-service-grid{grid-template-columns:1fr;gap:16px}
  .sp-service-img img{height:180px}
  .sp-service-body h3{height:56px;line-height:56px;font-size:18px}
  .sp-service-body p{font-size:13px;line-height:20px}
}

/* ===================== 公司简介（视差背景图，对齐原站 .wuliu_bg） ===================== */
.sp-about{
  position:relative;
  padding:2% 0 5%;
  background:url(../images/springan/i_bg1.jpg) no-repeat center fixed;
  background-size:cover;
  color:#fff;
  overflow:hidden;
}
.sp-about .container{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}
.sp-about-text{text-align:center}
.sp-about-text h2{
  margin:8px 0 20px;
  font-size:36px;
  font-weight:normal;
  color:#fff;
}
.sp-about-text h2 .yellow{color:var(--sp-accent)}
.sp-about-text p{
  position:relative;
  color:#fff;
  font-size:16px;
  line-height:22px;
  letter-spacing:2px;
  width:80%;
  max-width:786px;
  margin:12px auto 0;
  padding:1.5% 58px 2px;
  text-align:center;
  box-sizing:border-box;
}
/* 文字两侧装饰引号图（原站 .i_title_p:before/after） */
.sp-about-text p::before,
.sp-about-text p::after{
  content:"";
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:left center;
}
.sp-about-text p::before{
  left:0;
  background-image:url(../images/springan/i_bg2.png);
  background-size:46px auto;
}
.sp-about-text p::after{
  left:0;
  background-image:url(../images/springan/i_bg3.png);
  background-position:right center;
  background-size:46px auto;
}
.sp-about-more{
  display:inline-block;
  margin-top:24px;
  padding:10px 30px;
  border:1px solid var(--sp-accent);
  color:var(--sp-accent);
  font-size:14px;
  font-weight:normal;
  transition:background .3s ease,color .3s ease;
}
.sp-about-more:hover{background:var(--sp-accent);color:#fff}

/* 数字统计（对齐原站 .counter：Arial 78px） */
.sp-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:4%;
  text-align:center;
  line-height:1.5;
}
.sp-stat{padding:0 10px}
.sp-stat .num{
  display:block;
  color:#fff;
  font-size:64px;
  font-weight:normal;
  font-family:Arial,"Helvetica",sans-serif;
  line-height:1;
}
.sp-stat .label{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  line-height:1.5;
}
@media(max-width:1200px){.sp-stat .num{font-size:52px}}
@media(max-width:991px){
  .sp-about .container{grid-template-columns:1fr}
  .sp-stats{grid-template-columns:repeat(2,1fr);gap:30px 20px}
}
@media(max-width:767px){
  .sp-about{padding:6% 0}
  .sp-about-text h2{font-size:26px}
  .sp-about-text p{padding:1% 35px;font-size:14px;letter-spacing:1px}
  .sp-about-text p::before,.sp-about-text p::after{background-size:30px auto}
  .sp-stat .num{font-size:40px}
  .sp-stat .label{font-size:14px}
}

/* ===================== 产品中心入口（6分类卡片） ===================== */
.sp-products{padding:4% 0 5%;background:#fff}
.sp-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:34px;
  padding-bottom:18px;
  border-bottom:1px solid var(--sp-line);
}
.sp-products-head > div{text-align:left}
.sp-products-head h2{
  margin:0;
  padding-bottom:2%;
  color:var(--sp-ink);
  font-size:36px;
  font-weight:normal;
  position:relative;
  display:inline-block;
}
.sp-products-head h2::before{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:47px;
  height:3px;
  background:var(--sp-accent);
}
.sp-products-head h2 .yellow{color:var(--sp-accent)}
.sp-products-more{
  display:inline-flex;
  align-items:center;
  padding:9px 22px;
  border:1px solid var(--sp-primary);
  color:var(--sp-primary);
  font-weight:normal;
  transition:all .3s ease;
}
.sp-products-more:hover{background:var(--sp-primary);color:#fff}
.sp-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp-product-card{
  display:block;
  background:#fff;
  border:1px solid var(--sp-line);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.sp-product-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.sp-product-img{height:210px;background:#fff;overflow:hidden}
.sp-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sp-product-card:hover .sp-product-img img{transform:scale(1.08)}
.sp-product-name{
  padding:16px 18px;
  border-top:1px solid var(--sp-line);
  color:var(--sp-ink);
  font-size:17px;
  font-weight:normal;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .3s ease;
}
.sp-product-card:hover .sp-product-name{color:var(--sp-primary)}
@media(max-width:991px){.sp-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
  .sp-products{padding:8% 0 6%}
  .sp-products-head{display:block;margin-bottom:24px;text-align:center}
  .sp-products-head > div{text-align:center}
  .sp-products-head h2{font-size:26px}
  .sp-products-more{margin-top:16px}
  .sp-product-grid{grid-template-columns:1fr;gap:16px}
  .sp-product-img{height:180px}
}

/* ===================== 业务领域（图文列表） ===================== */
.sp-business-list{padding:60px 0;background:#fff}
.sp-business-item{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  margin-bottom:50px;
  padding-bottom:50px;
  border-bottom:1px solid var(--sp-line);
}
.sp-business-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.sp-business-item:nth-child(even) .sp-business-img{order:2}
.sp-business-img{height:280px;overflow:hidden}
.sp-business-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sp-business-item:hover .sp-business-img img{transform:scale(1.08)}
.sp-business-body h3{
  margin:0 0 16px;
  color:var(--sp-ink);
  font-size:26px;
  font-weight:normal;
}
.sp-business-body p{color:var(--sp-muted);font-size:15px;line-height:1.9}
.sp-business-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:20px;
  padding:10px 24px;
  background:var(--sp-primary);
  color:#fff;
  font-weight:normal;
  transition:background .3s ease;
}
.sp-business-more:hover{background:var(--sp-accent-dark)}
@media(max-width:767px){
  .sp-business-item{grid-template-columns:1fr;gap:20px;margin-bottom:36px;padding-bottom:36px}
  .sp-business-item:nth-child(even) .sp-business-img{order:0}
  .sp-business-img{height:200px}
  .sp-business-body h3{font-size:22px}
}

/* ===================== 合作伙伴滚动 ===================== */
.sp-partner{background:var(--sp-bg-soft);overflow:hidden}
.sp-partner{padding:4% 0 6%}
.sp-partner-track{display:flex;gap:20px;overflow:hidden}
.sp-partner-track-inner{
  display:flex;
  gap:20px;
  animation:sp-scroll 40s linear infinite;
  flex-shrink:0;
}
.sp-partner-track:hover .sp-partner-track-inner{animation-play-state:paused}
.sp-partner-item{
  flex:0 0 160px;
  height:110px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  overflow:hidden;
}
.sp-partner-item img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transition:transform .5s ease;
}
.sp-partner-item:hover img{transform:rotateY(360deg)}
@keyframes sp-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){
  .sp-partner{padding:8% 0}
  .sp-partner-head h2{font-size:26px}
  .sp-partner-item{flex:0 0 120px;height:90px}
}

/* ===================== 内页通用：banner / 面包屑 / 二栏 ===================== */
.sp-page-banner{position:relative;height:220px;background-size:cover;background-position:center;display:flex;align-items:center}
.sp-page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(193,145,73,.78),rgba(193,145,73,.30))}
.sp-page-banner .container{position:relative;z-index:1}
.sp-page-banner h1{margin:0;color:#fff;font-size:32px;font-weight:normal}
.sp-page-banner .crumb{margin-top:10px;color:rgba(255,255,255,.8);font-size:13px}
.sp-page-banner .crumb a{color:rgba(255,255,255,.85)}
.sp-page-banner .crumb a:hover{color:#fff}
@media(max-width:767px){.sp-page-banner{height:160px}.sp-page-banner h1{font-size:24px}}

.sp-layout{padding:50px 0;background:#fff}
.sp-layout .container{display:grid;grid-template-columns:240px 1fr;gap:36px}
.sp-sidebar{position:sticky;top:20px;align-self:start}
.sp-sidebar-title{padding:16px 20px;background:var(--sp-primary);color:#fff;font-size:18px;font-weight:normal}
.sp-sidebar ul{margin:0;padding:0;list-style:none;border:1px solid var(--sp-line);border-top:0}
.sp-sidebar li a{display:block;padding:14px 20px;color:var(--sp-ink);border-bottom:1px solid var(--sp-line);transition:all .3s ease}
.sp-sidebar li:last-child a{border-bottom:0}
.sp-sidebar li a:hover,.sp-sidebar li.on a{background:var(--sp-bg-soft);color:var(--sp-primary);padding-left:26px;border-left:3px solid var(--sp-accent)}
.sp-content{min-width:0}
.sp-content h1.sp-content-title{margin:0 0 24px;padding-bottom:14px;color:var(--sp-ink);font-size:26px;font-weight:normal;border-bottom:2px solid var(--sp-primary)}
.sp-content .sp-article{color:var(--sp-ink);font-size:15px;line-height:2}
.sp-content .sp-article p{margin:0 0 16px}
.sp-content .sp-article h3{margin:24px 0 12px;color:var(--sp-primary);font-size:19px}
@media(max-width:991px){.sp-layout .container{grid-template-columns:1fr;gap:24px}.sp-sidebar{position:static}}
@media(max-width:767px){.sp-layout{padding:30px 0}}

/* ===================== 产品图集网格（产品列表页） ===================== */
.sp-product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sp-product-list-item{position:relative;background:#fff;border:1px solid var(--sp-line);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}
.sp-product-list-item:hover{border-color:var(--sp-accent);box-shadow:0 5px 15px rgba(193,145,73,.18)}
.sp-product-list-item .pic{display:block;height:260px;background:#fff;overflow:hidden}
.sp-product-list-item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sp-product-list-item:hover .pic img{transform:scale(1.06)}
/* 对齐 springan.com：纯图片网格，询价/咨询按钮作为 hover 浮层叠加 */
.sp-product-overlay{position:absolute;left:0;right:0;bottom:0;padding:12px;display:flex;gap:8px;justify-content:center;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .3s ease}
.sp-product-list-item:hover .sp-product-overlay{opacity:1}
.sp-product-overlay .sp-product-btn{padding:7px 16px;font-size:12px;color:#fff;background:var(--sp-primary);border:1px solid var(--sp-primary);transition:all .3s ease;cursor:pointer}
.sp-product-overlay .sp-product-btn:hover{background:#fff;color:var(--sp-primary)}
.sp-product-overlay .sp-product-btn.chat-link{background:var(--sp-accent-dark);border-color:var(--sp-accent-dark)}
.sp-product-overlay .sp-product-btn.chat-link:hover{background:#fff;color:var(--sp-accent-dark)}
.sp-product-empty{grid-column:1/-1;padding:50px 20px;text-align:center;color:var(--sp-muted);border:1px dashed var(--sp-line)}
@media(max-width:991px){.sp-product-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.sp-product-list{grid-template-columns:repeat(2,1fr);gap:12px}.sp-product-list-item .pic{height:160px}.sp-product-overlay{opacity:1;background:rgba(0,0,0,.45)}.sp-product-overlay .sp-product-btn{padding:5px 10px}}

/* ===================== 联系方式 / 留言表单 ===================== */
.sp-contact-info{margin-bottom:30px}
.sp-contact-info ul{margin:0;padding:0;list-style:none}
.sp-contact-info li{display:flex;padding:14px 0;border-bottom:1px dashed var(--sp-line);font-size:15px}
.sp-contact-info li .k{flex:0 0 130px;color:var(--sp-muted)}
.sp-contact-info li .v{color:var(--sp-ink);font-weight:normal}
.sp-contact-info li .v a{color:var(--sp-primary)}

.sp-form{background:var(--sp-bg-soft);padding:28px}
.sp-form h3{margin:0 0 20px;color:var(--sp-primary);font-size:20px;font-weight:normal}
.sp-form-row{margin-bottom:16px}
.sp-form-row label{display:block;margin-bottom:6px;color:var(--sp-ink);font-size:14px}
.sp-form-row label .req{color:#d71920}
.sp-form-row input,.sp-form-row textarea,.sp-form-row select{width:100%;padding:10px 12px;border:1px solid var(--sp-line);font-size:14px;background:#fff;box-sizing:border-box;transition:border-color .3s ease}
.sp-form-row input:focus,.sp-form-row textarea:focus,.sp-form-row select:focus{border-color:var(--sp-primary);outline:none}
.sp-form-row textarea{min-height:110px;resize:vertical}
.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.sp-form-submit{display:inline-block;padding:12px 36px;background:var(--sp-primary);color:#fff;border:0;font-size:15px;font-weight:normal;cursor:pointer;transition:background .3s ease}
.sp-form-submit:hover{background:var(--sp-accent-dark)}
.sp-form-tip{margin:12px 0 0;color:var(--sp-muted);font-size:13px}
@media(max-width:767px){.sp-form-grid{grid-template-columns:1fr}.sp-form{padding:18px}}

/* ===================== 产品分类 Tab（产品页） ===================== */
.sp-cattabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:24px;border-bottom:2px solid var(--sp-primary)}
.sp-cattabs a{padding:12px 22px;color:var(--sp-ink);font-size:15px;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s ease}
.sp-cattabs a:hover{color:var(--sp-primary)}
.sp-cattabs a.on{color:#fff;background:var(--sp-primary);border-bottom-color:var(--sp-primary)}

/* 分页 */
.sp-pagination{margin-top:30px;text-align:center}
.sp-pagination a,.sp-pagination strong{display:inline-block;margin:0 3px;padding:7px 13px;border:1px solid var(--sp-line);color:var(--sp-ink);font-size:14px}
.sp-pagination a:hover{background:var(--sp-bg-soft);border-color:var(--sp-primary);color:var(--sp-primary)}
.sp-pagination strong{background:var(--sp-primary);color:#fff;border-color:var(--sp-primary)}

/* ===================== 顶部栏语言切换（对齐 springan .top_language） ===================== */
/* springan 顶部：浅灰底 #f5f5f5 + 右对齐 Language | 中文 English */
.replica-home .rep-header .top,
.rep-header .top{
  height:auto!important;
  line-height:36px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:var(--sp-muted)!important;
  border-bottom:1px solid var(--sp-line)!important;
}
.rep-header .top .container{display:block!important}
.rep-header .top-language{display:flex;align-items:center;justify-content:flex-end;gap:0;float:right;font-size:13px;color:var(--sp-muted)}
.rep-header .top-language .lang-label{margin-right:12px;color:var(--sp-muted);font-weight:normal}
.rep-header .top-language a{
  color:var(--sp-muted);
  padding:0 10px;
  line-height:36px;
  transition:color .3s ease;
}
.rep-header .top-language a:hover{color:var(--sp-primary)}
.rep-header .top-language a.on{color:var(--sp-primary);font-weight:bold}
.rep-header .top-language a + a{border-left:1px solid var(--sp-line-solid)}
@media(max-width:767px){
  .rep-header .top{line-height:32px!important}
  .rep-header .top-language{font-size:12px}
  .rep-header .top-language .lang-label{margin-right:8px}
  .rep-header .top-language a{padding:0 7px}
}

/* ===================== 首页页脚配色对齐（仅 .replica-home 作用域） ===================== */
/* 原站 .f_bg：深灰底 #1f262d + 金色 hover，不影响内页。
   site-replica.css 用 !important 给 .rep-footer 上金色，这里必须 !important 覆盖回深灰。 */
.replica-home .rep-footer{
  background:var(--sp-footer-bg)!important;
  background-image:none!important;
  color:#999!important;
  border-top:0!important;
  padding:40px 0 24px!important;
}
.replica-home .rep-footer .footer-logo{filter:brightness(0) invert(1);opacity:.9}
.replica-home .rep-footer .footer-logo img{max-height:54px;width:auto}
.replica-home .rep-footer .footer-copyright,
.replica-home .rep-footer .footer-slogan{color:#999!important}
.replica-home .rep-footer a{color:#999!important;transition:color .3s ease}
.replica-home .rep-footer a:hover{color:var(--sp-footer-hover)!important}
.replica-home .footnav{background:#1a2127!important;color:#999;border-top:1px solid #343a3f}
.replica-home .footnav a{color:#999!important;transition:color .3s ease}
.replica-home .footnav a:hover{color:var(--sp-footer-hover)!important}
.replica-home .footnav li{color:#555}
@media(max-width:768px){
  .replica-home .rep-mobile-footer{background:var(--sp-footer-bg)!important;color:#999!important}
  .replica-home .rep-mobile-footer a{color:#999!important}
  .replica-home .rep-mobile-footer a:hover{color:var(--sp-footer-hover)!important}
  .replica-home #footer_main{background:var(--sp-footer-bg)!important;color:#999!important;padding:20px 16px!important;background-image:none!important}
  .replica-home .mobile-footer-logo{filter:brightness(0) invert(1);opacity:.9;margin-bottom:12px}
  .replica-home .mobile-footer-copyright,.replica-home .mobile-footer-slogan{color:#999!important}
}

/* ===================== Footer 导航分栏（对齐 springan.com，全站生效） ===================== */
.rep-footer .rep-footer-cols{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.rep-footer .rep-footer-col{flex:1;min-width:140px}
.rep-footer .rep-footer-col h3{font-size:15px;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:.5px}
.rep-footer .rep-footer-col ul{list-style:none;margin:0;padding:0}
.rep-footer .rep-footer-col ul li{margin-bottom:9px}
.rep-footer .rep-footer-col ul li a{font-size:13px;color:#9ca3af!important;transition:color .3s ease}
.rep-footer .rep-footer-col ul li a:hover{color:var(--sp-footer-hover,#c19149)!important}
.rep-footer .rep-footer-brand{flex:1.4;min-width:200px}
.rep-footer .rep-footer-brand p{margin:6px 0;font-size:13px;color:#9ca3af}
.rep-footer .rep-footer-brand p a{color:#9ca3af!important}
.rep-footer .rep-footer-brand p a:hover{color:var(--sp-footer-hover,#c19149)!important}
.rep-footer .rep-footer-links{padding:16px 0 14px;font-size:13px;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.08)}
.rep-footer .rep-footer-links-label{color:#cbd0d6;margin-right:8px}
.rep-footer .rep-footer-links-empty{color:#5f6670}
.rep-footer .footer-legal{list-style:none;margin:16px 0 0;padding:0;text-align:center}
.rep-footer .footer-legal li{color:#9ca3af!important;font-size:13px;line-height:1.9}
@media(max-width:768px){
  .rep-footer .rep-footer-cols{gap:18px}
  .rep-footer .rep-footer-col{flex:1 1 40%;min-width:120px}
  .rep-footer .rep-footer-brand{flex:1 1 100%;min-width:100%}
}

/* ===================== 顶部 Header（Logo + 导航同一行）对齐设计稿 ===================== */
.rep-header{background:#fff!important;background-image:none!important;box-shadow:none!important;border-bottom:0;overflow:visible!important;position:relative;z-index:100!important}
.rep-header .top{background:#eee!important;height:34px!important;line-height:34px!important;background-image:none!important}
.rep-header .top .container{max-width:1200px;margin:0 auto}
.rep-header .top-language{float:right;color:#666}
.rep-header .top-language .lang-label{color:#666;font-weight:normal}
.rep-header .top-language a{color:#666!important;transition:color .3s ease}
.rep-header .top-language a:hover,.rep-header .top-language a.on{color:var(--sp-primary,#c19149)!important;font-weight:600}
/* logo + 导航同行：logo 左，导航右占据剩余空间 */
.rep-head-main{
  display:flex!important;align-items:center;max-width:1200px;margin:0 auto;padding:6px 0;
  gap:20px;background:none!important;min-height:90px;position:relative
}
.rep-head-main .logo{flex:0 0 auto;display:flex;align-items:center}
.rep-head-main .logo img{height:72px;width:auto;max-width:none}
.rep-head-main .logoinfo{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}
.rep-head-main .logoinfo .bold{font-size:22px;color:var(--sp-primary,#c19149)!important;font-weight:700;line-height:1.3}
.rep-head-main .logoinfo .logoinfo-slogan{color:#1b1a1a;font-size:12px;margin:4px 0 0}

/* 导航内嵌于 head-main 右侧（对齐 springan.com：靠右 · 双span向上跳动 · 无分割线 · 金色下拉） */
.rep-nav{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  display:flex!important;justify-content:flex-end;align-items:stretch;
  width:auto!important;max-width:none!important;margin:0!important;
  background:none!important;background-image:none!important;height:auto!important;box-shadow:none!important
}
.rep-nav .container{max-width:none;margin:0;padding:0}
.rep-nav > ul{display:flex!important;align-items:stretch;height:90px;margin:0;padding:0;list-style:none}
/* 菜单项：用 margin-left 间距，无 border 无分割线（对齐目标站 .nav .m margin-left:55px） */
.rep-nav > ul > li.m{
  flex:0 0 auto;position:relative;float:none;margin-left:42px;height:90px;
  border:0!important;background:none!important
}
.rep-nav > ul > li.m:first-child{margin-left:0}
.rep-nav > ul > li.m h3{
  margin:0;padding:0;font-weight:normal;font-size:16px;height:90px;overflow:hidden;width:100%;text-align:center
}
/* 双 span 堆叠：两个 span 都正常流（各高90px），h3 overflow:hidden 只露出第一个；
   hover 时第一个 span margin-top:-90px 上移（向上跳），第二个金色 span 露出。对齐目标站 .nav h3 a span 机制。 */
.rep-nav > ul > li.m h3 a{
  display:block;color:#333;text-decoration:none
}
.rep-nav > ul > li.m h3 a span{
  display:block;height:90px;line-height:90px;position:relative;transition:margin-top .3s ease,color .3s ease
}
.rep-nav > ul > li.m h3 a span:first-child{margin-top:0}
.rep-nav > ul > li.m h3 a span:last-child{color:var(--sp-primary,#c19149)}
.rep-nav > ul > li.m:hover h3 a span:first-child,
.rep-nav > ul > li.m.on h3 a span:first-child{margin-top:-90px}
/* active 下划线（金色，对齐目标站 .nav li.on a:after） */
.rep-nav > ul > li.m h3 a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--sp-primary,#c19149);
  transition:left .4s ease,right .4s ease
}
.rep-nav > ul > li.m:hover h3 a:after,
.rep-nav > ul > li.m.on h3 a:after{left:0;right:0}
/* 下拉子菜单：金色背景白字，居中对齐导航项（对齐目标站 .nav .sub left:50% translateX） */
.rep-nav > ul > li.m ul.sub{
  position:absolute;left:50%;top:90px;min-width:170px;transform:translateX(-50%);
  background:var(--sp-primary,#c19149);box-shadow:0 8px 20px rgba(193,145,73,.25);
  padding:0;z-index:200;display:none;list-style:none;margin:0;text-align:center
}
.rep-nav > ul > li.m:hover ul.sub{display:block;animation:spNavFadeIn .25s ease}
@keyframes spNavFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.rep-nav > ul > li.m ul.sub li{display:block;width:100%;line-height:50px;font-size:14px}
.rep-nav > ul > li.m ul.sub li a{
  display:block;color:#fff!important;padding:0 18px;border-bottom:1px solid #b08546;
  background:none!important;transition:all .25s ease;text-decoration:none
}
.rep-nav > ul > li.m ul.sub li:last-child a{border-bottom:0}
.rep-nav > ul > li.m ul.sub li a:hover{background:#fff;color:var(--sp-primary,#c19149)!important}
@media(max-width:768px){
  /* 移动端：PC 同行导航隐藏，用汉堡抽屉菜单 */
  .rep-header .top{display:none!important}
  .rep-head-main{min-height:auto;padding:8px 12px}
  .rep-head-main .logo img{height:44px}
  .rep-head-main .logoinfo{display:none!important}
  .rep-head-main .rep-nav{display:none!important}
}

/* ===================== 轮播图 1:1 对齐 springan.com（631px · crossfade淡入淡出） ===================== */
.swiper-container.banner{max-height:631px!important;height:631px;overflow:hidden}
.swiper-container.banner.fade-mode .swiper-wrapper{transition-property:opacity!important}
.swiper-container.banner.fade-mode{overflow:hidden}
.swiper-container.banner .swiper-slide{height:631px;opacity:0;transition:opacity 1s ease-in-out}
.swiper-container.banner.fade-mode .swiper-slide.swiper-slide-active{opacity:1}
.swiper-container.banner .swiper-slide a{
  display:block;height:631px;background-size:cover;background-position:center center;background-repeat:no-repeat
}
/* 左右箭头 + 分页点（对齐目标站 .carousel-prev/.carousel-next 圆形按钮） */
.swiper-container.banner .banner_next,
.swiper-container.banner .banner_prev{
  width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.3);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;
  position:absolute;top:50%;transform:translateY(-50%);z-index:20;cursor:pointer;transition:background .3s ease
}
.swiper-container.banner .banner_next:hover,
.swiper-container.banner .banner_prev:hover{background:var(--sp-primary,#c19149)}
.swiper-container.banner .banner_prev{left:24px}
.swiper-container.banner .banner_next{right:24px}
.swiper-container.banner .banner_num{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:20;
  display:flex;gap:8px
}
.swiper-container.banner .banner_num .swiper-pagination-bullet{
  width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);opacity:1;
  display:inline-block;cursor:pointer;transition:all .3s ease;border:0
}
.swiper-container.banner .banner_num .swiper-pagination-bullet-active{background:var(--sp-primary,#c19149);width:30px;border-radius:6px}
@media(max-width:768px){
  .swiper-container.banner,.swiper-container.banner .swiper-slide,.swiper-container.banner .swiper-slide a{height:300px!important;max-height:300px!important}
  .swiper-container.banner .banner_next,.swiper-container.banner .banner_prev{width:36px;height:36px;font-size:18px}
  .swiper-container.banner .banner_prev{left:10px}
  .swiper-container.banner .banner_next{right:10px}
}