.video .video-box {
    width: 80%;
}
.content .container .categ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (min-width: 1440px) {
    .content .container .categ .right .list ul li {
        width: 30%;
    }
}
.content .project .select ul {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.content .categ .left {
    width: 20%;
}
.content .categ .right {
    width: 75%;
}

.content .container .categ .right .list ul li {
    width: 49%;
}
.content .container .categ .right .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
    .content .container .categ .right .list ul li {
        /* width: 49%; */
    }
}
@media screen and (max-width: 1060px) {
    .content .container .categ .right .list ul li {
        width: 100%;
    }
    .video .video-box {
        width: 100%;
    }
    .content .categ .left {
        width: 30%;
    }
    .content .categ .right {
        width: 65%;
    }
}
@media screen and (max-width: 768px) {
    .content .container .categ .right .list ul li {
        width: 100%;
    }
}
@media screen and (max-width: 568px) {
    .content .categ .left {
        width: 45%;
    }
    .content .categ .right {
        width: 50%;
    }
}
@media screen and (max-width: 368px) {
    .content .container .select {
        display: flex;
        flex-direction: column;
    }
    .content .container .categ {
        display: flex;
        flex-direction: column;
    }
    .content .categ .left {
        width: 100%;
    }
    .content .categ .right {
        width: 100%;
    }
}
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
    .content .container .categ {
        display: flex;
        flex-direction: column;
    }
    .content .categ .left {
        width: 100%;
    }
    .content .categ .right {
        width: 100%;
    }
}