img{
}
.swiper-slide img{
    left: 50%;
    max-height:70%;
}
.swiper-slide-active .p1e1 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p1e2 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p1e3 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p1e4 {
    -webkit-animation-name: bounceInDown;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p2e1 {
    -webkit-animation-name: rotateIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p2e2 {
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p3e1 {
    bottom: 25%;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .p3e2 {
    bottom: 25%;
    -webkit-animation-name: zoomInBig;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 1.1s;
    -webkit-animation-fill-mode: forwards;
}

.cover {
    top: 0;
    left: 0;
    background: url(../../images/zz.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.vlayer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

    .vlayer video {
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
    }

.bottomnav {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 11;
    background:rgba(0,0,0,0.5);
    width:550px;
    height:40px;
    line-height:40px;
    padding-left:20px;
    border-radius:5px 0  0 5px;
}

    .bottomnav a, .bottomnav {
        color: #fff;
        text-decoration: none;
    }
        .bottomnav a:hover {
        color: #0f959e;
        text-decoration: none;
    }
            .bottomnav span {
                opacity:0.3
    }

.toplogo {
    position: absolute;
    left: 22px;
    top: 20px;
    z-index: 11;
}

.downarr {
    position: absolute;
    left: 45%;
    bottom: 20px;
    z-index: 11;
}