/* =========================================================
   华人行官网 · 前台样式
   品牌红 #FD2852 主色 · 简约大气商务风 · 内容宽 1200
   ========================================================= */

:root{
  --brand:#FD2852;
  --brand-dark:#E01742;
  --brand-darker:#B00E38;
  --brand-soft:#FFF1F4;
  --brand-soft-2:#FFDDE5;
  --gold:#FFC400;
  --ink:#14151A;
  --ink-2:#454A53;
  --muted:#8B909A;
  --line:#ECEAE6;
  --bg:#FFFFFF;
  --bg-soft:#F6F5F2;
  --footer:#121216;
  --radius:18px;
  --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(20,21,26,.04),0 6px 18px rgba(20,21,26,.05);
  --shadow:0 4px 12px rgba(20,21,26,.06),0 20px 48px rgba(20,21,26,.10);
  --shadow-brand:0 18px 44px rgba(253,40,82,.20);
  --ease:cubic-bezier(.22,.61,.36,1);
}


/* =========================================================
   基础
   ========================================================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

::selection{
  background:var(--brand);
  color:#fff;
}

body{
  font-family:"PuHuiTi 2.0 85 Bold","PingFang SC","Microsoft YaHei","Segoe UI",Arial,sans-serif;
  color:var(--ink-2);
  background:var(--bg);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

h1,
h2,
h3,
h4{
  color:var(--ink);
  font-weight:700;
  line-height:1.28;
  letter-spacing:.2px;
}

img{
  max-width:100%;
  display:block;
}

a{
  text-decoration:none;
  color:inherit;
}

ul{
  list-style:none;
}


/* =========================================================
   通用容器
   ========================================================= */

.container{
  width:1200px;
  max-width:100%;
  margin:0 auto;
  padding:0 28px;
}

.section{
  padding:96px 0;
}


/* =========================================================
   板块标题
   ========================================================= */

.section-title{
  position:relative;
  text-align:center;
  font-size:36px;
  font-weight:800;
  color:var(--ink);
  margin-bottom:16px;
  letter-spacing:1.5px;
  padding-top:22px;
}

.section-title::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:52px;
  height:5px;
  border-radius:5px;
  background:linear-gradient(90deg,var(--brand),var(--brand-dark));
  box-shadow:0 4px 12px rgba(253,40,82,.35);
}

.section-sub{
  text-align:center;
  color:var(--muted);
  font-size:16.5px;
  margin-bottom:54px;
  letter-spacing:.5px;
}


/* =========================================================
   页头
   ========================================================= */

.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:#fff;
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s var(--ease);
}

.header::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--brand-darker),var(--brand) 55%,var(--gold));
}

.header-inner{
  position:relative;
}

.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  height:72px;
}

.logo img{
  height:46px;
  width:auto;
}

.nav{
  display:flex;
  align-items:center;
  gap:38px;
}

.nav a{
  color:var(--ink-2);
  font-size:15.5px;
  font-weight:500;
  padding:6px 2px;
  position:relative;
  transition:color .25s;
  white-space:nowrap;
}

.nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2.5px;
  border-radius:3px;
  background:var(--brand);
  transform:translateX(-50%);
  transition:width .3s var(--ease);
}

.nav a:hover::after,
.nav a.active::after{
  width:100%;
}

.nav a:hover,
.nav a.active{
  color:var(--brand);
}

.btn-login{
  background:linear-gradient(131deg,#FFD23D,#FCFF50);
  color:#3A2E00;
  font-size:14px;
  font-weight:700;
  letter-spacing:.5px;
  border-radius:24px;
  padding:10px 26px;
  box-shadow:0 6px 18px rgba(255,196,0,.42);
  white-space:nowrap;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}

.btn-login:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(255,196,0,.52);
}

.header.cb-header-fixed{
  box-shadow:0 8px 28px rgba(20,21,26,.10);
}


/* =========================================================
   主 Banner
   ========================================================= */

.hero{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--brand-darker);
}

.hero-bg{
  position:static;
}

.hero-bg-img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.hero-overlay{
  display:none;
}

.hero-inner{
  display:none;
}


/* =========================================================
   子页通用页头
   ========================================================= */

.page-hero{
  position:relative;
  padding:158px 0 70px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(900px 380px at 86% -24%,rgba(255,255,255,.18),transparent 60%),
    radial-gradient(700px 400px at -10% 120%,rgba(255,196,0,.14),transparent 55%),
    linear-gradient(118deg,var(--brand-darker) 0%,var(--brand) 68%,var(--brand-dark) 100%);
}

.page-hero::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-110px;
  width:340px;
  height:340px;
  border-radius:50%;
  border:52px solid rgba(255,255,255,.07);
  pointer-events:none;
}

.page-hero h1{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:42px;
  font-weight:800;
  letter-spacing:3px;
}

.page-hero h1::after{
  content:"";
  display:block;
  width:58px;
  height:5px;
  margin-top:18px;
  border-radius:5px;
  background:var(--gold);
  box-shadow:0 4px 12px rgba(255,196,0,.4);
}


/* =========================================================
   产品介绍
   ========================================================= */

.section-products .container{
  counter-reset:prod;
}

.product-item{
  position:relative;
  counter-increment:prod;
  display:flex;
  gap:60px;
  align-items:center;
  padding:44px;
  margin-bottom:36px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  transition:box-shadow .4s var(--ease),transform .4s var(--ease),border-color .4s;
  overflow:hidden;
}

.product-item::after{
  content:"0" counter(prod);
  position:absolute;
  right:34px;
  top:18px;
  font-size:84px;
  font-weight:800;
  line-height:1;
  color:#FBD9E1;
  letter-spacing:-2px;
  pointer-events:none;
  transition:color .4s;
}

.product-item:hover{
  box-shadow:var(--shadow);
  border-color:var(--brand-soft-2);
  transform:translateY(-5px);
}

.product-item:hover::after{
  color:var(--brand);
  opacity:.16;
}

.product-item:last-child{
  margin-bottom:0;
}

.product-item:nth-child(even){
  flex-direction:row-reverse;
}

.product-media{
  flex:1 1 46%;
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(20,21,26,.16);
  background:var(--bg-soft);
  position:relative;
  z-index:1;
}

.product-media img{
  width:100%;
  height:400px;
  object-fit:cover;
  transition:transform .6s var(--ease);
}

.product-item:hover .product-media img{
  transform:scale(1.045);
}

.product-info{
  flex:1 1 54%;
  min-width:0;
  position:relative;
  z-index:1;
}

.product-info h3{
  font-size:29px;
  color:var(--ink);
  margin-bottom:14px;
  padding-left:18px;
  position:relative;
}

.product-info h3::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  bottom:7px;
  width:5px;
  border-radius:5px;
  background:linear-gradient(var(--brand),var(--brand-dark));
}

.product-sub{
  font-size:17.5px;
  color:var(--brand);
  font-weight:700;
  margin-bottom:24px;
  letter-spacing:.3px;
}

.product-qr{
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:16px 22px;
  background:var(--bg-soft);
  border-radius:16px;
}

.product-qr img{
  width:120px;
  height:120px;
  border-radius:12px;
  background:#fff;
  padding:6px;
}

.product-qr span{
  font-size:14px;
  color:var(--ink-2);
  font-weight:500;
}


/* =========================================================
   富文本
   ========================================================= */

.product-bullets{
  margin-bottom:28px;
}

.product-bullets p{
  font-size:15.5px;
  color:var(--ink-2);
  margin-bottom:12px;
  line-height:1.8;
}

.product-bullets p:last-child{
  margin-bottom:0;
}

.product-bullets ul,
.product-bullets ol{
  margin:8px 0 14px;
  padding-left:22px;
}

.product-bullets li{
  font-size:15.5px;
  color:var(--ink-2);
  margin-bottom:8px;
  line-height:1.75;
}

.product-bullets ul li{
  list-style:disc;
}

.product-bullets ol li{
  list-style:decimal;
}

.product-bullets strong,
.product-bullets b{
  color:var(--ink);
  font-weight:700;
}

.product-bullets em,
.product-bullets i{
  color:var(--brand);
  font-style:normal;
  font-weight:600;
}

.product-bullets h3,
.product-bullets h4{
  font-size:17px;
  color:var(--ink);
  margin:16px 0 8px;
}

.product-bullets a{
  color:var(--brand);
  text-decoration:underline;
}

.product-bullets img{
  max-width:100%;
  height:auto;
  border-radius:8px;
  margin:8px 0;
}

.product-bullets blockquote{
  border-left:3px solid var(--brand);
  padding-left:14px;
  margin:12px 0;
  color:var(--ink-2);
  font-style:italic;
}

.product-bullets hr{
  border:none;
  border-top:1px solid var(--line);
  margin:16px 0;
}


/* =========================================================
   产品轮播
   ========================================================= */

.product-swiper{
  position:relative;
}

.swiper-wrapper{
  display:flex;
  width:100%;
  overflow:hidden;
}

.swiper-slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  height:auto;
  position:relative;
}

.swiper-slide img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.product-media:hover .swiper-slide img{
  transform:none;
}

.swiper-pagination{
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  display:flex;
  justify-content:center;
  gap:8px;
  z-index:5;
}

.swiper-pagination .dot{
  width:28px;
  height:4px;
  border-radius:4px;
  background:rgba(255,255,255,.55);
  cursor:pointer;
  transition:background .3s,width .3s;
}

.swiper-pagination .dot.active{
  background:var(--brand);
  width:40px;
}

.swiper-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(18,18,22,.42);
  color:#fff;
  font-size:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:6;
  user-select:none;
  backdrop-filter:blur(4px);
  transition:background .3s,transform .2s;
}

.swiper-btn:hover{
  background:var(--brand);
}

.swiper-prev{
  left:16px;
}

.swiper-next{
  right:16px;
}

.product-swiper.is-single .swiper-pagination,
.product-swiper.is-single .swiper-btn{
  display:none;
}


/* =========================================================
   卖家反馈
   ========================================================= */

.section-feedback{
  background:linear-gradient(180deg,var(--bg-soft) 0%,#FCFBF9 100%);
}

.feedback-grid{
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  margin-bottom:44px;
}

.feedback-card{
  flex:1 1 310px;
  min-width:0;
  background:#fff;
  border-radius:var(--radius);
  padding:32px 30px;
  border:1px solid var(--line);
  position:relative;
  transition:box-shadow .4s var(--ease),transform .4s var(--ease);
}

.feedback-card::before{
  content:"\201C";
  position:absolute;
  top:12px;
  right:24px;
  font-size:72px;
  line-height:1;
  font-family:Georgia,serif;
  color:var(--brand-soft-2);
  transition:color .4s;
}

.feedback-card::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--brand),var(--brand-dark));
  opacity:0;
  transition:opacity .4s;
}

.feedback-card:hover{
  box-shadow:0 20px 48px rgba(253,40,82,.16);
  transform:translateY(-6px);
}

.feedback-card:hover::before{
  color:var(--brand);
}

.feedback-card:hover::after{
  opacity:1;
}

.feedback-head{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:18px;
  position:relative;
  z-index:1;
}

.feedback-avatar{
  width:56px;
  height:56px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  border:2.5px solid var(--brand-soft-2);
  box-shadow:0 6px 14px rgba(253,40,82,.18);
  background:var(--bg-soft);
}

.feedback-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.feedback-name{
  font-size:17.5px;
  font-weight:700;
  color:var(--ink);
}

.feedback-desc{
  font-size:13px;
  color:var(--muted);
  margin-top:3px;
  line-height:1.55;
}

.feedback-body{
  font-size:14.5px;
  color:var(--ink-2);
  line-height:1.9;
  position:relative;
  z-index:1;
}

.feedback-qr{
  text-align:center;
}

.feedback-qr img{
  width:118px;
  height:118px;
  margin:0 auto 8px;
  border-radius:14px;
  background:#fff;
  padding:8px;
  box-shadow:var(--shadow-sm);
}

.feedback-qr p{
  color:var(--brand);
  font-size:14px;
  font-weight:700;
}


/* =========================================================
   公司介绍
   ========================================================= */

.company-slogan{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:var(--ink);
  margin-bottom:20px;
  letter-spacing:1px;
}

.company-desc{
  text-align:center;
  color:var(--ink-2);
  font-size:16px;
  line-height:2.05;
  max-width:960px;
  margin:0 auto 50px;
}


/* =========================================================
   公司介绍轮播
   重点修复：
   1. 每个 slide 强制 100%
   2. 图片不再使用 cover 裁剪
   3. wrapper 独立控制
   4. overflow 只放在最外层
   5. 防止下一张图片提前露出来
   ========================================================= */

.company-swiper{
  position:relative;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#f0f0f0;
}


/* 轮播轨道 */

.company-swiper .swiper-wrapper{
  display:flex;
  flex-wrap:nowrap;
  width:100%;
  height:auto;
  overflow:visible;
  margin:0;
  padding:0;
  transition:transform .5s var(--ease);
  will-change:transform;
}


/* 每一张轮播图 */

.company-swiper .swiper-slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  max-width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
}


/* 图片本身：
   contain = 完整显示整张图片，不裁切 */

.company-swiper .swiper-slide img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center center;
  margin:0;
  padding:0;
}


/* 如果你的 JS 给 slide 设置了宽度，
   仍然强制按照整个轮播容器显示 */

.company-swiper .swiper-slide > img{
  width:100% !important;
  max-width:100% !important;
}


/* 分页 */

.company-swiper .swiper-pagination{
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  z-index:5;
  pointer-events:auto;
}

.company-swiper .swiper-pagination .dot{
  width:32px;
  height:5px;
  border-radius:5px;
  background:rgba(255,255,255,.6);
  cursor:pointer;
  transition:background .3s,width .3s,opacity .3s;
}

.company-swiper .swiper-pagination .dot.active{
  background:var(--brand);
  width:48px;
}


/* 左右按钮 */

.company-swiper .swiper-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border-radius:50%;
  background:rgba(18,18,22,.45);
  color:#fff;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:6;
  user-select:none;
  backdrop-filter:blur(6px);
  transition:
    background .3s,
    transform .2s,
    opacity .3s;
}

.company-swiper .swiper-btn:hover{
  background:var(--brand);
}

.company-swiper .swiper-prev{
  left:24px;
}

.company-swiper .swiper-next{
  right:24px;
}


/* 防止轮播图片被其他 hover 样式放大 */

.company-swiper:hover .swiper-slide img{
  transform:none;
}


/* =========================================================
   合作伙伴 · 首页跑马灯
   ========================================================= */

.section-partner{
  background:var(--bg-soft);
}

.marquee{
  overflow:hidden;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}

.marquee-track{
  display:flex;
  width:max-content;
  animation:marquee 36s linear infinite;
}

.marquee:hover .marquee-track{
  animation-play-state:paused;
}

.marquee-group{
  display:flex;
  align-items:center;
  gap:24px;
  padding:6px 24px;
}

.marquee .partner-item{
  display:flex;
  align-items:center;
  justify-content:center;
  height:128px;
  min-width:216px;
  padding:0 34px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
}

.marquee .partner-item:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
  border-color:var(--brand-soft-2);
}

.marquee .partner-item img{
  height:60px;
  width:auto;
  max-width:158px;
  object-fit:contain;
  opacity:.7;
  filter:grayscale(45%);
  transition:opacity .3s,filter .3s,transform .3s;
}

.marquee .partner-item:hover img{
  opacity:1;
  filter:none;
  transform:scale(1.07);
}

@keyframes marquee{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }
}


/* =========================================================
   合作伙伴栏目页网格
   ========================================================= */

.partner-grid{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
}

.partner-grid .partner-item{
  flex:1 1 248px;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  height:184px;
  padding:24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s;
}

.partner-grid .partner-item:hover{
  box-shadow:var(--shadow);
  transform:translateY(-5px);
  border-color:var(--brand-soft-2);
}

.partner-grid .partner-item img{
  height:68px;
  width:auto;
  max-width:196px;
  object-fit:contain;
}

.partner-grid .partner-item p{
  font-size:14px;
  color:var(--muted);
  font-weight:500;
  letter-spacing:.3px;
}


/* =========================================================
   联系我们 / 网点
   ========================================================= */

.office-grid{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
}

.office-item{
  flex:1 1 330px;
  min-width:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:32px;
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
  transition:box-shadow .35s var(--ease),transform .35s var(--ease);
}

.office-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(var(--brand),var(--brand-dark));
  opacity:0;
  transition:opacity .35s;
}

.office-item:hover{
  box-shadow:var(--shadow);
  transform:translateY(-5px);
}

.office-item:hover::before{
  opacity:1;
}

.office-item h3{
  font-size:19.5px;
  color:var(--ink);
  margin-bottom:16px;
}

.office-item p{
  font-size:14px;
  color:var(--ink-2);
  line-height:1.95;
  padding-left:26px;
  position:relative;
}

.office-item p+p{
  margin-top:4px;
}

.office-item p::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:14px;
  height:14px;
  border-radius:4px;
  background:var(--brand-soft);
}

.office-item .office-tel::before,
.office-item .office-mail::before{
  background:var(--brand-soft) url("../images/icon-check-red.svg") no-repeat center/9px;
}


/* =========================================================
   发展历程
   ========================================================= */

.history-scroll{
  position:relative;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  padding:8px 4px 16px;
  border-radius:16px;
  scrollbar-width:thin;
  scrollbar-color:var(--brand) var(--brand-soft);
}

.history-scroll::-webkit-scrollbar{
  height:10px;
}

.history-scroll::-webkit-scrollbar-track{
  background:var(--brand-soft);
  border-radius:10px;
}

.history-scroll::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,var(--brand),var(--brand-dark));
  border-radius:10px;
  border:2px solid var(--brand-soft);
}

.history-scroll::-webkit-scrollbar-thumb:hover{
  background:var(--brand-dark);
}

.history-img{
  display:block;
  width:1280px;
  max-width:none;
  min-width:1280px;
  height:auto;
  margin:0 auto;
  border-radius:16px;
  box-shadow:var(--shadow-sm);
  background:#fff;
}

.history-hint{
  text-align:center;
  color:var(--muted);
  font-size:13px;
  margin-top:6px;
  letter-spacing:.5px;
}

.history-hint::before{
  content:"\2194  ";
  color:var(--brand);
  font-weight:700;
}


/* =========================================================
   详情页通用
   ========================================================= */

.product-detail,
.feedback-detail,
.partner-detail,
.office-detail{
  max-width:920px;
  margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:52px;
  box-shadow:var(--shadow-sm);
}

.product-detail h1,
.feedback-detail h1,
.partner-detail h1,
.office-detail h1{
  font-size:33px;
  color:var(--ink);
  margin-bottom:14px;
}

.product-detail .product-media{
  margin:26px 0 30px;
}

.product-detail .product-bullets{
  margin-bottom:30px;
}

.feedback-detail .feedback-head{
  margin-bottom:26px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
}

.feedback-detail .feedback-body{
  font-size:16px;
  line-height:2.05;
  color:var(--ink-2);
}

.partner-detail{
  text-align:center;
}

.partner-logo{
  margin:32px auto;
  padding:52px;
  background:var(--bg-soft);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.partner-logo img{
  max-height:130px;
  width:auto;
}

.office-detail .office-addr,
.office-detail .office-tel,
.office-detail .office-mail{
  font-size:16px;
  line-height:2.05;
  padding-left:30px;
  position:relative;
}

.office-detail p+p{
  margin-top:6px;
}

.office-detail p::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--brand-soft) url("../images/icon-check-red.svg") no-repeat center/10px;
}


/* =========================================================
   页脚
   ========================================================= */

.footer{
  position:relative;
  background:var(--footer);
  color:#fff;
  padding:68px 0 0;
}

.footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--brand-darker),var(--brand) 55%,var(--gold));
}

.footer-top{
  display:flex;
  flex-wrap:wrap;
  gap:52px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.footer-brand{
  flex:1 1 260px;
  min-width:0;
}

.footer-slogan{
  font-size:26px;
  font-weight:800;
  color:#fff;
  margin-bottom:26px;
  letter-spacing:1.5px;
}

.footer-qr{
  display:inline-block;
  text-align:center;
}

.footer-qr img{
  width:104px;
  height:104px;
  border-radius:14px;
  background:#fff;
  padding:7px;
}

.footer-qr span{
  display:block;
  color:#9A9BA2;
  font-size:12px;
  margin-top:9px;
}

.footer-offices{
  flex:2 1 620px;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:28px 34px;
}

.office{
  flex:1 1 250px;
  min-width:0;
}

.office h4{
  color:#fff;
  font-size:16.5px;
  margin-bottom:13px;
  padding-left:13px;
  position:relative;
}

.office h4::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  bottom:5px;
  width:3.5px;
  border-radius:4px;
  background:var(--brand);
}

.office p{
  color:#9A9BA2;
  font-size:13px;
  line-height:1.95;
  word-break:break-word;
}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  color:#7E7F86;
  font-size:12.5px;
  padding:24px 0;
}

.footer-bottom a{
  transition:color .25s;
}

.footer-bottom a:hover{
  color:var(--brand);
}


/* =========================================================
   关于页
   ========================================================= */

.about-hero{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--brand-darker);
}

.about-hero-bg{
  position:static;
}

.about-hero-bg img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.about-hero-overlay{
  display:none;
}

.about-hero-text{
  display:none;
}

.about-intro-text{
  font-size:17px;
  color:var(--ink-2);
  line-height:2.15;
  max-width:960px;
  margin:0 auto 44px;
  text-align:center;
}

.about-company-img{
  width:100%;
  border-radius:18px;
  box-shadow:var(--shadow);
}

.section-culture{
  background:var(--bg-soft);
}

.culture-grid{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  max-width:1060px;
  margin:0 auto;
}

.culture-cell{
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}

.culture-cell img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s var(--ease);
}

.culture-cell:hover img{
  transform:scale(1.05);
}

.culture-cell.c1,
.culture-cell.c2,
.culture-cell.c3{
  flex:1 1 300px;
  height:214px;
}

.culture-cell.c4,
.culture-cell.c5{
  flex:1 1 438px;
  height:218px;
}

.culture-cell.c6,
.culture-cell.c7,
.culture-cell.c8,
.culture-cell.c9{
  flex:1 1 219px;
  height:152px;
}


/* =========================================================
   响应式
   ========================================================= */

@media (max-width:992px){

  .product-item,
  .product-item:nth-child(even){
    gap:34px;
    padding:34px;
  }

  .product-media img,
  .swiper-slide img{
    height:330px;
  }

  .product-item::after{
    font-size:66px;
  }

  /*
   * 公司轮播在平板端仍然完整显示图片
   */
  .company-swiper .swiper-slide img{
    width:100%;
    height:auto;
    object-fit:contain;
  }
}


@media (max-width:768px){

  .section{
    padding:64px 0;
  }

  .section-title{
    font-size:27px;
  }

  .page-hero{
    padding:124px 0 48px;
  }

  .page-hero h1{
    font-size:31px;
  }

  .product-item,
  .product-item:nth-child(even){
    flex-direction:column;
    gap:26px;
    padding:24px;
  }

  .product-media img,
  .swiper-slide img{
    height:240px;
  }

  .product-item::after{
    font-size:54px;
    top:12px;
    right:18px;
  }

  .product-detail,
  .feedback-detail,
  .partner-detail,
  .office-detail{
    padding:30px 22px;
  }

  .product-detail h1,
  .feedback-detail h1,
  .partner-detail h1,
  .office-detail h1{
    font-size:25px;
  }

  .history-img{
    width:920px;
    min-width:920px;
  }

  .nav{
    gap:18px;
  }

  .nav a{
    font-size:13.5px;
  }

  .logo img{
    height:34px;
  }

  .btn-login{
    padding:8px 16px;
    font-size:13px;
  }

  .header-row{
    height:60px;
  }

  .marquee .partner-item{
    height:108px;
    min-width:180px;
  }

  .marquee .partner-item img{
    height:48px;
  }

  .partner-grid .partner-item{
    height:160px;
  }

  .culture-cell.c1,
  .culture-cell.c2,
  .culture-cell.c3,
  .culture-cell.c4,
  .culture-cell.c5,
  .culture-cell.c6,
  .culture-cell.c7,
  .culture-cell.c8,
  .culture-cell.c9{
    flex:1 1 100%;
    height:auto;
  }

  .culture-cell img{
    height:auto;
  }


  /* =======================================================
     手机端公司轮播
     ======================================================= */

  .company-swiper{
    border-radius:12px;
  }

  .company-swiper .swiper-slide{
    width:100%;
    min-width:100%;
    flex-basis:100%;
  }

  .company-swiper .swiper-slide img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  .company-swiper .swiper-btn{
    width:40px;
    height:40px;
    font-size:16px;
  }

  .company-swiper .swiper-prev{
    left:12px;
  }

  .company-swiper .swiper-next{
    right:12px;
  }

  .company-swiper .swiper-pagination{
    bottom:12px;
  }

  .company-swiper .swiper-pagination .dot{
    width:24px;
    height:4px;
  }

  .company-swiper .swiper-pagination .dot.active{
    width:36px;
  }
}