@media screen and (max-width: 600px) {
    .content {
        height: max(55rem, 52vw);
        background-image: url("../img/moblie_coretech_0.jpg");
        background-size: 100% 100%;
    }

    .content_1280 {
        width: auto;
    }

    .padding_100 {
        padding: 0 1.25rem;
    }

    .index_title_3 {
        font-size: 1.3rem;
    }

    .padding_100 {
        font-size: 0.8rem;
    }

    .content .content_1280 .padding_100 {
        padding-top: max(20rem, 26vw);
    }

    .content .content_1280 .padding_100 h1 {
        text-align: center;
        font-size: 1.5rem;
        margin: 0 2rem;
        line-height: 3.6rem;
    }

    .content .content_1280 .padding_100 h1 > div {
        max-width: 58rem;
        margin: 0 auto;
    }

    .content .content_1280 .padding_100 h1 > div p {
        text-align: center;
    }

    .framework {
        background-color: #020818;
    }

    .framework .content_1280 div:nth-of-type(1) {
        text-align: center;
        padding: 4rem 100px;
    }

    .framework .content_1280 div:nth-of-type(2) img {
        width: 95%;
    }

    .graphic_introduction {
        min-height: 40rem;
        background-color: #020818;
    }

    .graphic_introduction .content_1600 .padding_100{
        flex-direction: column;
        padding: 5rem 0;
    }

    .graphic_introduction .content_1600 .reverse{
        flex-direction: column-reverse;
    }

    .graphic_introduction .content_1600 .padding_100 .introduce {
        width: 80%;
        text-align: center;
    }

    .graphic_introduction .content_1600 .padding_100 .introduce h1 {
        margin: 0;
    }

    .graphic_introduction .content_1600 .padding_100 .introduce p {
        color: #999;
    }

    .graphic_introduction .content_1600 .padding_100 .introduce_bg {
        width: 90%;
    }

    .graphic_introduction .content_1600 .padding_100 .introduce_bg img {
        width: 100%;
    }
}