.carousel{
    width: 100vw;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
}
.carousel .swiper-container {
    width: 100vw;
    /*min-width: 1440px;*/
    height: 100vh;
}

.carousel .swiper-wrapper,
.carousel .swiper-slide{
    width: 100vw;
    height: 100vh;
}

.carousel  .swiper-button-next{
    background-image: url('../img/index/right-j.png');
    background-size: contain; /* 确保图片适合按钮 */
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 15px;
}

.carousel .swiper-button-prev {
    background-image: url('../img/index/left-j.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height:40px;
    border-radius: 100%;
}
.carousel .swiper-button-prev,
.carousel  .swiper-button-next{
   opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.carousel:hover .swiper-button-prev,
.carousel:hover  .swiper-button-next{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.carousel .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel .swiper-slide video{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.carousel .swiper-slide .video_ie{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: fill;
}
.carousel .swiper-slide-active img{
    transform: scale(1.05);
    animation: sate 2s linear forwards;
}
.carousel .swiper-pagination-bullet{
    width: 60px;
    height: 5px;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0.6;
    background-color: #ffffff;
}
.carousel .swiper-pagination-bullet-active{
    width: 60px;
    /*background-color: rgba(133, 50, 42, 0.2);*/
    border-radius: 4px;
}
.carousel .swiper-pagination-bullet-active:after{
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background-color: var(--color-green);
    animation: load 30s forwards linear;
}
@keyframes sate {
    to{ transform: scale(1.0); }
}
@keyframes load {
    to{width: 100%;}
}