/*.one-html,.one-body{*/


/*height: 100%;*/


/*}*/


/*.one-body{*/


/*background: url("../img/one-bg.png") no-repeat 0 0;*/


/*background-size: 100% 100%;*/


/*}*/

.one-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.one-left {
    width: 12%;
    margin-left: 3%;
    margin-top: -52%;
}

.swiper-slide-active .one-left.bounceInDown {
    animation-name: bounceInDown;
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -ms-animation-name: bounceInDown;
}

.one-left img {
    width: 100%;
}

.one-right {
    width: 60%;
    margin-right: 10%;
    margin-top: -50%;
    position: relative;
}

.swiper-slide-active .one-right.bounceInUp {
    animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -ms-animation-name: bounceInUp
}

.one-right>img {
    width: 100%;
}

.one-right-airPlan {
    width: 1rem;
    position: absolute;
    right: -0.1rem;
    top: -0.35rem;
}

.one-right-airPlan>img {
    width: 100%;
}

.swiper-slide-active .one-airPlan {
    /* width: 0.8rem; */
    position: relative;
    transform: rotate(122deg);
    left: -0.1rem;
    top: 1.5rem;
    animation: onePageMyMove 8s ease;
    animation-fill-mode: forwards;
}

.one-airPlan>img {
    width: 0.8rem;
}

@keyframes onePageMyMove {
    0% {
        left: -0.1rem;
        top: 1.5rem;
    }
    50% {
        left: -0.1rem;
        top: 94%;
        transform: rotate(122deg);
    }
    51% {
        transform: rotate(30deg);
        left: -0.1rem;
        top: 94%;
    }
    100% {
        top: 94%;
        left: 90%;
        transform: rotate(30deg);
    }
}