.rg-swiper-container{
    width:100%;
    height:550px;
    overflow:hidden;
    position:relative;
    z-index:100;
}
.rg-swiper-wrapper{
    height:100%;
    width:100%;
    display:flex;
    position:absolute;
    z-index:10;
    transition:all ease 1s;
}
.rg-swiper-wrapper .rg-swiper-slide{
    width:100%;
    height:100%;
    flex-grow: 1;
    flex-shrink:0;
    overflow:hidden;
    cursor:grab;
    position:relative;
}
.rg-swiper-wrapper .rg-swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}
    .rg-swiper-wrapper .rg-swiper-slide .text{
        width:100%;
        text-align:center;
        position:absolute;
        left:0px;
        top:150px;
        font-size:54px;
        color:#fff;
        line-height:100px;
        transform:translateY(100px);
        transition:all 1s;
        opacity:0;
    }
    .rg-swiper-wrapper .rg-swiper-slide .showtext {
        opacity: 1;
        transform: translateY(0px);
    }
    .rg-swiper-container .rg-swiper-rightbar {
        right: -100px;
        top: 0px;
        width: 100px;
        height: 100%;
        position: absolute;
        z-index: 20;
        background: rgba(0,0,0,0.3);
        transition: all 0.5s;
    }
.rg-swiper-container:hover .rg-swiper-rightbar {
    right:-0px;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns{
    position:absolute;
    bottom:20px;
    left:0px;
    width:100%;
    height:120px;
    display:flex;
    justify-content:center;
    align-content:space-between;
    flex-wrap:wrap;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns a{
    display:block;
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #fff;
    background:rgba(0,0,0,0.5);
    color:#fff;
    text-align:center;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns a:hover{
    background:#fff;
    color:#000;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns .rg-swiper-next::after{
    content:">";
    line-height:50px;
    font-size:28px;
    font-family:"宋体";
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns .rg-swiper-prev::after{
    content:"<";
    line-height:50px;
    font-size:28px;
    font-family:"宋体";
}


@keyframes swiper-scale {
  0% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.rg-swiper-scale{
    animation: swiper-scale 8s ease-out;
}

.rg-swiper-container .rg-swiper-docker{
    position:absolute;
    bottom:50%;
    left:40px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    width:5px;
}
.rg-swiper-container .rg-swiper-docker a{
    display:block;
    width:5px;
    height:5px;
    border-radius:5px;
    background:#fff;
    color:#fff;
    text-align:center;
    margin:2px 0px;
    transition:all 0.5s;
}
.rg-swiper-container .rg-swiper-docker a:first-child{
    height:20px;
}