.mainBanner, .mainBanner .swiper-slide{max-height: 750px;height: 39.063vw;}
.mainBanner{position: relative}
.mainBanner__header{
    position: absolute;
    top: 22px;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    width: 100%;
}
.mainBanner__header .section__container{display: flex;justify-content: flex-end;}
.mainBanner .swiper-slide .section__container{display: flex;align-items: center;height: 100%}
.mainBanner__title{
    width: 100%;
    max-width: clamp(100px, 37.632vw, 715px);
    font-size: clamp(30px, 6.57895vw, 125px);
    position: relative;
    z-index: 2;
}
.mainBanner__title a {text-decoration: none;color: currentColor}
.mainBanner__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.mainBanner__bg picture {display: flex;width: 100%;height: 100%;}
.mainBanner__bg img{width: 100%;height: 100%;object-fit: cover}
@media (max-width: 780px) {
    .mainBanner__header{top:17px;}
    .mainBanner__title{display: none}
    .mainBanner, .mainBanner .swiper-slide{height: 100vw;max-height: none;}
}