.slider-logo {
  width: 100%;
  height: 120px !important;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

.slider-logo .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

/* 为 .slider-logo 添加间隔样式 */
.slider-logo .swiper-slide {
    width: 200px !important; /* 固定宽度 */
    margin-right: 120px !important; /* 右边距 */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* 防止收缩 */
    height: 200px !important; /* 设置高度 */
}

.slider-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 响应式调整 */
@media (max-width: 767px) {
    .slider-logo .swiper-slide {
        width: 150px !important;
        margin-right: 80px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slider-logo .swiper-slide {
        width: 180px !important;
        margin-right: 100px !important;
    }
}

@media (min-width: 1024px) {
    .slider-logo .swiper-slide {
        width: 200px !important;
        margin-right: 120px !important;
    }
}




/* ==================== slider-logo-r 向右滚动 ==================== */
.slider-logo-r {
  width: 100%;
  height: 200px !important;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  direction: rtl; /* 设置从右到左的方向 */
}

.slider-logo-r .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

/* 为 .slider-logo-r 添加间隔样式 */
.slider-logo-r .swiper-slide {
    width: 200px !important; /* 固定宽度 */
    margin-right: 120px !important; /* 右边距 */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* 防止收缩 */
    direction: ltr; /* 恢复从左到右的内容方向 */
    height: 200px !important; /* 设置高度 */
}

.slider-logo-r img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* slider-logo-r 响应式调整 */
@media (max-width: 767px) {
    .slider-logo-r .swiper-slide {
        width: 150px !important;
        margin-right: 80px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slider-logo-r .swiper-slide {
        width: 180px !important;
        margin-right: 100px !important;
    }
}

@media (min-width: 1024px) {
    .slider-logo-r .swiper-slide {
        width: 200px !important;
        margin-right: 120px !important;
    }
}







/*证书*/

/* ==================== list-3 轮播样式 ==================== */

.list-3 {
    position: relative;
    max-width: 100%; /* 限制最大宽度 */
    margin: 0 auto; /* 居中容器 */
    overflow: hidden; /* 隐藏超出部分 */
}

.list-3 .swiper-wrapper {
    display: flex;
    align-items: center;
    width: 100%; /* 确保wrapper宽度 */
}

.list-3 .swiper-slide {
    flex-shrink: 0; /* 防止幻灯片收缩 */
    width: calc(100% / 5); /* 每个幻灯片占1/5宽度 */
    scale: 1;
    transition: scale 250ms ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden; /* 防止模糊 */
    transform: translateZ(0); /* 启用硬件加速 */
    will-change: transform; /* 优化性能 */
}

.list-3 .swiper-slide.swiper-slide-active {
    scale: 1.25; /* 轻微减少缩放，从1.5改为1.25 */
    z-index: 10;
}

.list-3 .swiper-slide.swiper-slide-prev,
.list-3 .swiper-slide.swiper-slide-next {
    scale: 1.15; /* 轻微减少缩放，从1.3改为1.15 */
    z-index: 5;
    transition-duration: 150ms;
}

.list-3 .swiper-slide.swiper-slide-next + .list-3 .swiper-slide {
    z-index: 2;
}

/* 独立的渐变遮罩类 */
.list-3-gradient-white {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-gradient-black {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

/* 独立的玻璃遮罩类 */
.list-3-glass-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgb(255 255 255), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-glass-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

/* 组合玻璃遮罩类 - 一个类同时显示左右遮罩 */
.list-3-glass {
    position: relative;
}

.list-3-glass::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgb(255 255 255), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-glass::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

/* 组合黑色遮罩类 - 一个类同时显示左右黑色遮罩 */
.list-3-dark {
    position: relative;
}

.list-3-dark::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-dark::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

/* 透明渐变遮罩类 - 适合位图，让边缘更自然 */
.list-3-fade {
    position: relative;
}

.list-3-fade::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

.list-3-fade::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

.list-3 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 改为 cover，确保填充整个容器 */
    user-select: none;
    image-rendering: -webkit-optimize-contrast; /* 提高清晰度 */
    image-rendering: crisp-edges;
    backface-visibility: hidden; /* 防止模糊 */
    transform: translateZ(0); /* 启用硬件加速 */
    will-change: transform; /* 优化性能 */
}

/* 响应式高度调整 */
@media (max-width: 768px) {
    .list-3 {
        height: 200px; /* 手机端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 3); /* 手机端每个幻灯片占1/3宽度 */
    }
    .swiper-button{
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .list-3 {
        height: 400px; /* iPad端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 5); /* 平板端保持1/5宽度 */
    }
}

@media (min-width: 1025px) {
    .list-3 {
        height: 500px; /* 电脑端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 5); /* 桌面端保持1/5宽度 */
    }
}



.swiper-button-prev,
.swiper-button-next,
.swiper-button {
    --position: 17%;
    background: #000000b5;
    color: #fff !important;
    height: 3rem;
    width: 3rem;
    border-radius:50%;
 
}
.swiper-button-prev,
.swiper-button.swiper-button-prev {
    left: var(--position);
}
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button::after{
    color: #FFF !important; 
    font-size: 12px !important;
}
.swiper-button-next,
.swiper-button.swiper-button-next {
    right: var(--position);
}
.swiper-button-prev:hover ,
.swiper-button-next:hover ,
.swiper-button:hover {
    background-color: #000000;
    color: #fff !important;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after,
.swiper-button:hover::after{
    color: #fff !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000;
}

.swiper-pagination {
    bottom: 0px !important;
}