.casedetail {
    width: 100%;
}

.casedetail-title {
    width: 100%;
    font-size: 38px;
    color: #dd1e2c;
    font-weight: bold;
    line-height: 1;
    padding: 60px 0;
}

.casedetail-desc {
    width: 100%;
    font-size: 26px;
    color: #010101;
    line-height: 1;
    padding: 20px 0;
}

.casedetail-image {
    width: 100%;
    font-size: 0;
}

.casedetail-image img {
    width: 100%;
    font-size: 0;
}

@media screen and (max-width:1680px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: calc(38px * 0.875);
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding: calc(60px * 0.875) 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: calc(26px * 0.875);
        color: #010101;
        line-height: 1;
        padding: calc(20px * 0.875) 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}
@media screen and (max-width:1440px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: calc(38px * 0.75);
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding: calc(60px * 0.75) 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: calc(26px * 0.75);
        color: #010101;
        line-height: 1;
        padding: calc(20px * 0.75) 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}
@media screen and (max-width:1366px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: calc(38px * 0.7);
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding: calc(60px * 0.7) 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: calc(26px * 0.7);
        color: #010101;
        line-height: 1;
        padding: calc(20px * 0.7) 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}
@media screen and (max-width:1280px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: calc(38px * 0.66);
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding: calc(60px * 0.66) 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: calc(26px * 0.66);
        color: #010101;
        line-height: 1;
        padding: calc(20px * 0.66) 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}
@media screen and (max-width:1024px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: calc(38px * 0.53);
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding: calc(60px * 0.53) 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: calc(26px * 0.53);
        color: #010101;
        line-height: 1;
        padding: calc(20px * 0.53) 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}
@media screen and (max-width:799px) {
    .casedetail {
        width: 100%;
    }

    .casedetail-title {
        width: 100%;
        font-size: 0.38rem;
        color: #dd1e2c;
        font-weight: bold;
        line-height: 1;
        padding:0.6rem 0;
    }

    .casedetail-desc {
        width: 100%;
        font-size: 0.26rem;
        color: #010101;
        line-height: 1;
        padding: 0.2rem 0;
    }

    .casedetail-image {
        width: 100%;
        font-size: 0;
    }

    .casedetail-image img {
        width: 100%;
        font-size: 0;
    }
}