@charset "utf-8";

#top_banner {
    position: relative;
    width: 100%;
}

.tb-swiper {
    width: 100%;
    height: 4.6rem;
    background: linear-gradient(to right, #00B7C6, #2099FD);
    overflow: hidden;
}

.tb-swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.tb-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.tb-swiper .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    width: 100%;
    height: 100%;
    padding: 0 2rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 450;
    color: #fff;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
}


.tb-swiper .swiper-slide a .subject {
    flex-shrink: 0;
}

.tb-swiper .swiper-slide a .content {
    max-width: 75%;
}

.tb-swiper .swiper-slide a .content p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#top_banner #bo_btn {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2000;
}

#top_banner #bo_btn a {
    display: inline-block;
    font-size: 2.5rem;
    color: #fff;
    transition: all .3s ease;
}

#top_banner #bo_btn a:hover {
    opacity: 0.7;
}

#top_banner #bo_btn a:not(:last-child) {
    margin-right: 2rem;
}

@media screen and (min-width:1920px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:640px) {}

@media screen and (max-width:515px) {}

@media screen and (max-width:414px) {}