.swiper-container {
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}

.swiper-wrap {
    width: 100%;
    height: 100%;
    text-align: left;
}

.swiper-slide {
    height: auto;
}

.grjl1 .fk {
    opacity: 0;
}

.Page2 .nnn1 {

    text-align: center;
    width: 144px;
    opacity: 0;
    transform: scaleX(-1);
    position: relative;
    left: 446px;
    top: 11px;
    border-radius: 72px;
     border-radius: 100%;
    max-height: 144px;
    min-width: 144px;
    min-height: 144px;
    max-width: 144px;
   
}


.swiper-slide-active .nnn1 {
       opacity: 1;
    transform: scaleX(1);
    transition: transform 0.2s linear 0.8s, opacity 0.2s linear 0.8s;
}

.grjl1 .fk {
    -webkit-transform: scaleX(-1) translate3d(165px, 0, 0);
    -moz-transform: scaleX(-1) translate3d(165px, 0, 0);
    transform: scaleX(-1) translate3d(165px, 0, 0);
}


    .grjl1 .fk .img1 {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.JwName {
    opacity: 0;
}

.nnn {
    display: block;
}

.JwTitle1 {
    width: 0px;
    height: 0px;
}

.JwTitle2 {
    height: 0px;
}


.grjl1 .fk .img1 {
    opacity: 0;
}

.aa div {
    -webkit-transform: translate3d(-700px, 0, 0);
    -moz-transform: translate3d(-700px, 0, 0);
    transform: translate3d(-700px, 0, 0);
}

.bb div {
    -webkit-transform: translate3d(700px, 0, 0);
    -moz-transform: translate3d(700px, 0, 0);
    transform: translate3d(700px, 0, 0);
}

.qzwz {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
}

.swiper-slide-active .qzwz {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out .5s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .2s ease-out .5s;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out .5s;
}

.jd .jdinside {
    opacity: 0;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}

.gzjy {
    opacity: 0;
    -webkit-transform: translate3d(0,-1000px, 0);
    -moz-transform: translate3d(0,-1000px, 0);
    transform: translate3d(0,-1000px, 0);
}

.swiper-slide-active .gzjy {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out .2s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .2s ease-out .2s;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out .2s;
}

.wz1 {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
    text-align: left;
}

.gzjy1 {
    opacity: 0;
    -webkit-transform: translate3d(0,-1000px, 0);
    -moz-transform: translate3d(0,-1000px, 0);
    transform: translate3d(0,-1000px, 0);
}

.swiper-slide-active .gzjy1 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out .2s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .2s ease-out .2s;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out .2s;
}

.yumao {
    opacity: 0;
    -webkit-transform: translate3d(-300px,0, 0);
    -moz-transform: translate3d(-300px,0, 0);
    transform: translate3d(-300px,0, 0);
}


.swiper-slide-active .yumao {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s linear 2s,opacity .5s linear 2s;
    -moz-transition: -moz-transform .5s linear 2s,opacity .5s linear 2s;
    transition: transform .5s linear 2s,opacity .5s linear 2s;
}

.yumao1 {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-slide-active .yumao1 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 1s linear 2.5s,opacity 1s linear 2.5s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform 1s linear 2.5s,opacity 1s linear 2.5s;
    transform: translate3d(0, 0, 0);
    transition: transform 1s linear 2.5s,opacity 1s linear 2.5s;
}

.sj2 {
    opacity: 0;
    -webkit-transform: translate3d(350px,0, 0);
    -moz-transform: translate3d(350px,0, 0);
    transform: translate3d(350px,0, 0);
}

.swiper-slide-active .sj2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s linear 1s,opacity 1.3s linear 1s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .2s linear 1s,opacity 1.3s linear 1s;
    transform: translate3d(0, 0, 0);
    transition: transform .2s linear 1s,opacity 1.3s linear 1s;
}

.fktx1 {
    opacity: 0;
    -webkit-transform: translate3d(350px,0, 0);
    -moz-transform: translate3d(350px,0, 0);
    transform: translate3d(350px,0, 0);
    border-radius: 105px;
}



.swiper-slide-active .fktx1 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s linear 1s,opacity 1.3s linear 1s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .2s linear 1s,opacity 1.3s linear 1s;
    transform: translate3d(0, 0, 0);
    transition: transform .2s linear 1s,opacity 1.3s linear 1s;
}

.mz, .sj3, .sj4 {
    opacity: 0;
    -webkit-transform: translate3d(0,500px, 0);
    -moz-transform: translate3d(0,500px, 0);
    transform: translate3d(0,500px, 0);
}

.swiper-slide-active .mz, .swiper-slide-active .sj3, .swiper-slide-active .sj4 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .1s ease-out 1.4s,opacity 1s linear 1.4s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .1s ease-out 1.4s,opacity 1s linear 1.4s;
    transform: translate3d(0, 0, 0);
    transition: transform .1s ease-out 1.4s,opacity 1s linear 1.4s;
}

.arrow_top {
    display: block;
}

.jnwz {
    opacity: 0;
    -webkit-transform: translate3d(-800px,0, 0);
    -moz-transform: translate3d(-800px,0, 0);
    transform: translate3d(-800px,0, 0);
}



.swiper-slide-active .jnwz {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .1s linear 1.7s,opacity .1s linear 1.7s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform .1s linear 1.7s,opacity .1s linear 1.7s;
    transform: translate3d(0, 0, 0);
    transition: transform .1s linear 1.7s,opacity .1s linear 1.7s;
}

.swiper-slide-active .aa div:nth-child(1), .swiper-slide-active .bb div:nth-child(1) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 1.2s;
    -moz-transition: -moz-transform .2s ease-out 1.2s;
    transition: transform .2s ease-out 1.2s;
}

.swiper-slide-active .aa div:nth-child(2), .swiper-slide-active .bb div:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 1.4s;
    -moz-transition: -moz-transform .2s ease-out 1.4s;
    transition: transform .2s ease-out 1.4s;
}

.swiper-slide-active .aa div:nth-child(3), .swiper-slide-active .bb div:nth-child(3) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 1.6s;
    -moz-transition: -moz-transform .2s ease-out 1.6s;
    transition: transform .2s ease-out 1.6s;
}

.swiper-slide-active .aa div:nth-child(4), .swiper-slide-active .bb div:nth-child(4) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 1.8s;
    -moz-transition: -moz-transform .2s ease-out 1.8s;
    transition: transform .2s ease-out 1.8s;
}

.swiper-slide-active .aa div:nth-child(5), .swiper-slide-active .bb div:nth-child(5) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 2s;
    -moz-transition: -moz-transform .2s ease-out 2s;
    transition: transform .2s ease-out 2s;
}

.swiper-slide-active .aa div:nth-child(6), .swiper-slide-active .bb div:nth-child(6) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 2.2s;
    -moz-transition: -moz-transform .2s ease-out 2.2s;
    transition: transform .2s ease-out 2.2s;
}

.swiper-slide-active .aa div:nth-child(7), .swiper-slide-active .bb div:nth-child(7) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-out 2.4s;
    -moz-transition: -moz-transform .2s ease-out 2.4s;
    transition: transform .2s ease-out 2.4s;
}

.sj2 {
    background: url(sj1.png);
}