.resources {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 3%;
}

.index {
    width: 80%;
    margin: 0 auto;
}

.resources ul {
    width: 100%;
    height: auto;
    display: inline-block;
}

.resources li {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 4%;
}

.cb-one {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.cbo-left {
    width: 45%;
    float: left;
}

.cbo-left img {
    width: 100%;
    box-shadow: 5px 4px 8px 7px #ececec;
}

.cbo-right {
    width: 47%;
    float: right;
}

.cbo-right h3 {
    color: #000;
    font-size: 35px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 17px;
    width: 100%;
    height: auto;
    letter-spacing: 5px;
}

.cbo-right span {
    width: 150px;
    height: 2px;
    background: #000;
    display: inline-block;
    margin: 3% 0;
}

.cbo-right p {
    font-size: 17px;
    line-height: 60px;
    padding-top: 13px;
    color: #000;
}

.cb-two {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.cbt-right {
    width: 45%;
    float: right;
}

.cbt-right img {
    width: 100%;
    box-shadow: 5px 4px 8px 7px #ececec;
}

.cbt-left {
    width: 51%;
    float: left;
}

.cbt-left span {
    width: 150px;
    height: 2px;
    background: #000;
    display: inline-block;
    margin: 3% 0;
}

.cbt-left h3 {
    color: #000;
    font-size: 35px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 17px;
    width: 100%;
    height: auto;
    display: table-cell;
}

.cbt-left p {
    font-size: 17px;
    line-height: 60px;
    padding-top: 13px;
    color: #000;
}

.video {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #0e2132;
    padding: 4% 0;
}

.cb-video {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.cbtv-left {
    width: 45%;
    float: left;
}

.cbtv-left h3 {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 17px;
    width: 100%;
    height: auto;
    display: table-cell;
}

.cbtv-left span {
    width: 150px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 3% 0;
}

.cbtv-left p {
    font-size: 17px;
    line-height: 60px;
    padding-top: 13px;
    color: #fff;
}

.cbtv-right {
    width: 45%;
    float: right;
}

.cbov-right img {
    width: 100%;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .banner{
        margin-top: 12%;
    }
    .cb-one {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }
    .cbo-left {
        width: 100%;
        float: left;
    }
    .cbo-right {
        width: 100%;
        float: right;
    }
    .cbo-right h3 {
        color: #000;
        font-size: 26px;
        font-weight: bold;
        padding-top: 16px;
        padding-bottom: 13px;
        width: 100%;
        height: auto;
        letter-spacing: 5px;
    }
    .cbo-right p {
        font-size: 15px;
        line-height: 30px;
        padding-top: 13px;
        color: #000;
    }
    .cb-video {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }
    .cbtv-left {
        width: 100%;
        float: left;
    }
    .cbtv-left h3 {
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        padding-top: 16px;
        padding-bottom: 13px;
        width: 100%;
        height: auto;
        letter-spacing: 5px;
    }
    .cbtv-left p {
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        padding-top: 13px;
    }
    .cbtv-right {
        width: 100%;
        float: right;
    }
    .cb-two {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }
    .cbt-left {
        width: 100%;
        float: left;
    }
    .cbt-left h3 {
        color: #000;
        font-size: 26px;
        font-weight: bold;
        padding-top: 16px;
        padding-bottom: 13px;
        width: 100%;
        height: auto;
        letter-spacing: 5px;
    }
    .cbt-left p {
        font-size: 15px;
        line-height: 30px;
        padding-top: 13px;
        color: #000;
    }
    .cbt-right {
        width: 100%;
        float: right;
    }
}