* {
    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 {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 770 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/productnum/productnum-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 0px 310px */
        padding: 0vw 16.14vw
    }

    .s2_title {
        /* padding-top: 132px;
        padding-bottom: 103px; */
        padding-top: 6.875vw;
        padding-bottom: 5.36vw;
        text-align: center;
    }

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

    .s2_nav {
        color: #2F2F2F;
        /* font-size: 34px; */
        font-size: 1.77vw;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
    }

    .s2_nav div {
        cursor: pointer;
        /* border-bottom: 2px solid #CFCFCF; */
        border-bottom: 0.104vw solid #CFCFCF;
    }

    .s2_img {
        /* padding: 92px 0px 109px 0px; */
        padding: 4.79vw 0vw 5.67vw 0vw;
    }

    .s2_img img {
        width: 100%;
    }

    .active {
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 600;
        color: #EF5820;
        /* border-bottom: 4px solid #EF5820 !important; */
        border-bottom: 0.208vw solid #EF5820 !important;
    }
}

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

    /* section 2 */
    .section_2 {
        /* padding: 0px 310px */
        padding: 0vw 16.14vw
    }

    .s2_title {
        /* padding-top: 132px;
        padding-bottom: 103px; */
        padding-top: 6.875vw;
        padding-bottom: 5.36vw;
        text-align: center;
    }

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

    .s2_nav {
        color: #2F2F2F;
        /* font-size: 34px; */
        font-size: 1.77vw;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
    }

    .s2_nav div {
        cursor: pointer;
        /* border-bottom: 2px solid #CFCFCF; */
        border-bottom: 0.104vw solid #CFCFCF;
    }

    .s2_img {
        /* padding: 92px 0px 109px 0px; */
        padding: 4.79vw 0vw 5.67vw 0vw;
    }

    .s2_img img {
        width: 100%;
    }

    .active {
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 600;
        color: #EF5820;
        /* border-bottom: 4px solid #EF5820 !important; */
        border-bottom: 0.208vw solid #EF5820 !important;
    }
}

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

    /* section 2 */
    .section_2 {
        /* padding: 0px 310px */
        padding: 0vw 14.14vw
    }

    .s2_title {
        /* padding-top: 132px;
        padding-bottom: 103px; */
        padding-top: 6.875vw;
        padding-bottom: 5.36vw;
        text-align: center;
    }

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

    .s2_nav {
        color: #2F2F2F;
        /* font-size: 34px; */
        font-size: 1.77vw;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
    }

    .s2_nav div {
        cursor: pointer;
        /* border-bottom: 2px solid #CFCFCF; */
        border-bottom: 0.104vw solid #CFCFCF;
    }

    .s2_img {
        /* padding: 92px 0px 109px 0px; */
        padding: 4.79vw 0vw 5.67vw 0vw;
    }

    .s2_img img {
        width: 100%;
    }

    .active {
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 600;
        color: #EF5820;
        /* border-bottom: 4px solid #EF5820 !important; */
        border-bottom: 0.208vw solid #EF5820 !important;
    }
}