@media screen and (min-width:768px) {
    .product-banner-container {
        min-height: 450px;
        padding-top: 108px;
        padding-bottom: 88px;
        background-color: #0a2349;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .product-banner-container .product-banner-content {
        color: #fff;
        width: 680px
    }

    .product-banner-container .product-banner-content .product-banner-title {
        font-size: 32px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        line-height: 60px
    }

    .product-banner-container .product-banner-content .product-banner-desc {
        font-size: 16px;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        line-height: 28px
    }

    .product-banner-container .btn-container .button:first-child {
        margin-top: 32px;
        width: 178px;
        text-align: center;
        padding: 10px 0;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(255, 255, 255, .6);
        font-size: 16px;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        line-height: 22px
    }

    .product-banner-container .btn-container .button:first-child:hover {
        background: #fff;
        color: #000
    }

    .product-banner-container .btn2-container .button {
        margin-top: 32px;
        width: 178px;
        text-align: center;
        padding: 10px 0;
        border: 1px solid rgba(255, 255, 255, .6);
        font-size: 16px;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        line-height: 22px
    }

    .product-banner-container .btn2-container .button:not(:last-of-type) {
        margin-right: 24px
    }

    .product-banner-container .btn2-container .button:first-child {
        background: #fff;
        color: #000
    }

    .product-banner-container .btn2-container .button:first-child:hover {
        background: #ededed
    }

    .product-banner-container .btn2-container .button:last-child {
        background: rgba(255, 255, 255, .05)
    }

    .product-banner-container .btn2-container .button:last-child:hover {
        background: rgba(255, 255, 255, .2)
    }
}

@media screen and (max-width:767px) {
    .product-banner-container {
        margin-top: .48rem;
        height: 2.4rem;
        padding: 0 .24rem;
        background-color: #0a2349;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: auto
    }

    .product-banner-container.yundongyuan {
        padding: 0
    }

    .product-banner-container .product-banner-content {
        width: auto;
        color: #fff;
        padding-top: .72rem
    }

    .product-banner-container .product-banner-content .product-banner-title {
        font-size: .24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        text-align: center;
        line-height: .33rem;
        font-weight: 500
    }

    .product-banner-container .product-banner-content .product-banner-desc {
        display: none
    }

    .product-banner-container .btn-container,
    .product-banner-container .btn2-container {
        text-align: center;
        margin-top: .24rem
    }

    .product-banner-container .btn-container .button:first-child {
        margin-right: 0;
        padding: .1rem 0;
        width: 1.78rem;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(255, 255, 255, .6);
        font-size: .14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        line-height: .2rem
    }

    .product-banner-container .btn2-container .button {
        width: 1.46rem;
        border: 1px solid rgba(255, 255, 255, .6);
        padding: .1rem 0;
        font-size: .14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        line-height: .2rem
    }

    .product-banner-container .btn2-container .button:not(:last-of-type) {
        margin-right: .16rem
    }

    .product-banner-container .btn2-container .button:first-child {
        background: #fff;
        color: #000
    }

    .product-banner-container .btn2-container .button:last-child {
        background: rgba(255, 255, 255, .05);
        color: #fff
    }
}