.banner-swiper .swiper-container {
    width: 100%;
    height: 58.125rem;
}
.banner-swiper .swiper-slide{
    width: 100%;
    height: 100%;
}
.banner-swiper .swiper-slide img {
    width: 100%;
    height: 58.125rem;
}
.banner-swiper .swiper-pagination {
    text-align: center;
}
.banner-index h3 {
    height: 3.125rem;
    margin-bottom: 2.5rem;
    text-shadow:0px 3px 10px rgba(0,0,0,0.16);
    font-size: 3.125rem;
    font-weight:bold;
}
.banner-index{
    position: absolute;
    top: 400px;
    z-index: 100;
    transform: translateX(-50%);
    left: 50%;
    text-align: center;
    color: #ffffff;
}
.banner-index a{
    color: #ffffff;
}
.m-swiper-container{
    display: none;
}
@media screen and (max-width: 750px) {
    .banner-swiper .swiper-container {
        width: 100%;
        height: 31.25rem;
    }
    .banner-swiper .swiper-wrapper{
        width: 100%;
        height: 31.25rem;
    }
    .banner-swiper .swiper-slide img {
        width: 100%;
        height: 31.25rem;
    }
    .m-swiper-container{
        display: block;
    }
    .pc-swiper-container{
        display: none;
    }
}