.ry-banner {
        height: 500px;
        line-height: 500px;
        overflow: hidden;
        position: relative;
    }

    .ry-banner .bj {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .h-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        min-height: 0;
        min-width: 0;
    }

    .h-flex > .h-flex-elastic {
        flex: 1;
    }

    .roll-img-box {
        width: 100%;
        height: 300px;
        position: relative;
        left: 0;
        top: 50%;
        line-height: 300px;
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .roll-img {
        display: block;
        width: 14.28%;
        min-width: 14.28%;
        max-width: 14.28%;
        padding: 0 10px;
    }

    .roll-img > img {
        max-width: 100%;
    }

    .title {
        text-align: center;
        font-size: 53px;
    }

    .title-line {
        border-width: 0px;
        width: 12px;
        height: 5px;
        background: inherit;
        background-color: rgba(42, 143, 253, 1);
        border: none;
        border-radius: 6px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: inline-block;
    }