* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    font-family: 'PingFang SC';
}

@media screen and (min-width: 1920px) {
    .section1_bg {
        width: 100%;
        height: calc(100vw * 772 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/cooperate/cooperate-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 156px 260px 170px 260px; */
        padding: 8.125vw 13.54vw 8.85vw 13.54vw;
    }

    .s2_title {
        /* padding-bottom: 72px; */
        padding-bottom: 3.75vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #000000;
        /* font-size: 60px; */
        font-size: 3.125vw;
        font-weight: 500;
    }

    .s2_btn {
        display: flex;
        align-items: center;
        justify-content: end;
        /* margin-bottom: 65px; */
        margin-bottom: 3.38vw;
    }

    .s2_btn_con {
        color: #A5A5A6;
        /* font-size: 28px;
        line-height: 40px; */
        font-size: 1.45vw;
        line-height: 2.08vw;
        font-weight: 400;
    }

    .s2_btn_img {
        /* width: 37px;
        margin-left: 16px; */
        width: 1.92vw;
        margin-left: 0.83vw;
        cursor: pointer;
    }

    .s2_img {
        width: 100%;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_img_box {
        /* width: 692px;
        height: 688px; */
        width: 36.04vw;
        height: 35.83vw;
    }

    #s2_img_1 {
        background-image: url(../img/cooperate/image-008.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #s2_img_2 {
        background-image: url(../img/cooperate/image-009.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* #s2_img_3 {
        background-image: url(../img/cooperate/image-003.png);
        background-repeat: no-repeat;
        background-size: cover;
    } */

    .s2_img_box img {
        width: 100%;
        height: auto;
    }

    .s2_name {
        /* font-size: 36px;
        line-height: 40px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        /* margin: 495px 10px 0px 10px; */
        margin: 26vw 0.52vw 0vw 0.52vw;
    }

    .s2_content {
        /* font-size: 28px;
        line-height: 30px; */
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        /* margin: 55px 10px 0px 10px; */
        margin: 2.92vw 0.52vw 0vw 0.52vw;
    }

    .s2_div_1 {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
        align-items: flex-end;
    }

    .s2_img_box_1 {
        width: 36.04vw;
    }

    .s2_item {
        overflow: hidden;
        box-shadow: 0 3px 6px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
    }

    .s2_img_box_1 {
        width: 100%;
    }

    .s2_img_box_1 img {
        display: block;
        width: 100%;
        height: auto;
    }

    .s2_name_box {
        display: flex;
        flex-direction: column;
    }

    .s2_name_1 {
        font-size: 1.875vw;
        line-height: 4.2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;  
        background-color: #f96029ee;
    }

    .s2_content_1 {
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        margin: 2vw 0.52vw 2vw 0.52vw;
    }
}

@media screen and (min-width: 1280px) and (max-width:1920px) {
    .section1_bg {
        width: 100%;
        height: calc(100vw * 772 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/cooperate/cooperate-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 156px 260px 170px 260px; */
        padding: 8.125vw 13.54vw 8.85vw 13.54vw;
    }

    .s2_title {
        /* padding-bottom: 72px; */
        padding-bottom: 3.75vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #000000;
        /* font-size: 60px; */
        font-size: 3.125vw;
        font-weight: 500;
    }

    .s2_btn {
        display: flex;
        align-items: center;
        justify-content: end;
        /* margin-bottom: 65px; */
        margin-bottom: 3.38vw;
    }

    .s2_btn_con {
        color: #A5A5A6;
        /* font-size: 28px;
        line-height: 40px; */
        font-size: 1.45vw;
        line-height: 2.08vw;
        font-weight: 400;
    }

    .s2_btn_img {
        /* width: 37px;
        margin-left: 16px; */
        width: 1.92vw;
        margin-left: 0.83vw;
        cursor: pointer;
    }

    .s2_img {
        width: 100%;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }    

    .s2_img_box {
        /* width: 692px;
        height: 688px; */
        width: 36.04vw;
        height: 35.83vw;
    }    

    #s2_img_1 {
        background-image: url(../img/cooperate/image-008.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #s2_img_2 {
        background-image: url(../img/cooperate/image-009.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* #s2_img_3 {
        background-image: url(../img/cooperate/image-003.png);
        background-repeat: no-repeat;
        background-size: cover;
    } */

    .s2_img_box img {
        width: 100%;
    }

    .s2_name {
        /* font-size: 36px;
        line-height: 40px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        /* margin: 495px 10px 0px 10px; */
        margin: 25.78vw 0.52vw 0vw 0.52vw;
    }

    .s2_content {
        /* font-size: 28px;
        line-height: 30px; */
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        /* margin: 55px 10px 0px 10px; */
        margin: 2.86vw 0.52vw 0vw 0.52vw;
    }

    .s2_div_1 {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
        align-items: flex-end;
    }

    .s2_img_box_1 {
        width: 36.04vw;
    }

    .s2_item {
        overflow: hidden;
        box-shadow: 0 3px 6px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
    }

    .s2_img_box_1 {
        width: 100%;
    }

    .s2_img_box_1 img {
        display: block;
        width: 100%;
        height: auto;
    }

    .s2_name_box {
        display: flex;
        flex-direction: column;
    }

    .s2_name_1 {
        font-size: 1.875vw;
        line-height: 4.2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;  
        background-color: #f96029ee;
    }

    .s2_content_1 {
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        margin: 2vw 0.52vw 2vw 0.52vw;
    }
}

@media screen and (min-width: 1024px) and (max-width:1280px) {
    .section1_bg {
        width: 100%;
        height: calc(100vw * 772 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/cooperate/cooperate-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 156px 260px 170px 260px; */
        padding: 8.125vw 13.54vw 8.85vw 13.54vw;
    }

    .s2_title {
        /* padding-bottom: 72px; */
        padding-bottom: 3.75vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #000000;
        /* font-size: 60px; */
        font-size: 3.125vw;
        font-weight: 500;
    }

    .s2_btn {
        display: flex;
        align-items: center;
        justify-content: end;
        /* margin-bottom: 65px; */
        margin-bottom: 3.38vw;
    }

    .s2_btn_con {
        color: #A5A5A6;
        /* font-size: 28px;
        line-height: 40px; */
        font-size: 1.45vw;
        line-height: 2.08vw;
        font-weight: 400;
    }

    .s2_btn_img {
        /* width: 37px;
        margin-left: 16px; */
        width: 1.92vw;
        margin-left: 0.83vw;
        cursor: pointer;
    }

    .s2_img {
        width: 100%;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_img_box {
        /* width: 692px;
        height: 688px; */
        width: 36.04vw;
        height: 35.83vw;
    }

    #s2_img_1 {
        background-image: url(../img/cooperate/image-008.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #s2_img_2 {
        background-image: url(../img/cooperate/image-009.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* #s2_img_3 {
        background-image: url(../img/cooperate/image-003.png);
        background-repeat: no-repeat;
        background-size: cover;
    } */

    .s2_img_box img {
        width: 100%;
        height: auto;
    }

    .s2_name {
        /* font-size: 36px;
        line-height: 40px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        /* margin: 495px 10px 0px 10px; */
        margin: 25.3vw 0.52vw 0vw 0.52vw;
    }

    .s2_content {
        /* font-size: 28px;
        line-height: 30px; */
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        /* margin: 55px 10px 0px 10px; */
        margin: 2.7vw 0.52vw 0vw 0.52vw;
    }

    .s2_div_1 {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
        align-items: flex-end;
    }

    .s2_img_box_1 {
        width: 36.04vw;
    }

    .s2_item {
        overflow: hidden;
        box-shadow: 0 3px 6px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
    }

    .s2_img_box_1 {
        width: 100%;
    }

    .s2_img_box_1 img {
        display: block;
        width: 100%;
        height: auto;
    }

    .s2_name_box {
        display: flex;
        flex-direction: column;
    }

    .s2_name_1 {
        font-size: 1.875vw;
        line-height: 4.2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;  
        background-color: #f96029ee;
    }

    .s2_content_1 {
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        margin: 2vw 0.52vw 2vw 0.52vw;
    }
}

@media (max-width: 1024px) {
    .section1_bg {
        width: 100%;
        height: calc(100vw * 772 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/cooperate/cooperate-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 156px 260px 170px 260px; */
        padding: 8.125vw 11vw 8.85vw 11vw;
    }

    .s2_title {
        /* padding-bottom: 72px; */
        padding-bottom: 3.75vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #000000;
        /* font-size: 60px; */
        font-size: 3.125vw;
        font-weight: 500;
    }

    .s2_btn {
        display: flex;
        align-items: center;
        justify-content: end;
        /* margin-bottom: 65px; */
        margin-bottom: 3.38vw;
    }

    .s2_btn_con {
        color: #A5A5A6;
        /* font-size: 28px;
        line-height: 40px; */
        font-size: 1.45vw;
        line-height: 2.08vw;
        font-weight: 400;
    }

    .s2_btn_img {
        /* width: 37px;
        margin-left: 16px; */
        width: 1.92vw;
        margin-left: 0.83vw;
        cursor: pointer;
    }

    .s2_img {
        width: 100%;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_img_box {
        /* width: 692px;
        height: 688px; */
        width: 36.04vw;
        height: 35.83vw;
    }

    #s2_img_1 {
        background-image: url(../img/cooperate/image-008.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #s2_img_2 {
        background-image: url(../img/cooperate/image-009.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* #s2_img_3 {
        background-image: url(../img/cooperate/image-003.png);
        background-repeat: no-repeat;
        background-size: cover;
    } */

    .s2_img_box img {
        width: 100%;
        height: auto;
    }

    .s2_name {
        /* font-size: 36px;
        line-height: 40px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        /* margin: 495px 10px 0px 10px; */
        margin: 26.3vw 0.52vw 0vw 0.52vw;
    }

    .s2_content {
        /* font-size: 28px;
        line-height: 30px; */
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        /* margin: 55px 10px 0px 10px; */
        margin: 2.78vw 0.52vw 0vw 0.52vw;
    }

    .s2_div_1 {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
        align-items: flex-end;
    }

    .s2_img_box_1 {
        width: 36.04vw;
    }

    .s2_item {
        overflow: hidden;
        box-shadow: 0 3px 6px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
    }

    .s2_img_box_1 {
        width: 100%;
    }

    .s2_img_box_1 img {
        display: block;
        width: 100%;
        height: auto;
    }

    .s2_name_box {
        display: flex;
        flex-direction: column;
    }

    .s2_name_1 {
        font-size: 1.875vw;
        line-height: 4.2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;  
        background-color: #f96029ee;
    }

    .s2_content_1 {
        font-size: 1.45vw;
        line-height: 1.56vw;
        font-weight: 400;
        color: #525151;
        text-align: center;
        margin: 2vw 0.52vw 2vw 0.52vw;
    }
}