.sceneOpening {}

.sceneOpening .wrapper {
    margin: 0 auto;
}

.sceneOpening .banner {
    height: 280px;
    padding-top: 75px;
    background: url("../../resources/images/sceneOpening/D_main-banner.jpg") no-repeat;
    background-size: cover;
}

.sceneOpening .banner h3 {
    font-family: fangzheng-unionpay-sc;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-align: center;
    line-height: 80px;
}

.sceneOpening .banner p {
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 32px;
}

.sceneOpening .sceneOpening-title {}

.sceneOpening .sceneOpening-title .title {
    margin: 50px 0;
}

.sceneOpening .sceneOpening-title .title h5 {
    font-weight: 700;
    font-size: 24px;
    color: #222222;
    letter-spacing: 1px;
    text-align: center;
    line-height: 40px;
    margin: 0 0 30px;
}

.sceneOpening .sceneOpening-title .title p {
    width: 980px;
    margin: 0 auto;
    font-size: 16px;
    color: #222222;
    letter-spacing: 0.8px;
    line-height: 32px;
}

.sceneOpening .sceneOpening-title .list {
    margin-bottom: 50px;
}

.sceneOpening .sceneOpening-title .list ul {
    overflow: hidden;
}

.sceneOpening .sceneOpening-title .list ul li {
    width: 280px;
    height: 160px;
    display: table;
    float: left;
    margin-left: 20px;
}

.sceneOpening .sceneOpening-title .list ul li a {
    width: 100%;
    height: 100%;
    display: table;
}

.sceneOpening .sceneOpening-title .list ul li:first-child {
    margin: 0;
}

.sceneOpening .sceneOpening-title .list ul li span {
    font-family: fangzheng-unionpay-sc;
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 7.5px;
    text-align: center;
    line-height: 40px;
}

.sceneOpening .sceneOpening-title .button {
    width: 230px;
    height: 40px;
    border-radius: 20px;
    margin: 50px auto 80px;
    background: #DD2C34;
}

.sceneOpening .sceneOpening-title .button a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 1220px) {
    .sceneOpening .wrapper {
        width: 89.4%;
    }
    .sceneOpening .sceneOpening-title .title p {
        width: 85%;
    }
    .sceneOpening .sceneOpening-title .list ul li {
        width: 23.7%;
        margin-left: 1.7%;
    }
}

@media (max-width: 980px) {}

@media (max-width: 760px) {
    .sceneOpening .banner {
        height: 160px;
        padding-top: 40px;
        background: url("../../resources/images/sceneOpening/M_main_banner@2x.jpg") no-repeat;
        background-size: cover;
    }
    .sceneOpening .banner h3 {
        font-family: fangzheng-unionpay-sc;
        font-size: 28px;
        color: #FFFFFF;
        letter-spacing: 2px;
        text-align: center;
        line-height: 52px;
    }
    .sceneOpening .banner p {
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0.5px;
        text-align: center;
        line-height: 22px;
    }
    .sceneOpening .sceneOpening-title .title {
        margin: 40px 0 10px;
    }
    .sceneOpening .sceneOpening-title .title h5 {
        font-size: 16px;
        color: #222222;
        letter-spacing: 0.5px;
        text-align: center;
        line-height: 28px;
        margin: 0 0 10px;
    }
    .sceneOpening .sceneOpening-title .title p {
        width: 100%;
        font-size: 13px;
        color: #222222;
        letter-spacing: 0.5px;
        line-height: 28px;
    }
    .sceneOpening .sceneOpening-title .list-mobile {}
    .sceneOpening .sceneOpening-title .list-mobile .box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sceneOpening .sceneOpening-title .list-mobile .box .img {
        position: relative;
        width: 48.35%;
        height: auto;
        margin-bottom: 10px;
    }
    .sceneOpening .sceneOpening-title .list-mobile .box .img img {
        width: 100%;
        height: 100%;
    }
    .sceneOpening .sceneOpening-title .list-mobile .box .img span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: fangzheng-unionpay-sc;
        font-size: 16px;
        color: #FFFFFF;
        letter-spacing: 4px;
        text-align: center;
        line-height: 28px;
    }
    .sceneOpening .sceneOpening-title .button {
        width: 180px;
        height: 30px;
        border-radius: 15px;
        margin: 20px auto 80px;
        background: #DD2C34;
    }
    .sceneOpening .sceneOpening-title .button a {
        display: block;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 1px;
        text-align: center;
        line-height: 30px;
    }
}