.swiper-slide .bg {
    opacity: 1;
}


.bottomnav {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 11;
    background:rgba(0,0,0,0.5);
    width:650px;
    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;
}


@-webkit-keyframes slidearr {
    0% {
        top: 92%;
    }

    50% {
        top: 95%;
    }

    100% {
        top: 92%;
    }
}

.downarr {
    position: absolute;
    left: 45%;
    bottom: 20px;
    z-index: 11;
    transition: ease-in-out 1s;
    -webkit-animation: slidearr 2s infinite linear;
    -webkit-transform: scale(1,1);
}
.cover{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 11;
    pointer-events:none;
}
.swiper-slide-active .e2 {
    left: 15%;
    top: 0;
    width: 40%;
    height: 100%;
    -webkit-animation-name: zoomInBig;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .e3 {
    font-size: 4rem;
    top: 30%;
    text-shadow: 1px 1px 2px #666;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active  .e4 {
    text-align: left;
    width: 30%;
    font-size: 1rem;
    top: 50%;
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active  .e5 {
    text-align: left;
    font-size: 0.9rem;
    letter-spacing:1px;
    width: 30%;
    top: 58%;
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
}
.swiper-slide-active  .txt {
    opacity:0;
    color: #fff;
    position: absolute;
    left: 20%;
}
.swiper-slide-active  img {
    opacity:0;
}
.swiper-slide-active  .vlayer{
    width:100%;
}
.swiper-slide-active  .vlayer video{
    width:100%;
}
.swiper-slide-active  .zz{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:1;
}