.os-banner {
  width: 100%;
  /* height: 480px; */
  position: relative;
}

.os-banner-img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */

}

.os-banner-continer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  /* 贴顶，占满整个父容器 */
  left: 0;
  /* 贴左，占满整个父容器 */
  display: flex;
  /* 开启 Flex 布局，让内容层居中 */
  align-items: center;
  /* 垂直居中 */
}

.os-banner-text {
  width: 600px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;

  box-sizing: border-box;
  padding: 17px 9px 23px 18px;
}

.os-banner-text-title {
  font-size: 42px;
  color: #181931;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 1.2;

}

.os-banner-text-desc {
  font-weight: 400;
  font-size: 16px;
  color: #5B6C8E;
  letter-spacing: 1px;
  margin-top: 15px;
}

/* 标签导航样式 */
.banner-tabs {
  width: 100%;
  background: #F6F6F6;

}

.banner-tabs .safe-zone {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 363px;
  /* 标签间距 */
  /* 标签间距 */
}

.banner-tab {
  font-weight: 400;
  font-size: 16px;
  color: #1B1C35;
  margin-right: 59px;
  height: 60px;
  display: block;
  line-height: 60px;
}

.banner-tab.active {
  color: #165DFF;
  border-bottom: 3px solid#165DFF;
  /* 激活状态颜色 */
}

.banner-tabs-continer {
  width: 100%;
  overflow: hidden;
  background-color: #FFFFFF;

}


/* 红色圆点标记 */
.dot-marker {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  background: #CDD6DE;
  border-radius: 50%;
  display: inline-block;
}

.dot-marker-radio {
  width: 12px;
  height: 12px;
  background: #A0A4A9;
  border-radius: 50%;
  display: inline-block;

}


.do-right-radio {
  background: #165DFF !important;

}

.use-right-title-right {
  color: white !important;
}

.use-left-continer-li {
  width: 213px;
  height: 46px !important;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  /* 50% 透明度的白色 */
  border-radius: 23px;
  font-weight: bold;
  font-size: 22px;
  justify-content: space-between;
  border: none;
}

.use-left-continer-li-01 {
  margin-top: 15px;
}

.use-left-continer-li-02 {
  margin-top: 24px;
}

.use-left-continer-li-03 {
  margin-top: 28px;
}

.use-left-continer-li-04 {
  margin-top: 27px;
}

.use-left-continer-li-05 {
  margin-top: 26px;
}

.sp1-radio-img {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.use-left-continer-li-img {
  width: 26px;
  height: 24px;
}

.use-left-continer-li span {
  display: flex;
  align-items: center;
  color: white;

}

.use-ul-continer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 18px;

}

.use-conter-header {
  width: 100%;
  /* height: 26px; */
  font-weight: bold;
  font-size: 25px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  position: absolute;
  /* margin: 3px 0 39px 0; */
  /* line-height: 106px;
  dis */
}

.waterfall-item-one {
  width: 100%;
  height: 301px;
  background: linear-gradient(-90deg, #B0BAFF, #D6F0FF);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 48px 79px 62px 58px;
  margin-bottom: 30px;
}

.waterfall-item-tow {
  width: 100%;
  height: 301px;
  background: linear-gradient(-90deg, #B0BAFF, #D6F0FF);
  box-sizing: border-box;
  padding: 70px 221px 73px 57px !important;
  /* 平铺背景图（x和y方向重复） */
  /* 关键：图片等比缩放，完全覆盖容器，可能裁剪边缘 */
  /* 或用 background-size: 100% 100%; 强制拉伸填充，可能变形 */

  /* 图片居中对齐 */
  font-weight: bold;
  font-size: 36px;
  color: #1B1C35;
}

.waterfall-desc-a {
  margin-top: 26px;
}

.waterfall-desc-a-tow {
  margin-top: 22px;
}

.waterfall-desc-a,
.waterfall-desc-a-tow {
  font-weight: bold;
  font-size: 36px;
  color: #165DFF;
}

.waterfall-container {
  width: 100%;
}

.waterfall {
  width: 100%;
  margin-top: 99px;
}



#waterfall-left {
  float: left;
}

#waterfall-right {
  float: right;
}

.waterfall-item {
  width: 100%;
  background: #F5F8FD;
  overflow: hidden;
  margin-bottom: 30px;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 57px 79px 62px 58px;
}

.waterfall-title {
  font-weight: bold;
  font-size: 36px;
  color: #1B1C35;
  line-height: 47px;
}

.waterfall-desc,
.waterfall-desc1 {

  font-weight: 400;
  font-size: 16px;
  color: #1B1C35;
  line-height: 24px;
}

.waterfall-desc {
  margin-top: 30px;
}

.waterfall-desc1 {
  margin-top: 25px;
}

.waterfall-img {
  width: 100%;
  height: 100%;

}

.waterfall-img-img {
  width: 100%;
  height: 100%;
  margin-top: 53px;
  border-radius: 10px;
}



.load-more:hover {
  background: #2563eb;
}




/* 加载更多按钮样式保持不变 */
.load-more {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.load-more-btn {
  padding: 12px 30px;
  background-color: #165DFF;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.load-more-btn:hover {
  background-color: #0d47a1;
}

.loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
  margin-right: 8px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.related-products-h {
  width: 100%;
  font-weight: bold;
  font-size: 36px;
  color: #1B1C35;
}

.related-products-container {
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 140px 0 140px 0;
  clear: both;
}

.related-products-box {
  width: 100%;
  display: flex;
  margin-top: 63px;
  /* margin-top: 77px; */

}



.waterfall-column {
  width: calc((100% - 40px) /2);
}

.related-products-box div {
  width: 100%;
  height: auto;
  /* height: 216px; */
  background: #F3F7FC;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 33px 46px 32px 34px;
}

.related-products-box-right {
  margin-left: 40px;
}

.related-products-box-right-none {
  visibility: hidden;
  /* 占位隐藏：元素不可见但保留空间 */

}

.rp-box-title {


  font-weight: 400;
  font-size: 20px;
  color: #1B1C35;
}

.rp-box-desc {


  font-weight: 400;
  font-size: 14px;
  color: #1B1C35;
  margin-top: 24px;
}

.banner-tabs {
  width: 100%;
  background: #F6F6F6;
  transition: all 0.3s ease;
  /* 平滑过渡效果 */
  z-index: 999;
  /* 确保在页面内容上方 */
}

/* 吸顶状态的样式（新增） */
.sticky {
  position: sticky;
  /* 固定在顶部 */
  top: 77px;
  left: 0;
  right: 0;
  z-index: 999;
  /* 确保在所有内容上方，避免被遮挡 */
  transition: all 0.3s ease;
  /* 平滑过渡效果 */
}

.banner-tabs-h {

  font-weight: bold;
  font-size: 36px;
  color: #1B1C35;
  margin: 50px 0 60px 0;

}

.banner-tabs-use {
  width: 100%;
  height: 100%;
}

.banner-tabs-use img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 1600px) {
  .os-banner-text {
    max-width: 800px;
    max-height: 300px;
    overflow: auto;
  
  }
}
@media (max-width: 1300px) {
  .os-banner-text {
    max-height: 200px;
  
  }
}
@media (max-width: 800px) {
  .os-banner-text {
    max-height: 150px;
  
  }
}
.os-banner-text::-webkit-scrollbar{
  display: none;
}
@media (max-width: 1199px) {
  .banner-tabs-h {
    font-weight: bold;
    font-size: 24px;
    color: #1B1C35;
    margin: 60px 0 20px 0;
  }


  .dot-marker {
    width: 1.467vw;
    height: 1.467vw;
  }

  .dot-marker-radio {
    width: 0.667vw;
    height: 0.667vw;
  }

  .use-left-li {
    margin: 0;
    padding: 1.333vw 0;
    border-bottom: 1px dashed #A0A4A9;

  }

  .sp1-radio-img {
    width: 2.4vw;
    height: 2.4vw;
  }



  .dot-marker {
    line-height: 1.333vw;
    margin-right: 1.067vw;
  }

  .use-ul-continer {
    margin-top: 0;
  }

  /* 标签导航样式 */
  .banner-tabs {
    width: 100%;


  }


  .banner-tabs .safe-zone {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    padding-left: 5%;

  }

  .banner-tab {
    height: 44px;
    font-weight: 400;
    font-size: 12px;
    color: #1B1C35;
    margin: 0px;
    padding: 0px;
    line-height: 44px;
    margin-left: 23px;
    text-align: center;
  }

  .banner-tab.active {
    color: #165DFF;
    border-bottom: 3px solid#165DFF;
    /* 激活状态颜色 */
  }

  .banner-tabs-continer {
    width: 100%;
    background-color: #FFFFFF;
  }

  .waterfall-item {
    width: 100%;
    background: #F5F8FD;
    overflow: hidden;
    margin-bottom: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 57px 59px 62px 28px;
  }

  .waterfall-item-one {

    padding: 28px 29px 62px 28px;
  }



}

/* @media (min-width: 769) and (max-width: 999px) {
  .waterfall-column {
    width: 0px !important;
  }
} */

/* 响应式调整 */
@media (max-width: 768px) {


  .os-banner {
    height: auto;
    /* 46px→12.2667vw，35px→9.3333vw */
  }

  .os-banner-img {
    /* object-fit: cover; */

  }

  .os-banner-text {
    width: 100%;
    background: rgba(255, 255, 255, 0.56);
    border-radius: 10px;


  }

  .os-banner-text-title {
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 23px;
    color: #1B1C35;
    line-height: 30px;

  }

  .os-banner-text-desc {
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 11px;
    color: #1B1C35;
    line-height: 17px;

  }

  .os-banner-text-title {
    padding: 0;
  }


  .waterfall {
    margin-top: 60px;
  }

  .waterfall-column {
    width: 100%;
  }

  .waterfall-item-one {
    height: 168px;
    margin-bottom: 12px;
    padding: 23px 37px 36px 20px;
  }

  .waterfall-title {
    line-height: 28px;
    font-weight: bold;
    font-size: 21px;
    /* 21px ÷ 19.8 ≈ 1.061vw */
    color: #1B1C35;
  }

  .waterfall-desc-a,
  .waterfall-desc-a-tow {
    font-size: 21px;
  }

  .waterfall-desc-a {
    margin-top: 10px;
    margin-bottom: 36px;
  }

  .waterfall-item {
    width: 100%;
    margin-bottom: 21px;

    padding: 63px 23px 47px 24px;

  }

  .waterfall-title {

    font-size: 21px;

  }

  .waterfall-desc1 {
    margin-top: 15px;
  }

  .waterfall-desc,
  .waterfall-desc1 {
    font-weight: 400;
    font-size: 10px;
    color: #1B1C35;
    line-height: 15px;
  }

  .waterfall-img {
    /* height: 222px; */
    /* height: ; */
  }

  .waterfall-img-img {
    margin-top: 31px !important;
  }

  .waterfall-item-tow {
    height: 168px;
    padding: 38px 130px 31px 18px !important;
  }

  .waterfall-desc-a-tow {
    margin-top: 16px !important;
  }

  .related-products-container {
    padding-top: 0px !important;
    padding-bottom: 21px;

  }

  .related-products-h {
    font-size: 24px;

  }

  .related-products-box {
    display: block;
    margin-top: 38px;
  }

  .related-products-box div {
    width: 100%;
    height: auto;
    /* height: 183px; */
    padding: 31px 6px 38px 18px;

  }

  .rp-box-title {
    font-weight: 400;
    font-size: 16px;
    color: #1B1C35;

  }

  .rp-box-desc {
    font-size: 12px;
    margin-top: 15px;
  }

  .related-products-box-right {
    margin: 0%;
    margin-top: 20px;


  }

  .related-products-box {
    margin: 0%;
    margin-top: 20px;
  }
.related-products-box-right-none{
display: none;
}
}