.swiper {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(0);
}

.swiper-slide .bgImg {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.business a {
    color: var(--secondary-color);
}

.slide-caption {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 70;
    color: var(--text-color-lightest);
}

.slide-caption h1 {
    display: block;
    margin-bottom: calc(var(--design-height) * 24vh);
    font-size: calc(var(--design-width) * 56vw);
    font-weight: 400;
}

.slide-caption h3 {
    font-size: calc(var(--design-width) * 32vw);
    font-weight: 400;
}

.business {
    color: var(--secondary-color);
}

.down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-weight: 400;
    font-size: calc(var(--design-width) * 16vw);
    color: #FFFFFF;
    z-index: 100;
}

.down .img1 {
    width: calc(var(--design-width) * 24vw);
    margin: calc(var(--design-height) * 8vh) 0;
}

.down .img2 {
    cursor: pointer;
    width: calc(var(--design-width) * 49vw);
}

.businessBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100vw;
    padding: 0 calc(var(--design-width) * 112vw);
    text-align: left;
    color: #333333;
    z-index: 70;
    color: var(--text-color-lightest);
}

.businessBox .line {
    width: calc(var(--design-width) * 72vw);
    height: calc(var(--design-height) * 4vh);
    margin: calc(var(--design-height) * 304vh) 0 calc(var(--design-height) * 34vh);
    background: #13599C;
    transition: 0.5s all linear;
}

.businessBox h1 {
    margin: calc(var(--design-height) * 24vh) 0;
    font-weight: bold;
    font-size: calc(var(--design-width) * 56vw);
}

.businessBox h3 {
    margin-bottom: calc(var(--design-height) * 108vh);
    font-weight: 400;
    font-size: calc(var(--design-width) * 32vw);
}

.businessText {
    font-weight: bold;
    font-size: calc(var(--design-width) * 108vw);
    line-height: calc(var(--design-height) * 127vh);
    color: #FFFFFF;
}

.businessRight {
    display: flex;
    align-items: center;
    margin-top: calc(var(--design-height) * 125vh);
}

.businessRight .businessRight-img1 {
    width: calc(var(--design-width) * 300vw);
    margin-right: calc(var(--design-width) * 20vw);
}

.businessRight-right {
    display: flex;
    flex-direction: column;
}

.businessRight .businessRight-img2 {
    width: calc(var(--design-width) * 220vw);
    margin-bottom: calc(var(--design-height) * 20vh);
}

.businessRight .businessRight-img3 {
    width: calc(var(--design-width) * 220vw);
}

.slide-caption.idea {
    bottom: calc(var(--design-height) * 517vh);
}

.idea-img1 {
    position: absolute;
    bottom: calc(var(--design-height) * -100vh);
    left: 0;
    width: 100vw;
}

.idea-img2 {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(var(--design-width) * 751vw);
    margin-top: calc(var(--design-height) * 391vh);
    z-index: 99;
}

/* 动画缩放 */
/* @keyframes move1 {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.1);
     }

     100% {
         transform: scale(1);       
     }
 } */

/* 动画位移 */
@keyframes move2 {
    0% {
        opacity: 0;
        transform: translateY(-100%) translateX(-50%);
    }

    100% {
        opacity: 1;
        /* transform: translateY(0) translateX(0) */
    }
}

@keyframes move3 {
    0% {
        opacity: 0;
        transform: translateY(100%) translateX(50%);
    }

    100% {
        opacity: 1;
        /* transform: translateY(0) translateX(0) */
    }
}

.moveImg {
    /* 动画名称 */
    animation-name: move1;
    /* 动画花费时长 */
    animation-duration: 3s;
    /* 动画速度曲线 */
    /* animation-timing-function: ease-in-out; */
    /* 动画等待多长时间执行 */
    animation-delay: 1s;
    /* 规定动画播放次数 infinite: 无限循环 */
    animation-iteration-count: 1;
    /* 是否逆行播放 */
    /* animation-direction: alternate; */
    /* 动画结束之后的状态 */
    animation-fill-mode: none;
    /* animation-fill-mode: forwards; */
}

.translateText {
    animation-name: move2;
    animation-duration: 3s;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-fill-mode: none;
}

.translateBottom {
    animation-name: move3;
    animation-duration: 3s;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-fill-mode: none;
}