.banner-yt, .we-are, .page-footer {
    position: relative;
    z-index: 1
}
.page-footer {
    background-color: #fff;
}

.swiper-container, .swiper-slide {
    margin: 0 auto;
    width: 100%
}

.banner-yt {
    background-image: url(banner-yt_e.png);
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: .7969rem;
    width: 100%;
    margin-top: -5.125rem
}

.index-top-banner .swiper-slide img.banner {
    display: block;
    width: 100%
}

.index-top-banner .swiper-pagination-bullets {
    height: .8125rem;
    background-color: rgba(0,0,0,.3);
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    width: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 28%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: .0781rem .4688rem
}

.index-top-banner .swiper-pagination-bullet {
    width: .1094rem;
    height: .1094rem;
    background-color: #d9d6d8;
    opacity: 1;
    margin: 0 .4688rem
}

.index-top-banner .swiper-pagination-bullet-active {
    width: .25rem;
    height: .25rem;
    background-color: #b8d200;
    border: .0313rem solid #fff;
    -webkit-transform: translateY(.0781rem);
    -moz-transform: translateY(.0781rem);
    -ms-transform: translateY(.0781rem);
    -o-transform: translateY(.0781rem);
    transform: translateY(.0781rem)
}

.we-are {
    display: block;
    text-align: center;
    background-color: #fff;
    padding: .8438rem .4688rem 0;
    overflow: hidden
}

    .we-are h2 {
        font-size: 1.0156rem;
        color: #0068b7;
        font-family: Helvetica,sans-serif;
        font-weight: 400;
        font-weight: 200;
        -webkit-transform: translateX(.4688rem);
        -moz-transform: translateX(.4688rem);
        -ms-transform: translateX(.4688rem);
        -o-transform: translateX(.4688rem);
        transform: translateX(.4688rem)
    }

    .we-are .woare-img1 {
        height: .2031rem
    }

    .we-are .woare-text {
        font-size: .2813rem;
        color: #1d1d1d;
        max-width: 100%;
        margin: 0 auto;
        line-height: 2.3;
        text-align: center
    }

    .we-are .woare-text2, .we-are .woare-text3 {
        text-align: center;
        font-weight: 700;
        margin-top: .3125rem
    }

    .we-are .woare-text2 {
        font-size: .2188rem;
        color: #1d1d1d
    }

    .we-are .woare-text3 {
        font-size: .1875rem;
        color: #FFF
    }

    .we-are .woare-dot1 {
        width: .5156rem;
        height: .1094rem
    }

@-webkit-keyframes down {
    from {
        -webkit-transform: translate(-50%,-35%);
        transform: translate(-50%,-35%)
    }

    to {
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@-moz-keyframes down {
    from {
        -moz-transform: translate(-50%,-35%);
        transform: translate(-50%,-35%)
    }

    to {
        -moz-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@-o-keyframes down {
    from {
        -o-transform: translate(-50%,-35%);
        transform: translate(-50%,-35%)
    }

    to {
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@keyframes down {
    from {
        -webkit-transform: translate(-50%,-35%);
        -moz-transform: translate(-50%,-35%);
        -o-transform: translate(-50%,-35%);
        transform: translate(-50%,-35%)
    }

    to {
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

.arrow-down {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: .7813rem;
    height: 1.25rem;
    left: 50%;
    right: 0;
    top: -.1563rem;
    bottom: 0;
    background-image: url(arrow-down_e.png);
    -moz-background-size: .2344rem .2031rem;
    -o-background-size: .2344rem .2031rem;
    background-size: .2344rem .2031rem;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: down .4s alternate infinite ease-in;
    -moz-animation: down .4s alternate infinite ease-in;
    -o-animation: down .4s alternate infinite ease-in;
    animation: down .4s alternate infinite ease-in
}