@font-face {
    font-family:HelveticaNeue-LT-35;
    src:url("../font/HelveticaNeueLTPro-ThEx.otf");
}
@font-face {
    font-family:Univers-LT-47;
    src:url("../font/Univers LT 47 Condensed Light_0.ttf");
}
@font-face {
    font-family:Univers-LT-55;
    src:url("../font/Univers LT 55 Roman_0.ttf");
}
@font-face {
    font-family:Univers-LT-57;
    src:url("../font/Univers LT 57 Condensed_0.ttf");
}
@font-face {
    font-family:DIN-Medium;
    src:url("../font/DIN Medium.ttf")  format("opentype");；
}
@font-face {
    font-family:DIN-Black;
    src:url("../font/DIN-Black.otf")  format("opentype");；
}

@font-face {
    font-family:DIN-BlackAlternate;
    src:url("../font/DIN-BlackAlternate.otf")  format("opentype");；
}

@font-face {
    font-family:DIN-Bold;
    src:url("../font/DIN-Bold.otf")  format("opentype");；
}

@font-face {
    font-family:DIN-BoldAlternate;
    src:url("../font/DIN-BoldAlternate.otf")  format("opentype");；
}
@font-face {
    font-family:newFont-1;
    src: url("../font/GOTHAM-LIGHT.OTF");
}
@font-face {
    font-family:newFont-2;
    src: url("../font/GOTHAM-BOOK.OTF");
}
@font-face {
    font-family:newFont-3;
    src: url("../font/GOTHAM-BOLD.OTF");
}
@font-face {
    font-family:newFont-4;
    src: url("../font/DINCond-Bold.otf");
}
@font-face {
    font-family:doss-1;
    src: url("../font/Dosis-Light-4.ttf");
}

html,body{margin:0;padding:0;}
body{font-family:Helvetica,arial,tahoma;font-size:16px;color:#222;line-height:2;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight: normal;font-family:Univers-LT-57,arial,tahoma;}
a{outline: none;text-decoration:none;transition: color .3s,opacity .3s,transform .3s;color:#222;}
a:hover{outline: none;color:#d60000;}

/* 联系方式父容器 */
.fd-header-contact {
  display: flex;
  gap: 40px; /* 两项之间的间距 */
  color: #d9dce3;
  font-size: 14px;
  align-items: center;
}

/* 每项联系信息 */
.fd-header-contact .contact-item {
  display: flex;
  align-items: center;
}

/* SVG 图标 */
.fd-header-contact .icon-svg {
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.fd-header-contact .icon-svg svg {
  width: 14px;
  height: 14px;
  display: block;
}

/* Get a quote按钮 */
.get-a-quote-btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 25px;
  margin:0 0 0 10px;
  background-color: #d60000; /* 红色背景 */
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.get-a-quote-btn:hover {
  background-color: #03328d;
  color: #ffffff;
}

/* logo图片 */
.site-logo-link {
  display: inline-block;
  max-width: 155px; /* 原图的一半（309px ÷ 2） */
}

.site-logo-img {
  width: 100%;
  height: auto;
  display: block;
}

/* 可选：响应式尺寸根据屏幕缩放 */
@media (max-width: 768px) {
  .site-logo-link {
    max-width: 120px;
  }
}

@media (max-width: 480px) {
  .site-logo-link {
    max-width: 100px;
  }
}
/* 首页标题样式 */
.index_h2{position:relative;text-align:center;padding:0 0 15px 0;}.index_h2:before{position:absolute;content:"";width:40px;height:4px;background:#1b3f94;bottom:0;left:50%;transform:translateX(-50%);z-index:2;}.index_h2:after{position:absolute;content:"";width:120px;height:2px;background:#ccc;bottom:1px;left:50%;transform:translateX(-50%);z-index:1;}.index2_h2{position:relative;text-align:center;padding:0 0 15px 0;}.index2_h2:before{position:absolute;content:"";width:40px;height:4px;background:#cf0102;bottom:0;left:50%;transform:translateX(-50%);z-index:2;}.index2_h2:after{position:absolute;content:"";width:120px;height:1px;background:#FFF;bottom:2px;left:50%;transform:translateX(-50%);z-index:1;}.choose_text1 span{display:block;line-height:2;position:relative;padding-left:20px;}.choose_text1 span:before{display:block;position:absolute;left:0;top:50%;width:8px;height:8px;background:#7d89b1;border-radius:50%;transform:translateY(-50%);content:"";}

/* 首页产品分类样式 */
/* 更高优先级的包裹容器 */
body ul.products li.product-category {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: transform 0.3s ease !important;
}

/* 链接设置为块级，保证图片和文字在里面 */
body ul.products li.product-category a {
  display: block !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* 图片设置为强制正方形并显示阴影 */
body ul.products li.product-category img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 8px !important;
  background-color: #f2f2f2; /* 给懒加载时预占空间 */
  min-height: 1px; /* 保证不会是 0 高度 */
/*  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease !important;*/
}

/* 悬停时投影增强，整体上浮 */
body ul.products li.product-category:hover {
  transform: translateY(-8px) !important;
}

body ul.products li.product-category:hover img {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
/* 标题始终在图片下方显示 */
body ul.products li.product-category h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin: 10px 0 0 !important;
  padding: 6px 8px !important;
  text-align: center !important;
  /*background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 4px !important;*/
  z-index: 2 !important;
  position: relative !important;
}

/* custom-more-button */
.custom-more-button {
  text-align: center;
  margin-top: 0px;
}

.custom-more-button a {
  display: inline-block;
  padding: 12px 28px;
  background-color: #d60000;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

.custom-more-button a:hover {
  background-color: #03328d;
  color: #ffffff;
}

/* 首页关于我们 */
.about-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px;
}

.about-text {
  flex: 1 1 45%;
}

.about-text h1, .about-text h2 {
  font-size:54px;
  font-weight: 600;
  color: #1B3F94;
  margin-bottom: 20px;
}

.about-text p {
  font-size: 16px;
  line-height: 2;
  color: #444;
  margin-bottom: 15px;
}

.about-image {
  flex: 1 1 45%;
}

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

/* 响应式布局 */
@media (max-width: 768px) {
  .about-section {
    flex-direction: column;
    text-align: center;
  }

  .about-text, .about-image {
    flex: 1 1 100%;
  }

  .about-text h2 {
    font-size: 28px;
  }
}


/* 底部社媒图标 */
.footer-social {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.footer-social .social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #000000; /* 深色背景 */
  color: white; /* 图标颜色 */
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.footer-social .social-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor; /* 使用color属性决定svg颜色 */
  display: block;
}

.footer-social .social-btn:hover,
.footer-social .social-btn:focus {
  background-color: #d40000; /* 悬停变红 */
  outline: none;
  transform: translateY(-2px);
}

/*.footer-social .social-btn:focus {
  box-shadow: 0 0 0 3px rgba(212, 0, 0, 0.3);
}*/

@media (max-width: 480px) {
  .footer-social {
    gap: 10px;
  }
  .footer-social .social-btn {
    width: 30px;
    height: 30px;
  }
  .footer-social .social-btn svg {
    width: 14px;
    height: 14px;
  }
}
.copyright{color:#b3bac6;font-size:14px;}
.foot_logo{margin:0 0 20px 0;}
.foot_logo a{display:inline-block;width:100%;height:50px;}
.foot_logo a img{width:auto;height:50px;}
.foot_logo_text{color:#b3bac6;font-size:14px;line-height:2.5;margin:0 0 20px 0;}
.foot_title1{color:#fff;font-size:28px;margin:0 0 30px 0;line-height:1;overflow:hidden;position:relative;padding:0 0 20px 0;border-bottom:#2f4062 solid 1px;}
.foot_title1::after{content:"";position: absolute;width:100px;height:2px;left: 0;bottom:0;background: #d40000;}
/*.foot_por_cat{margin:0 0 0 0;padding:0;}
.foot_por_cat li{list-style: none;line-height:2;float:left;width:48%;}
.foot_por_cat li::nth-child(2n){float:right;}
.foot_por_cat li a{display:block;color:#b3bac6;padding:0 0 0 20px;position:relative;font-size:14px;}
.foot_por_cat li a:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;left:0;top:50%;background:#b3bac6;transform:translateY(-50%);}*/

.foot_por_cat {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.foot_por_cat li {
  list-style: none;
  width: 48%;
}

.foot_por_cat li a {
  display: block;
  color: #b3bac6;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 2.5;
  transition: all 0.3s ease;
}

.foot_por_cat li a::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  background: #b3bac6;
  transform: translateY(-50%);
  transition: background 0.3s ease;
}

/* 悬停效果 */
.foot_por_cat li a:hover {
  color: #d40000;
  transform: translateX(5px);
}

.foot_por_cat li a:hover::before {
  background: #d40000;
}

/* 移动端一列显示 */
@media (max-width: 768px) {
  .foot_por_cat {
    gap: 0;
  }
  .foot_por_cat li {
    width: 100%;
  }
}


/* 底部联系方式 */
.foot_contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot_contact li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.foot_icon1 svg {
  width: 16px;
  height: 16px;
  fill: #b3bac6; /* 图标颜色 */
  margin-right: 8px;
}

.foot_contact_text {
  color: #b3bac6; /* 文字颜色 */
  font-size: 14px;
  line-height: 1.5;
}

/* 产品分类页优势文字列表 */
.adv_list1 {
  display: grid;
  grid-template-columns: 35% 65%; /* 左40%，右60% */
  gap: 10px 20px; /* 行间距10px，列间距20px */
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.adv_list1 span {
  position: relative;
  padding-left: 15px; /* 给小白点留空间 */
}

.adv_list1 span::before {
  content: "•"; /* 小白点 */
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}

/* 合作流程列表 */
.Cooperation_title {
  font-size: 48px !important;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  position: relative;
  margin-bottom: 30px;
}
.Cooperation_title::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  margin: 15px auto 0 auto;
}
.Cooperation_text1 {
  padding:0 80px;
  margin:0 0 50px 0;
  color:#fff;
  text-align: center;
}
.Cooperation_list1 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5%;
}
.Cooperation_list1 li {
  margin: 0;
  padding: 0;
  width:18%;
}
.Cooperation_list1 li h3{
  padding:190px 0 0 0;
  font-size:24px;
  color:#fff;
  text-transform: uppercase;
  font-weight:600;
  text-align: center;
  line-height: 1;
  position: relative;
}
.Cooperation_list1 li h3:before{
  position: absolute;
  content:"";
  background:url(/wp-content/uploads/2025/08/Cooperation_icon1-1.webp) no-repeat center center;
  width:160px;
  height:160px;
  border:#ffffff solid 2px;
  border-radius: 50%;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.Cooperation_list1 li:nth-child(2) h3:before{
  background:url(/wp-content/uploads/2025/08/Cooperation_icon2-1.webp) no-repeat center center;
}
.Cooperation_list1 li:nth-child(3) h3:before{
  background:url(/wp-content/uploads/2025/08/Cooperation_icon3-1.webp) no-repeat center center;
}
.Cooperation_list1 li:nth-child(4) h3:before{
  background:url(/wp-content/uploads/2025/08/Cooperation_icon4-1.webp) no-repeat center center;
}
.Cooperation_list1 li:nth-child(5) h3:before{
  background:url(/wp-content/uploads/2025/08/Cooperation_icon5-1.webp) no-repeat center center;
}
.Cooperation_list1 li p{
  text-align: center;
  line-height: 1.5;
  color:#ffffff;
  margin:30px 0 0 0;
}
/* 平板和手机合并的响应式样式 */
@media (max-width: 1024px) {
  .Cooperation_title {
    font-size: 28px !important; /* 标题缩小 */
    margin-bottom: 20px;
  }

  .Cooperation_text1 {
    padding: 0 15px; /* 小屏幕左右小间距 */
    margin-bottom: 30px;
  }

  .Cooperation_list1 {
    gap: 4%; /* 列之间空隙 */
    justify-content: center;
  }

  .Cooperation_list1 li {
    width: 48%;   /* 默认两列 */
    margin-bottom: 30px;
  }

  /* 特别处理手机：宽度小于 600px 时变 1 列 */
  @media (max-width: 600px) {
    .Cooperation_list1 li {
      width: 100%; /* 一列 */
    }
  }

  .Cooperation_list1 li h3 {
    padding-top: 160px;
    font-size: 20px;
  }

  .Cooperation_list1 li h3:before {
    width: 120px;
    height: 120px;
  }

  .Cooperation_list1 li p {
    font-size: 14px;
    margin-top: 20px;
  }
}

/* 产品列表的样式 */
/* --- H2 主标题样式 --- */
.pro_title2 {
  font-size: 48px !important;
  line-height: 1.2;
  text-align: center;
  color: #000;
  position: relative;
  margin-bottom: 30px;
}

.pro_title2::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #1e3d97;
  margin: 15px auto 0 auto;
}

/* --- 左右布局容器 --- */
.pro_adv_con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap;
  margin-top: 50px;
}

/* 左边图片 */
.pro_adv_left {
  flex: 1 1 46%;
  padding:10px 0 0 0;
}

.pro_adv_left img {
  width: 100%;
  height: auto;
}

/* 右边列表 */
.pro_adv_right {
  flex: 1 1 46%;
}

/* --- 列表样式（数字序号风格） --- */
.pro_adv_list1 {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: adv-counter;
}

.pro_adv_list1 li {
  counter-increment: adv-counter;
  margin-bottom: 25px;
  padding-left: 60px;
  position: relative;
  line-height: 1.5;
}

.pro_adv_list1 li::before {
  content: counter(adv-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  background: #1e3d97;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* --- 响应式 --- */
@media (max-width: 992px) {
  .pro_title2 {
    font-size: 28px !important;
  }
  .pro_adv_con {
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .pro_title2 {
    font-size: 28px !important;
  }
  .pro_adv_con {
    flex-direction: column;
  }
  .pro_adv_left,
  .pro_adv_right {
    flex: 1 1 100%;
  }
  .pro_adv_list1 li {
    padding-left: 50px;
    font-size: 16px;
  }
  .pro_adv_list1 li::before {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}

/* 标题下文本与图片列表 */
.pro_title_text1 {
  padding:0 80px;
  margin:0 0 40px 0;
  text-align: center;
}
.pro_img_list1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 默认3列 */
  gap: 15px; /* 图片之间的间距 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.pro_img_list1 li {
  overflow: hidden;
}

.pro_img_list1 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px; /* 可选，美观 */
}

/* 响应式：平板2列 */
@media (max-width: 992px) {
  .pro_img_list1 ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .pro_title_text1 {
  padding:0 20px;
}
}

/* 手机端：1列 */
@media (max-width: 600px) {
  .pro_img_list1 ul {
    grid-template-columns: 1fr;
  }
  .pro_title_text1 {
  padding:0 0;
}
}

/* FAQ 容器整体 */
.faq_con {
  max-width: 100%;
}

/* 问题 */
.faq_con h3 {
  font-size: 20px;
  color: #1e3d97;
  font-weight: 600;
  margin: 0 0 10px 0;
  padding: 14px 20px;
  background: #f4f6fb;
  border-left: 4px solid #1e3d97;
  border-radius: 6px;
}

/* 答案 */
.faq_con p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 30px 0;
  padding: 12px 20px 18px 22px;
  background: #fff;
  border: 1px solid #e5e8f0;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* 响应式 */
@media (max-width: 768px) {
  .faq_con h3 {
    font-size: 18px;
    padding: 12px 15px;
  }
  .faq_con p {
    font-size: 14px;
    padding: 10px 15px;
  }
}


/* 采购指南部分样式 */
/* 外层容器 */
.purch {
  display: flex;
  flex-wrap: wrap;         /* 小屏幕换行 */
  justify-content: space-between;
  gap: 8%;                 /* 左右间距 */
  margin: 40px 0 0 0;
}

/* 左右内容块 */
.purch_con {
  flex: 0 0 46%;           /* 左右各46% */
  min-width: 280px;        /* 防止过窄 */
}

/* 列表样式 */
.purch_con ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.purch_con ul li {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
  position: relative;
  padding-left: 45px;       /* 给圆圈留空间 */
}

/* 蓝色圆圈 + 白色对勾 */
.purch_con ul li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 15px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #1e3d97;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

/* 标题加粗 */
.purch_con ul li strong {
  display: inline-block;
  font-weight: 600;
  color: #333;
}

/* 视频样式 */
.purch_con video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin:15px 0 0 0;
}
/* 响应式：小屏幕上下堆叠 */
@media (max-width: 768px) {
  .purch {
    flex-direction: column;
    gap: 20px;
  }

  .purch_con {
    flex: 0 0 100%;
  }

  .purch_con ul li strong {
    display: block;
    margin-bottom: 4px;
  }
}

/* =============================
   导航：全屏下拉（Portal 方案）
   - 放到 style.css 的末尾
   ============================= */

/* =============================
   导航：全屏下拉（Portal 方案）
   - 放到 style.css 的末尾
   ============================= */

/* =============================
   导航：全屏下拉（Portal 方案）
   ============================= */

/* =============================
   通用设置
   ============================= */
:root {
  --portal-inner-max: 1400px;
  --nav-font-size: 18px;
  --portal-gap: 10px;
}

/* 确保 header 不遮挡 */
.elementor-location-header {
  position: relative;
  z-index: 1200; /* 必须低于 .portal-submenu */
}

/* 容器 Wrapper */
.rti-nav-wrapper {
  position: relative;
  width: 100%;
}

/* =============================
   桌面端样式 ( > 768px )
   ============================= */
@media (min-width: 769px) {
    /* 隐藏汉堡按钮 */
    .rti-mobile-toggle { display: none; }
    
    /* 隐藏原生 sub-menu */
    .custom-main-menu .main-nav .sub-menu { display: none !important; }

    /* 主导航横向 */
    .custom-main-menu .main-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 36px;
      margin: 0; padding: 0; list-style: none;
    }

    .custom-main-menu .main-nav > li > a {
      font-size: var(--nav-font-size);
      color: #03328D;
      text-decoration: none;
      padding: 12px 6px;
      display: inline-flex;
      align-items: center;
      position: relative;
    }
    
    .custom-main-menu .main-nav > li > a:hover { color: #D60C0C; }

    /* 箭头 */
    .custom-main-menu .main-nav > li.menu-item-has-children > a::after {
      content: "";
      display: inline-block;
      margin-left: 6px;
      width: 8px; height: 8px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(-45deg) translateY(2px);
      transition: transform .18s ease;
    }
    .custom-main-menu .main-nav > li.menu-item-has-children.open > a::after {
      transform: rotate(45deg) translateY(2px);
    }

    /* 隐形桥梁：防止鼠标移动时菜单消失 */
    .custom-main-menu .main-nav > li.menu-item-has-children > a::before {
        content: "";
        position: absolute;
        left: 0; right: 0; bottom: -50px; /* 延伸足够长 */
        height: 50px;
        background: transparent;
        z-index: 10;
    }
    
    /* Portal 容器 */
    .portal-submenu {
      position: fixed;
      left: 0;
      width: 100vw;
      background: #f9f9f9;
      border-top: 1px solid #e4e4e4;
      border-bottom: 1px solid #e4e4e4;
      padding: 40px 0;
      /* 关键：确保比 Elementor Header (1200) 高，比 Astra (可能会是1000) 高 */
      z-index: 99999; 
      box-shadow: 0 10px 20px rgba(0,0,0,0.05);
      
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: opacity .25s ease, transform .25s ease, visibility .25s;
      pointer-events: none;
    }

    .portal-submenu.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    
    .portal-submenu .portal-submenu-inner {
      width: 90%; 
      max-width: var(--portal-inner-max);
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: var(--portal-gap);
      justify-items: center;
    }
    
    .portal-submenu .portal-submenu-inner > .sub-menu { display: contents; }
    .portal-submenu .portal-submenu-inner li { list-style: none; text-align: center; }

    .portal-submenu .portal-submenu-inner a {
      display: flex; flex-direction: column; align-items: center; gap: 8px;
      text-decoration: none; color: #222;
    }
    .portal-submenu .portal-submenu-inner .menu-cat-thumb {
      width: 80px; height: 80px; border-radius: 50%;
      object-fit: cover; border: 1px solid #ececec;
    }
    .portal-submenu .portal-submenu-inner .menu-cat-title {
      font-size: 14px; font-weight: 600;
    }
}

/* =============================
   移动端样式 ( <= 768px )
   ============================= */
@media (max-width: 768px) {
  
  .rti-mobile-toggle {
    display: block;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px 0;
    margin-left: auto;
    width: 40px; height: 40px;
    position: relative;
    z-index: 1301;
  }
  .rti-mobile-toggle .bar {
    display: block;
    width: 24px; height: 2px;
    margin: 6px auto;
    background-color: #333;
    transition: all 0.3s ease;
  }
  
  .rti-mobile-toggle.is-active .bar:nth-child(2) { opacity: 0; }
  .rti-mobile-toggle.is-active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .rti-mobile-toggle.is-active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  /* 移动端菜单：全屏宽、固定定位 */
  .custom-main-menu {
    display: none;
    position: fixed; 
    left: 0; right: 0; width: 100vw;
    bottom: 0; /* 占满下方屏幕 */
    background: #ffffff;
    z-index: 1300;
    overflow-y: auto; /* 允许过长滚动 */
    padding-bottom: 60px; /* 底部留白 */
    border-top: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }

  .rti-nav-wrapper.mobile-active .custom-main-menu {
    display: block;
  }

  .custom-main-menu .main-nav {
    display: flex; flex-direction: column; padding: 0; margin: 0; width: 100%;
  }

  .custom-main-menu .main-nav > li {
    width: 100%; border-bottom: 1px solid #f5f5f5;
  }

  .custom-main-menu .main-nav > li > a {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 15px 20px; box-sizing: border-box;
    font-size: 16px; color: #333; text-decoration: none;
  }

  .custom-main-menu .main-nav > li.menu-item-has-children > a::after {
    content: ""; width: 8px; height: 8px;
    border-right: 2px solid #999; border-bottom: 2px solid #999;
    transform: rotate(-45deg); transition: transform 0.2s;
  }
  .custom-main-menu .main-nav > li.menu-item-has-children.menu-open > a::after {
     transform: rotate(45deg);
  }

  .custom-main-menu .main-nav .sub-menu {
    display: none; background: #fcfcfc; width: 100%; padding: 0; margin: 0;
  }
  
  .custom-main-menu .main-nav .sub-menu li {
    list-style: none; border-bottom: 1px solid #eee;
  }

  .custom-main-menu .main-nav .sub-menu a {
    display: flex; align-items: center; justify-content: flex-start;
    padding: 10px 20px 10px 30px; gap: 15px;
    color: #555; text-decoration: none;
  }
  
  .custom-main-menu .main-nav .sub-menu .menu-cat-thumb {
    width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 1px solid #ddd;
  }
  
  .custom-main-menu .main-nav .sub-menu .menu-cat-title {
    font-size: 14px;
  }
}



/* === WooCommerce 分页：去掉UL灰框 + 40x40 居中 === */

/* 1) 移除默认边框/灰框 */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li,
nav.woocommerce-pagination ul.page-numbers,
nav.woocommerce-pagination ul.page-numbers li {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) 容器居中 */
.woocommerce-pagination {
  display: flex !important;
  justify-content: center !important;  /* 水平居中 */
  margin: 20px 0 !important;
}

/* 3) 列表布局 */
nav.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;  /* 子元素也居中 */
  list-style: none;
  gap: 5px !important;                  /* 按钮之间的间距 */
  margin: 0 !important;
  padding: 0 !important;
}
/* gap 退级：即使 gap 被覆盖也有间距 */
nav.woocommerce-pagination ul.page-numbers li + li { 
  margin-left: 8px !important; 
}

/* 4) 按钮（数字 & 箭头）：45×45，居中 */
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
  display: inline-grid !important;
  place-items: center;
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #ccc !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1 !important;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
  border-radius: 4px !important;
}

/* 5) 当前页 */
nav.woocommerce-pagination ul.page-numbers li span.current {
  background: #d60000 !important;
  color: #fff !important;
  border-color: #d60000 !important;
}

/* 6) 悬停橙色 */
nav.woocommerce-pagination ul.page-numbers li a:hover {
  background: #183888 !important;
  color: #fff !important;
  border-color: #183888 !important;
}

/* 7) 省略号 */
nav.woocommerce-pagination ul.page-numbers li span.dots {
  background: transparent !important;
  border-color: transparent !important;
  color: #000 !important;
  font-weight: 400 !important;
}

/* 8) 箭头大小 */
nav.woocommerce-pagination ul.page-numbers li a.next,
nav.woocommerce-pagination ul.page-numbers li a.prev {
  font-size: 18px !important;
  font-weight: 600;
}