/*
 * 来源：从原页面内联 <style> 迁出，并按用途拆分为独立 CSS。
 * 原始哈希：4f460e554869，用于追溯迁出前的样式内容。
 * 原始位置：index.html。
 * 维护说明：该文件依赖 HTML 中的 <link> 加载顺序，调整后请做页面回归检查。
 */
#xp-patent-slider-section {
  background-color: #ffffff;
  padding: 60px 0;
  font-family: system-ui, -apple-system, sans-serif;
  overflow: hidden;
}

.xp-patent-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* 标题区域：控制文字层级和上下间距。 */
.xp-patent-header {
  text-align: center;
  margin-bottom: 40px;
}

.xp-patent-header h2 {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.xp-patent-header h2 span {
  color: #FF5B00;
}

.xp-patent-header p {
  color: #64748b;
  font-size: 1.1rem;
  margin: 0;
}

/* Swiper 容器：控制证书轮播的可视宽度和居中关系。 */
.patent-swiper {
  padding: 40px 0 60px 0 !important;
}

.swiper-slide {
  /*width: 320px;*/
  /* 单张证书宽度：让中间证书突出，两侧证书露出。 */
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  /*opacity: 0.4;*/
  /*transform: scale(0.85);*/
  display: flex;
  justify-content: center;
}
.newbanner1 .bannerimg {
   position: absolute;
   top: 0;
   left: 0;
}
/*.bannertoptext.ons {*/
/*    opacity: 0!important;*/
/*    transform: translateY(-40px)!important;*/
/*    transition: 1s!important;*/
/*}*/
/*.bannertoptext.ins {*/
/*    opacity: 0!important;*/
/*    transform: translateY(-40px)!important;*/
/*    transition: 1s!important;*/
/*}*/


/* 中间高亮：突出当前证书并弱化两侧证书。 */
.swiper-slide-active {
  opacity: 1;
  transform: scale(1.1);
  z-index: 10;
}

.patent-card {
  background: #fff;
  padding: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  width: 100%;
}

.patent-card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* 分页圆点：使用品牌色提示轮播位置。 */
.swiper-pagination-bullet-active {
  background: #FF5B00 !important;
}

/* 手机端调整：控制窄屏下的宽度、间距和可点击区域。 */
@media (max-width: 768px) {
  .swiper-slide {
    width: 260px;
    /* 手机端缩小卡片宽度，保留轮播两侧预览。 */
  }

  .xp-patent-header h2 {
    font-size: 1.8rem;
  }
}