.banner{
    color: #7c7c7c;
    background-image: url(https://zx-oss-dev.oss-cn-hangzhou.aliyuncs.com/webpEC6C61DF34B343BE9C92CCAB60CA3BA6.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    transition: opacity 2s ease-in-out;
    min-height: 80vh;
    max-height: 80vh;
    overflow: hidden;
    .content{
        width: 100%;
        min-height: 80vh;
        max-height: 80vh;
        background-color: rgba(0, 0, 0, .6);
        transition: opacity 2s ease-in-out;
        position: relative;
        .nr{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .title{
            text-align: center;
            font-size: 66px;
            color: #fff;
            margin-bottom: 30px;
        }
        .subtitle{
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin-top: 30px;
            letter-spacing: 4px;
        }
    }
}

@media screen and (max-width: 767px) {
    .banner{
        min-height: 40vh;
        .content{
            min-height: 40vh;
            .title{
                font-size: 34px;
            }
        }
    }
}