@font-face {
    font-family: 'OPPOSans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url("/css/fonts/OPPOSans-M.woff2") format("woff2");
}

body {
    font-family: OPPOSans, Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    /*margin-bottom:120px !important;*/
    background-image: url('../img/bg.png');
    /*background-size: contain;*/
    /*background-position-y: 350px;*/
    background-repeat:repeat-y;
    background-position-x:right;
}

@media(min-width: 992px) {
    body {
        /*background-size: cover;*/
        /*background-position-y: 140px;*/
    }
}

a {
    text-decoration: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}

.fluid {
    padding: 0;
}

.serviceBtn {
    /*padding: 5px;*/
    text-align: center !important;
    white-space:nowrap;
}

/*    .serviceBtn .card {
        border-radius: 1rem !important;
        text-align: center;
    }

    .serviceBtn .btn {
        min-width: 100%;
    }
*/


nav .navbar-text {
    position: absolute;
    top: 0.7rem;
    right: 5rem;
}

.serviceBtn .bi-arrow-right {
    float: right;
}

@media(min-width: 992px) {
    .pa {
        gap: .6rem;
        /*font-size: 1rem;*/
    }


    .video {
        padding: 15px 200px;
    }

    .newsOne {
        min-height: 708px;
    }


    .serviceBtn {
        /*padding: 15px;*/
        text-align:left !important;
    }

    /*    .serviceBtn .card {
            border-radius: 2rem !important;
            text-align: left;
        }

        .serviceBtn .btn {
            min-width: 200px;
        }
*/

    .serviceIco {
        font-size: 4rem;
        /*        float: inline-start;
        margin-top: -70px;
*/
    }

    .show {
        /*        background: rgba(0,0,0,0.50);
        color: #ffffff !important;
*/
    }

    .banner {
        display: inline;
    }

    .banner-1 {
        display: none;
    }

    nav .navbar-text {
        position: unset;
        top: unset;
        right: unset;
    }
}


.an {
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transition: all, -webkit-transform 0.5s ease 0s, opacity 0.5s ease 0s;
    transition: all, transform 0.5s ease 0s, opacity 0.5s ease 0s;
}

.navbar .dropdown-menu {
    background-color: rgba(255,255,255,0.9);
}

    .navbar .dropdown-menu .dropdown-item {
        line-height: 1.6rem;
    }

        .navbar .dropdown-menu .dropdown-item:hover {
            background-color: rgba(0,0,0,0.5);
            color: rgba(255,255,255,1);
        }

.swiper-container {
    height: 120px;
}

.swiper-wrapper {
    height: 120px;
}

.swiper-slide {
    background-size: contain !important;
    /*    height: 50px !important;
    width:120px !important;
    margin:30px 1px !important;
*/
}

footer {
    background: rgba(0,0,0,0.75);
    justify-content: center;
    align-content: center;
    font-size: 0.8rem;
}

    footer hr {
        height: 0;
        border-top: 1px solid #fff;
        opacity: .3;
    }

    footer ul {
        padding-left: 0;
    }

    footer li {
        list-style: none;
    }

    footer .nav {
        justify-content: center;
    }

    footer ul.dw, footer ul.copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin-top: 2rem;
    }

    footer ul.dw {
        font-size: 1rem;
    }

    footer ul.copy {
        font-size: 1rem;
        font-size: 0.63rem;
    }

    footer ul.qr {
        display: flex;
        text-align: center;
        justify-content: center;
        gap: 3rem;
        font-size: 0.75rem;
    }

@supports (gap: 4rem) {
    footer ul.link {
        display: flex;
        text-align: center;
        justify-content: center;
        gap: 4rem;
    }
}

@supports not (gap: 4rem) {
    footer ul.link {
        display: flex;
        text-align: center;
        justify-content: center;
    }

        footer ul.link li {
            width: 25%;
        }
}

@media(max-width: 992px) {
    footer ul.qr {
        display: none !important;
    }
}

.playBtn {
    font-size: 4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media(min-width:992px) {
    .playBtn {
        font-size: 6rem;
    }
}

.navbar-toggler:focus {
    box-shadow: none;
}

.cardImg {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    aspect-ratio: 4/3;
}

.cardBody {
    padding: 5px 0;
    font-size: 80%;
}

@media(min-width:992px) {
    .cardImg {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: 0 !important;
        aspect-ratio: 16/9;
    }

    .cardBody {
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    }
}

@media(max-width:992px) {
    .contentImg {
        width: 100% !important;
        height: auto !important;
    }
}

video.vjs-default-skin {
    width: 100% !important;
    height: auto !important;
}

/*数据背景*/
.dataBg {
    /*    background: #e2e2e2 url('/images/bg1.png');
    background-position-y: -30px;
    background-size: 95%;
    background-position-x: right;
    background-repeat: no-repeat;
*/
}

@media(min-width:992px) {
    .dataBg {
        background: #e2e2e2 url('/images/bg1.png');
        background-position-y: -220px;
        background-size: 100%;
        background-position-x: right;
        background-repeat: no-repeat;
    }
}

.gg {
    color: #d80a30;
    font-size: 1.3rem;
    font-weight: bold;
    /*letter-spacing: -0.15rem;*/
    white-space: nowrap;
}

.gg1 {
    text-align: center;
    font-size: .8rem;
}

.col-3 .gg1 {
    margin-left: -30px;
}

.col-5 .gg1 {
    margin-left: -60px;
}

.col-4 .gg1 {
    margin-left: -40px;
}

@media(min-width:992px) {
    .gg {
        color: #d80a30;
        font-size: 2.5rem;
        font-weight: bold;
        letter-spacing: -0.1rem;
        white-space: nowrap;
    }

    .gg1 {
        /*font-size: 1rem;*/
    }
    .col-3 .gg1 {
        margin-left: 0;
        text-align:left !important;
    }

    .col-5 .gg1 {
        margin-left: 0;
        text-align: left !important;
    }

    .col-4 .gg1 {
        margin-left: 0;
        text-align: left !important;
    }

}