.windmill .spinning-wing {
    background: transparent url(1-peple-2.png) no-repeat 0px 0;
    background-size: cover;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 4s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    -o-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}


.first .first-cloud .first-cloud-1 .cloud01 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .2s;
    -o-transition: -o-transform .5s ease-out .2s;
    -moz-transition: -moz-transform .5s ease-out .2s;
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud01 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.first .first-cloud .first-cloud-1 .cloud02 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud02 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .4s;
    -o-transition: -o-transform .5s ease-out .4s;
    -moz-transition: -moz-transform .5s ease-out .4s;
}

.first .first-cloud .first-cloud-1 .cloud03 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud03 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .6s;
    -o-transition: -o-transform .5s ease-out .6s;
    -moz-transition: -moz-transform .5s ease-out .6s;
}

.first .first-cloud .first-cloud-1 .cloud04 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud04 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .8s;
    -o-transition: -o-transform .5s ease-out .8s;
    -moz-transition: -moz-transform .5s ease-out .8s;
}

.first .first-cloud .first-cloud-1 .cloud05 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud05 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out 0s;
    -o-transition: -o-transform .5s ease-out 0s;
    -moz-transition: -moz-transform .5s ease-out 0s;
}

.first .first-cloud .first-cloud-1 .cloud06 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud06 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .4s;
    -o-transition: -o-transform .5s ease-out .4s;
    -moz-transition: -moz-transform .5s ease-out .4s;
}

.first .first-cloud .first-cloud-1 .cloud07 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-1 .cloud07 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .6s;
    -o-transition: -o-transform .5s ease-out .6s;
    -moz-transition: -moz-transform .5s ease-out .6s;
}

.first .first-cloud .first-cloud-2 .cloud08 {
    -webkit-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-2 .cloud08 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .8s;
    -o-transition: -o-transform .5s ease-out .8s;
    -moz-transition: -moz-transform .5s ease-out .8s;
}

.first .first-cloud .first-cloud-2 .cloud09 {
    -webkit-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-2 .cloud09 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .4s;
    -o-transition: -o-transform .5s ease-out .4s;
    -moz-transition: -moz-transform .5s ease-out .4s;
}

.first .first-cloud .first-cloud-2 .cloud10 {
    -webkit-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-2 .cloud10 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .6s;
    -o-transition: -o-transform .5s ease-out .6s;
    -moz-transition: -moz-transform .5s ease-out .6s;
}

.first .first-cloud .first-cloud-2 .cloud11 {
    -webkit-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
}

.swiper-slide-active.first .first-cloud .first-cloud-2 .cloud11 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .8s;
    -o-transition: -o-transform .5s ease-out .8s;
    -moz-transition: -moz-transform .5s ease-out .8s;
}



.swiper-slide-active.first .quan01 {
    -webkit-animation: pop1 2s ease-in-out forwards;
    -o-animation: pop1 2s ease-in-out forwards;
    -moz-animation: pop1 2s ease-in-out forwards;
    animation: pop1 2s ease-in-out forwards;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

.swiper-slide-active.first .quan02 {
    -webkit-animation: pop1 2s ease-in-out forwards;
    -o-animation: pop1 2s ease-in-out forwards;
    -moz-animation: pop1 2s ease-in-out forwards;
    animation: pop1 2s ease-in-out forwards;
    -webkit-animation-delay: 2.8s;
    -o-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

.swiper-slide-active.first .quan03 {
    -webkit-animation: pop1 2s ease-in-out forwards;
    -o-animation: pop1 2s ease-in-out forwards;
    -moz-animation: pop1 2s ease-in-out forwards;
    animation: pop1 2s ease-in-out forwards;
    -webkit-animation-delay: 3.2s;
    -o-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

.swiper-slide-active.first .quan04 {
    -webkit-animation: pop1 2s ease-in-out forwards;
    -o-animation: pop1 2s ease-in-out forwards;
    -moz-animation: pop1 2s ease-in-out forwards;
    animation: pop1 2s ease-in-out forwards;
    -webkit-animation-delay: 3.8s;
    -o-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

.swiper-slide-active.first .quan05 {
    -webkit-animation: pop1 2s ease-in-out forwards;
    -o-animation: pop1 2s ease-in-out forwards;
    -moz-animation: pop1 2s ease-in-out forwards;
    animation: pop1 2s ease-in-out forwards;
    -webkit-animation-delay: 3.2s;
    -o-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

.swiper-slide-active.first .quan06 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan07 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 3.2s;
    -o-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan08 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 3.8s;
    -o-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan09 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 4.2s;
    -o-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan10 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 4.8s;
    -o-animation-delay: 4.8s;
    -moz-animation-delay: 4.8s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan11 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 5.2s;
    -o-animation-delay: 5.2s;
    -moz-animation-delay: 5.2s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan12 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 5.8s;
    -o-animation-delay: 5.8s;
    -moz-animation-delay: 5.8s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.swiper-slide-active.first .quan13 {
    -webkit-animation: pop2 2s ease-in-out forwards;
    -o-animation: pop2 2s ease-in-out forwards;
    -moz-animation: pop2 2s ease-in-out forwards;
    animation: pop2 2s ease-in-out forwards;
    -webkit-animation-delay: 6.2s;
    -o-animation-delay: 6.2s;
    -moz-animation-delay: 6.2s;
    -webkit-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
}

.first .first-tit {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.swiper-slide-active.first .first-tit {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
}

.fourth .fourth-tit {
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

.fourth .fourth-tex1-1 {
    opacity: 0;
}

.fourth .fourth-tex1-2 {
    opacity: 0;
}

.fourth .fourth-tex2-1 {
    opacity: 0;
}

.fourth .fourth-tex2-2 {
    opacity: 0;
}

.fourth .fourth-p1 {
    opacity: 0;
}

.fourth .fourth-p2 {
    opacity: 0;
}

.fourth .fourth-bg-1 {
    opacity: 0;
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.fifth .fifth-tit {
    opacity: 0;
}

.fifth .fifth-me-tex {
    opacity: 0;
}

.fifth .fifth-thx-bg {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
    opacity: 0;
}

.fifth .fifth-thx {
    -webkit-transform: translate3d(0, 600px, 0);
    -o-transform: translate3d(0, 600px, 0);
    -moz-transform: translate3d(0, 600px, 0);
    opacity: 0;
}

.fifth .fifth-thx-p1 {
    opacity: 0;
}

.fifth .fifth-thx-p2 {
    opacity: 0;
}

.fifth .fifth-thx-p3 {
    opacity: 0;
}

.fifth .fifth-thx-name {
    opacity: 0;
}

.swiper-slide-active.fifth .fifth-thx-name {
    opacity: 1;
    -webkit-transition: opacity .5s linear 2s;
    -o-transition: opacity .5s linear 2s;
    -moz-transition: opacity .5s linear 2s;
    transition: opacity .5s linear 2s;
}

.fifth .fifth-thx-p4 {
    opacity: 0;
}

.swiper-slide-active.fifth .fifth-thx-p4 {
    opacity: 1;
    -webkit-transition: opacity 1s linear 2s;
    -o-transition: opacity 1s linear 2s;
    -moz-transition: opacity 1s linear 2s;
    transition: opacity 1s linear 2s;
}

.fifth .fifth-contact {
    opacity: 0;
}

.swiper-slide-active.fifth .fifth-contact {
    opacity: 1;
    -webkit-transition: opacity .5s linear 2.5s;
    -o-transition: opacity .5s linear 2.5s;
    -moz-transition: opacity .5s linear 2.5s;
    transition: opacity .5s linear 2.5s;
}

.sisth .sisth-man-hi {
    opacity: 0;
}

.swiper-slide-active.sisth .sisth-man-hi {
    opacity: 1;
    -webkit-transition: opacity .5s linear 1.2s;
    -o-transition: opacity .5s linear 1.2s;
    -moz-transition: opacity .5s linear 1.2s;
    transition: opacity .5s linear 1.2s;
}

.sisth .sisth-logo {
    opacity: 0;
}

.swiper-slide-active.sisth .sisth-logo {
    -webkit-animation: pop3 .3s ease-in-out forwards .8s;
    -o-animation: pop3 .3s ease-in-out forwards .8s;
    -moz-animation: pop3 .3s ease-in-out forwards .8s;
    animation: pop3 .3s ease-in-out forwards .8s;
}

.sisth .sisth-logo-tex {
    opacity: 0;
}

.swiper-slide-active.sisth .sisth-logo-tex {
    opacity: 1;
    -webkit-transition: opacity .5s linear 1s;
    -o-transition: opacity .5s linear 1s;
    -moz-transition: opacity .5s linear 1s;
    transition: opacity .5s linear 1s;
}

.swiper-slide-active.sisth .sisth-metoo {
    -webkit-animation: moveIconUpp 1.7s ease infinite;
    -o-animation: moveIconUpp 1.7s ease infinite;
    -moz-animation: moveIconUpp 1.7s ease infinite;
    animation: moveIconUpp 1.7s ease infinite;
}

.sisth :nth-child(1).sisth-man .sisth-man-m {
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-out 1s;
    -o-transition: -o-transform .4s ease-out 1s;
    -moz-transition: -moz-transform .4s ease-out 1s;
}

.sisth :nth-child(2).sisth-man .sisth-man-m {
    -webkit-transform: translate3d(-350px, 0, 0);
    -o-transform: translate3d(-350px, 0, 0);
    -moz-transform: translate3d(-350px, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-out .4s;
    -o-transition: -o-transform .4s ease-out .4s;
    -moz-transition: -moz-transform .4s ease-out .4s;
}

.sisth :nth-child(3).sisth-man .sisth-man-m {
    -webkit-transform: translate3d(-400px, 0, 0);
    -o-transform: translate3d(-400px, 0, 0);
    -moz-transform: translate3d(-400px, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-out .6s;
    -o-transition: -o-transform .4s ease-out .6s;
    -moz-transition: -moz-transform .4s ease-out .6s;
}

.sisth :nth-child(4).sisth-man .sisth-man-m {
    -webkit-transform: translate3d(-450px, 0, 0);
    -o-transform: translate3d(-450px, 0, 0);
    -moz-transform: translate3d(-450px, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-out .8s;
    -o-transition: -o-transform .4s ease-out .8s;
    -moz-transition: -moz-transform .4s ease-out .8s;
}

.sisth :nth-child(5).sisth-man .sisth-man-m {
    -webkit-transform: translate3d(-500px, 0, 0);
    -o-transform: translate3d(-500px, 0, 0);
    -moz-transform: translate3d(-500px, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-out .2s;
    -o-transition: -o-transform .4s ease-out .2s;
    -moz-transition: -moz-transform .4s ease-out .2s;
}

.swiper-slide-active.sisth .sisth-man .sisth-man-m {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.swiper-slide-active.fifth .fifth-thx-p3 {
    -webkit-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    -o-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    -moz-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    animation: pop3 .2s ease-in-out forwards 2.3s 1;
}

.swiper-slide-active.fifth .fifth-thx-p2 {
    -webkit-animation: moveIconUpp 1.7s ease infinite;
    -o-animation: moveIconUpp 1.7s ease infinite;
    -moz-animation: moveIconUpp 1.7s ease infinite;
    animation: moveIconUpp 1.7s ease infinite;
    opacity: 1;
}

.swiper-slide-active.fifth .fifth-thx-p1 {
    -webkit-animation: moveIconUpp 1.5s ease infinite;
    -o-animation: moveIconUpp 1.5s ease infinite;
    -moz-animation: moveIconUpp 1.5s ease infinite;
    animation: moveIconUpp 1.5s ease infinite;
    opacity: 1;
}

.swiper-slide-active.fifth .fifth-thx {
    -webkit-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-transition: -webkit-transform 1s ease-out 1.5s;
    -o-transition: -o-transform 1s ease-out 1.5s;
    -moz-transition: -moz-transform 1s ease-out 1.5s;
    opacity: 1;
}

.swiper-slide-active.fifth .fifth-thx-bg {
    -webkit-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-animation: bounceInUp 2s ease forwards;
    -o-animation: bounceInUp 2s ease forwards;
    -moz-animation: bounceInUp 2s ease forwards;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -mozwebkit-animation-delay: 0s;
    opacity: 1;
}


.swiper-slide-active.fifth .fifth-me-tex {
    opacity: 1;
    -webkit-transition: opacity .5s linear 1s;
    -o-transition: opacity .5s linear 1s;
    -moz-transition: opacity .5s linear 1s;
    transition: opacity .5s linear 1s;
}

.swiper-slide-active.fifth .fifth-tit {
    opacity: 1;
    -webkit-transition: opacity .8s linear .5s;
    -o-transition: opacity .8s linear .5s;
    -moz-transition: opacity .8s linear .5s;
    transition: opacity .8s linear .5s;
}

.swiper-slide-active.fourth .fourth-bg-1 {
    -webkit-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-animation: bounceInUp 2s ease forwards;
    -o-animation: bounceInUp 2s ease forwards;
    -moz-animation: bounceInUp 2s ease forwards;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    opacity: 1;
}

.swiper-slide-active.fourth .fourth-p2 {
    -webkit-animation: pop3 .2s ease-in-out forwards .7s 1;
    -o-animation: pop3 .2s ease-in-out forwards .7s 1;
    -moz-animation: pop3 .2s ease-in-out forwards .7s 1;
    animation: pop3 .2s ease-in-out forwards .7s 1;
}

.swiper-slide-active.first .yx-tit {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-animation: enterUpBounce .5s ease forwards;
    -o-animation: enterUpBounce .5s ease forwards;
    -moz-animation: enterUpBounce .5s ease forwards;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.first .yx-tit {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.swiper-slide-active.first .yx {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-animation: enterUpBounce 1s ease forwards;
    -o-animation: enterUpBounce 1s ease forwards;
    -moz-animation: enterUpBounce 1s ease forwards;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.first .yx {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.swiper-slide-active.first .contact-1 {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-animation: enterUpBounce 1s ease forwards;
    -o-animation: enterUpBounce 1s ease forwards;
    -moz-animation: enterUpBounce 1s ease forwards;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.first .contact-1 {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.swiper-slide-active.second .second-about-1 {
    -webkit-animation: enterUpBounce 1.5s ease forwards;
    -ot-animation: enterUpBounce 1.5s ease forwards;
    -moz-animation: enterUpBounce 1.5s ease forwards;
}


.swiper-slide-active.second .second-about-2 {
    opacity: 1;
    -webkit-transition: opacity 2s linear 1.5s;
    -o-transition: opacity 2s linear 1.5s;
    -moz-transition: opacity 2s linear 1.5s;
    transition: opacity 2s linear 1.5s;
}


.swiper-slide-active.second .second-about-p {
    -webkit-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    -o-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    -moz-animation: pop3 .2s ease-in-out forwards 2.3s 1;
    animation: pop3 .2s ease-in-out forwards 2.3s 1;
}


.swiper-slide-active.second .second-skill-bg {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-animation: bounceInUp 2s ease forwards;
    -o-animation: bounceInUp 2s ease forwards;
    -moz-animation: bounceInUp 2s ease forwards;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
}





.swiper-slide-active.second .second-skill-p {
    -webkit-animation: pop3 .2s ease-in-out forwards 2.8s 1;
    -o-animation: pop3 .2s ease-in-out forwards 2.8s 1;
    -moz-animation: pop3 .2s ease-in-out forwards 2.8s 1;
    animation: pop3 .2s ease-in-out forwards 2.8s 1;
}

.second .second-skill-1 {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
}

.swiper-slide-active.second .second-skill-1 {
    -webkit-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-animation: enterUpBounce .5s ease forwards 1.2s;
    -o-animation: enterUpBounce .5s ease forwards 1.2s;
    -moz-animation: enterUpBounce .5s ease forwards 1.2s;
}


.swiper-slide-active.second .second-skill-2 {
    -webkit-transition: opacity 2s linear 1.5s;
    -o-transition: opacity 2s linear 1.5s;
    -moz-transition: opacity 2s linear 1.5s;
    transition: opacity 2s linear 1.5s;
    opacity: 1;
}


.swiper-slide-active.third .third-tit-bg {
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;
    opacity: 1;
}


.swiper-slide-active.third .third-tit-line {
    opacity: 0.5;
    -webkit-transition: opacity 3s linear 1.5s;
    -o-transition: opacity 3s linear 1.5s;
    -moz-transition: opacity 3s linear 1.5s;
    transition: opacity 3s linear 1.5s;
}


.swiper-slide-active.third .third-ed-tex {
    opacity: 1;
    -webkit-transition: opacity 2s linear 1.5s;
    -o-transition: opacity 2s linear 1.5s;
    -moz-transition: opacity 2s linear 1.5s;
    transition: opacity 2s linear 1.5s;
}


.swiper-slide-active.fourth .wordDiv {
    opacity: 1;
    -webkit-transition: opacity 2s linear 1.5s;
    -o-transition: opacity 2s linear 1.5s;
    -moz-transition: opacity 2s linear 1.5s;
    transition: opacity 2s linear 1.5s;
}

.third .third-ed-man {
    opacity: 0;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

.swiper-slide-active.third .third-ed-man {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transition: -webkit-transform .8s linear 2s, opacity .3s linear 2s;
    -o-transition: -o-transform .8s linear 2s, opacity .3s linear 2s;
    -moz-transition: -moz-transform .8s linear 2s, opacity .3s linear 2s;
}

.third .third-house1 {
    opacity: 0;
}

.swiper-slide-active.third .third-house1 {
    -webkit-animation: pop 2s ease-in-out forwards 1;
    -o-animation: pop 2s ease-in-out forwards 1;
    -moz-animation: pop 2s ease-in-out forwards 1;
    animation: pop 2s ease-in-out forwards 1;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.third .third-house2 {
    -webkit-transform: translate3d(0, 600px, 0);
    -o-transform: translate3d(0, 600px, 0);
    -moz-transform: translate3d(0, 600px, 0);
    opacity: 0;
}

.swiper-slide-active.third .third-house2 {
    -webkit-transform: translate3d(0, 0, 0);
    -owebkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 1s ease-out 1.5s;
    -o-transition: -o-transform 1s ease-out 1.5s;
    -moz-transition: -moz-transform 1s ease-out 1.5s;
    opacity: 1;
}

.third .third-bg-1 {
    -webkit-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
    opacity: 0;
}

.swiper-slide-active.third .third-bg-1 {
    -webkit-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-animation: bounceInUp 2s ease forwards;
    -o-animation: bounceInUp 2s ease forwards;
    -moz-animation: bounceInUp 2s ease forwards;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    opacity: 1;
}

.swiper-slide-active.fourth .fourth-tit {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transition: -webkit-transform .8s linear .8s, opacity .3s linear;
    -o-transition: -o-transform .8s linear .8s, opacity .3s linear;
    -moz-transition: -moz-transform .8s linear .8s, opacity .3s linear;
}

.swiper-slide-active.fourth .fourth-tex1-1 {
    opacity: 1;
    -webkit-transition: opacity .5s linear 1.5s;
    -o-transition: opacity .5s linear 1.5s;
    -moz-transition: opacity .5s linear 1.5s;
    transition: opacity .5s linear 1.5s;
}

.swiper-slide-active.fourth .fourth-tex2-1 {
    opacity: 1;
    -webkit-transition: opacity .5s linear 1.5s;
    -o-transition: opacity .5s linear 1.5s;
    -moz-transition: opacity .5s linear 1.5s;
    transition: opacity .5s linear 1.5s;
}

.swiper-slide-active.fourth .fourth-tex2-2 {
    opacity: 0.5;
    -webkit-transition: opacity .2s linear 2s;
    -o-transition: opacity .2s linear 2s;
    -moz-transition: opacity .2s linear 2s;
    transition: opacity .2s linear 2s;
}

.swiper-slide-active.fourth .fourth-p1 {
    -webkit-animation: pop3 .2s ease-in-out forwards .5s 1;
    -o-animation: pop3 .2s ease-in-out forwards .5s 1;
    -moz-animation: pop3 .2s ease-in-out forwards .5s 1;
    animation: pop3 .2s ease-in-out forwards .5s 1;
}