.vision-conent {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.vision-conent .bg {
    width: 100%;
    position: absolute;
    height: 100%;
}

.vision-conent .conent-body {
    width: 100%;
    position: absolute;
    height: 100%;
    overflow: auto;
    z-index: 999;
}

.vision-conent .conent-body .logo {
    width: 26rem;
    display: block;
    position: relative;
    left: 1rem;
    top: 1rem;
}

.vision-conent .conent-body .houyiqing {
    width: 25rem;
    display: block;
    margin: 7rem auto 0;
}

.vision-conent .conent-body .video-box {
    width: 100%;
    display: flex;
    height: 29rem;
    margin-top: 2rem;
}

.vision-conent .conent-body .video-box li {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.vision-conent .conent-body .video-box li .leftcion {
    position: absolute;
    right: 2.2rem;
    top: 14rem;
    width: 3rem;
}

.vision-conent .conent-body .video-box li .leftImg {
    width: 38rem;
    display: block;
}

.banner-content {
    width: 55rem;
    height: 29rem;
    position: relative;
}

.swiper-container {
    width: 55rem;
    height: 29rem;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.5rem;
    height:  0.5rem;
    background: #fff;
}

.swiper-container-horizontal>.swiper-pagination > .swiper-pagination-bullet {
    width: 0.5rem;
    height:  0.5rem;
    background-color: #999;
}
.swiper-pagination-bullet{
    opacity: 60 !important;
}
.banner-content .MyVideo {
    width: 100%;
    margin:  0 auto 0;
    display: block;
    object-fit: fill;
    height: 29rem;
}