.banner {
    width: 100%
}
.banner .swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden
}
.banner .swiper-slide {
    overflow: hidden
}
.banner .bg {
    background-color: #3e3a39;
    width: 100%;
    height: 100%;
    position: relative;
    display: table
}
.banner .bg .pc, .banner .bg .mobile {
    display: block
}
.banner .bg .mobile {
    display: none
}
.banner .text {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    padding: 0 10%;
    font-size: 24px
}
.banner .text .en {
    font-size: 1.3em;
    text-transform: uppercase
}
.banner .text .cn {
    font-size: 2.6em
}
.banner .text .desc {
    font-size: 1em;
    padding-top: 25px;
    padding-bottom: 20px
}
.banner .text .link {
    font-size: .6em;
    display: inline-block;
    padding: 10px 20px;
    color: #ffffff;
    border: solid 1px
}
.banner .swiper-slide-active .bg {
    animation: scaleUpDown 4s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
@media screen and (max-width:991px) {
    .banner .swiper-pagination-bullet {
        margin: 0 3px;
        display: inline-block;
        width: 5px;
        height: 5px
    }
    .banner .swiper-pagination-bullet-active {
        background: #284164
    }
    .banner .bg .pc {
        display: none
    }
    .banner .bg .mobile {
        display: block
    }
    .banner .text {
        text-align: center;
        font-size: 14px
    }
}


.pic .swiper-slide {
    position: relative;
    z-index: 2
}

.pic .swiper-slide img {
    width: 100%
}

.pic .swiper-news {
    bottom: 30px;
    position: relative
}
.pic .swiper-news .swiper-pagination {
    display: block;
    width: 100%
}
.pic .swiper-news .swiper-pagination-bullets {
    display: block
}
.pic .swiper-news .swiper-pagination-bullet {
    background: #fff;
    margin: 0 3px;
    display: inline-block;
    width: 10px;
    height: 10px
}
.pic .swiper-news .swiper-pagination-bullet-active {
    background: #c92b2f
}