@media (max-width: 768px) {

    :root {
        --px: (100vw / 750);
    }

    html {
        font-size: calc(20 * var(--px));
    }

    .display_pc_block {
        display: none;
    }

    .display_pc_none {
        display: block;
    }


    .display_pc_block {
        display: block;
    }

    .display_pc_none {
        display: none;
    }

    .title_1_size {
        font-size: calc(16 * var(--px));
    }

    .header_box {
        width: calc(750 * var(--px));
        height: calc(1078* var(--px));
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/header_box_m.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }

    .header_box_form {
        width: calc(729 * var(--px));
        height: calc(549 * var(--px));
        background-image: url(/static/qiming_v1/img/header_box_form.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: inherit;
        bottom: 0;
    }

    .header_box_form_data {
        margin-left: calc(153 * var(--px));
        display: flex;
        flex-direction: column;
        padding-top: calc(56 * var(--px));
        width: calc(478 * var(--px));
        padding-bottom: calc(15 * var(--px));
        font-size: calc(23 * var(--px));
    }

    .header_box_form_data_list {
        display: flex;
        padding: calc(18 * var(--px)) 0;
        border-bottom: 0.1vw solid #EAE6D9;
        justify-content: space-between;
        align-items: center;
    }

    .header_box_form_data_list:last-child {
        border-bottom: none !important;
    }

    .header_box_form_data_list_data {
        display: flex;
        padding-left: calc(43 * var(--px));
        margin-top: -0.1em;
    }

    .header_box_form_data_list_title {
        color: #B4832F;
        /* line-height: 1.3em; */
        min-width: calc(95 * var(--px));
        text-align-last: left;
        position: relative;
    }

    .header_box_form_data_list_title::after {
        content: ":";
        position: absolute;
        right: calc(-8 * var(--px));
        text-align-last: left;
        top: 40%;
        transform: translateY(-50%);
        display: none;
    }

    .header_box_form_data_list_data_r {
        display: flex;
        align-items: center;
        margin-right: calc(5 * var(--px));
        margin-left: calc(5 * var(--px));
        cursor: pointer;
    }

    .header_box_form_data_list_data_r_icon {
        display: flex;
        align-items: center;
        width: calc(25 * var(--px));
        height: calc(22 * var(--px));
        background-image: url(/static/qiming_v1/img/header_box_form_data_list_data_r_icon.png);
        background-repeat: no-repeat;
        background-size: 87% 100%;
    }

    .header_box_form_data_list_data_r_icon.active {
        background-size: 100% 100%;

        background-image: url(/static/qiming_v1/img/header_box_form_data_list_data_r_icon_active.png);
    }

    .header_box_form_data_list_data_r_text {
        display: flex;
        align-items: center;
        line-height: 1;
    }

    .header_box_form_data_list_data_input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        border: none;
        outline: none;
        background: transparent;

        padding: 0;
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        box-shadow: none;
        width: 100%;
    }

    .header_box_form_data_list_data_input::-ms-clear,
    .header_box_form_data_list_data_input::-ms-reveal {
        display: none;
    }


    .header_box_form_data_list_data_select {
        color: #5C5955;
        line-height: 1.4em;
        cursor: pointer;
    }

    .header_box_form_data_list_data_select_a {
        line-height: 1.4em;
        position: relative;
    }

    .header_box_form_data_list_data_select_a select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: transparent;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        padding: 0;
        margin: 0;
        outline: none;
        cursor: pointer;
    }

    .header_box_form_data_list_data_select_a select::-ms-expand {
        display: none;
    }

    .time_select {
        pointer-events: none;
        width: calc(75 * var(--px));
        height: calc(38 * var(--px));
        padding: calc(3 * var(--px)) calc(7 * var(--px)) !important;
        background-color: #FFFFFF !important;
        margin-right: calc(7 * var(--px)) !important;
        text-align: left;
        border: 0.1vw solid #e4d2b9 !important;
        color: #494949 !important;
        font-size: calc(20 * var(--px)) !important;
        position: relative !important;
        border-radius: calc(3 * var(--px)) !important;
        line-height: 1.5em;
    }

    .header_box_form_data_list_data_select_a::before,
    .header_box_form_data_list_data_select_a::after {
        content: "";
        position: absolute;
        right: calc(52 * var(--px));
        width: 0;
        height: 0;
        border-left: calc(8 * var(--px)) solid transparent;
        border-right: calc(8 * var(--px)) solid transparent;
        z-index: 9 !important;
    }

    .header_box_form_data_list_data_select_a::before {
        top: calc(10 * var(--px));
        border-bottom: calc(8 * var(--px)) solid #ab865e;
    }

    .header_box_form_data_list_data_select_a::after {
        bottom: calc(9 * var(--px));
        border-top: calc(7 * var(--px)) solid #be9568;
    }

    .header_box_form_data_list_data_select_a_m {
        margin-left: calc(34 * var(--px)) !important;
    }

    .header_box_form_buttom {
        width: calc(571 * var(--px));
        height: calc(76 * var(--px));
        background-image: url(/static/qiming_v1/img/header_box_form_buttom.png);
        background-size: 100% 100%;
        margin: 0 auto;
        margin-bottom: calc(25 * var(--px));
        cursor: pointer;
    }



    .header_box_form_userinfo {
        width: calc(575 * var(--px));
        height: calc(32 * var(--px));
        margin: 0 auto;
    }

    .header_box_form_userinfo_list {
        font-size: calc(20 * var(--px));
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .form_userinfo {
        display: flex;
        align-items: center;
    }

    .form_userinfo_img {
        width: calc(20 * var(--px));
        height: calc(20 * var(--px));
        margin-right: calc(10 * var(--px));
    }

    .form_userinfo_img>img {
        width: 100%;
        height: 100%;
    }

    .form_userinfo_text {
        color: #333333;
    }

    .form_userinfo_text span {
        color: #010101;
    }

    .form_userinfo_time {
        color: #AFA185;
    }

    .main_box_1 {
        width: calc(750 * var(--px));
        height: auto;
        background-image: url(/static/qiming_v1/img/main_box_1_m.png), url(/static/qiming_v1/img/main_box_1_m_bottom.png);
        background-size: 100% calc(180 * var(--px)), 100% auto;
        background-position: left top, center bottom;
        background-repeat: no-repeat, no-repeat;
        border-top: 1px solid transparent;
        padding-bottom: calc(89 * var(--px));
    }


    .box_title {
        margin: 0 auto;
        margin-top: calc(30 * var(--px));
        margin-bottom: calc(38 * var(--px));
        height: calc(90 * var(--px));
        display: flex;
        justify-content: center;
    }

    .box_title img {
        height: 100%;
    }

    .main_box_1_data {
        width: calc(724 * var(--px));
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
    }

    .main_box_1_data_item {
        display: flex;
        justify-content: flex-start;
        min-height: calc(440 * var(--px));
        align-items: stretch;
        margin-bottom: calc(10 * var(--px));
    ;
    }

    .main_box_1_data_item_l {
        background-image: url(/static/qiming_v1/img/main_box_1_data_item_l_img.png);
        background-size: 100% auto;
        background-position: center top;
        background-repeat: no-repeat;
        flex: 1;
        padding: 0 calc(30 * var(--px));
        padding-top: calc(21 * var(--px));
        padding-bottom: calc(43 * var(--px));
        box-sizing: border-box;
    }

    .main_box_1_data_item_l_img {
        width: calc(155 * var(--px));
        height: calc(155 * var(--px));
        margin: 0 auto;
        margin-bottom: calc(18 * var(--px));
    }

    .main_box_1_data_item_l_title {
        font-weight: 400;
        font-size: calc(17 * var(--px));
        color: #000000;
        line-height: calc(29 * var(--px));
    }

    .main_box_1_data_item_r {
        width: calc(57 * var(--px));
        min-width: calc(57 * var(--px));
        background-image: url(/static/qiming_v1/img/main_box_1_data_item_r_img.png);
        background-size: 100% auto;
        background-position: center top;
        background-repeat: no-repeat;
        writing-mode: vertical-rl;
        text-orientation: upright;
        text-align: center;
        display: inline-block;
        line-height: 2.6em;
        font-size: calc(24 * var(--px));
        color: #FFF6D4;
    }

    .main_box_2 {
        width: calc(750 * var(--px));
        box-sizing: border-box;
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/main_box_2.png);
        background-size: 100% auto;
        background-position: center bottom;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
        margin: 0 auto;
    }

    .main_box_2_title {
        display: flex;
        padding:0 2vw;

        align-items: center;
        justify-content: center;
        margin-top: calc(46 * var(--px));
        margin-bottom: calc(37 * var(--px));
    }

    .main_box_2_title_item {
        width: calc(308 * var(--px));
        height: calc(64 * var(--px));
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }

    .main_box_2_title_l {
        padding:0 2vw;

        background-image: url(/static/qiming_v1/img/main_box_2_title_l_m.png);
    }

    .main_box_2_title_c {
        min-width: calc(75 * var(--px));
        min-height: calc(101 * var(--px));
        width: calc(75 * var(--px));
        height: calc(101 * var(--px));
        background-image: url(/static/qiming_v1/img/main_box_2_title_c.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        padding:0 2vw;

    }

    .main_box_2_title_r {
        background-image: url(/static/qiming_v1/img/main_box_2_title_r_m.png);

    }

    .main_box_2_remoke {
        margin: 0 auto;
        font-weight: 400;
        font-size: calc(22* var(--px));
        line-height: calc(42* var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0 2vw;

    }

    .main_box_2_remoke p {
        color: #333333;
        padding:0 2vw;


    }

    .main_box_2_data {
        padding:0 2vw;

        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: calc(10 * var(--px));
        margin-top: calc(32 * var(--px));
        position: relative;
    }

    .main_box_2_data::after {
        content: ' ';
        width: calc(364 * var(--px));
        height: calc(6 * var(--px));
        position: absolute;
        bottom: 1%;
        right: 0;
        background-color: #dcdcdc;
    }

    .main_box_2_data::before {
        content: ' ';
        width: calc(500 * var(--px));
        height: calc(6 * var(--px));
        position: absolute;
        bottom: 1%;
        left: 0;
        background-color: red;
    }

    .main_box_2_data_item {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    .main_box_2_data_item_box {
        width: calc(436 * var(--px));
        height: auto;
        border-radius: calc(8 * var(--px));
        padding: calc(15 * var(--px)) calc(23 * var(--px));
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 400;
        font-size: calc(22 * var(--px));
        line-height: calc(30 * var(--px));
    }

    .main_box_2_data_item_left {
        color: #C3A05D;
        border: calc(2 * var(--px)) solid #C3A05D;
    }

    .main_box_2_data_item_img {
        width: calc(78 * var(--px));
        height: auto;
        min-width: calc(78 * var(--px));
        min-height: calc(78 * var(--px));
        margin: 0 calc(26 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(35 * var(--px));
        font-weight: bold;
        font-family: "SimSun", "STSong", "Songti SC", serif;
        color: #C3A05D;
        /* margin-top: 2vw; */
    }

    .main_box_2_data_item_img img {
        width: calc(78 * var(--px));
        height: calc(78 * var(--px));
        min-width: calc(78 * var(--px));
        min-height: calc(78 * var(--px));
    }

    .main_box_2_data_item_rigth {
        color: #B4B4B4;
        border: calc(2 * var(--px)) solid #B4B4B4;
    }

    .main_box_2_data_item_box_l {
        color: #C3A05D;
        font-size: calc(35 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "SimSun", "STSong", "Songti SC", serif;
    }


    .main_box_2_data_item_box_f {
        color: #B4B4B4;
        font-size: calc(35 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "SimSun", "STSong", "Songti SC", serif;
    }


    .main_box_2_data_copy {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: calc(20 * var(--px));
        margin-bottom: calc(45 * var(--px));

    }

    .main_box_2_data_copy_data {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: calc(15 * var(--px));
        flex-direction: column;
    }

    .main_box_2_data_copy_data_item {
        width: calc(729 * var(--px));
        background: #FFFFFF;
        box-shadow: 0px 0px calc(6 * var(--px)) 0px #E2DBD2;
        border-radius: calc(8 * var(--px));
        box-sizing: border-box;
        padding: calc(21 * var(--px)) calc(21 * var(--px));
    }

    .main_box_2_data_copy_data_item_title {
        font-weight: 500;
        font-size: calc(18 * var(--px));
        color: #A37335;
        line-height: calc(24 * var(--px));
        margin-bottom: calc(27 * var(--px));
        position: relative;
    }

    .main_box_2_data_copy_data_item_title::after {
        content: ' ';
        width: 100%;
        height: calc(10 * var(--px));
        background-image: url(/static/qiming_v1/img/main_box_2_data_copy_data_item_title.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -60%;
        left: 0;
    }

    .main_box_2_data_copy_data_item_text {
        font-weight: 400;
        font-size: calc(14 * var(--px));
        color: #666666;
        line-height: calc(24 * var(--px));
    }

    .main_box_3 {
        width: calc(750 * var(--px));
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/main_box_3.png);
        background-size: 100% auto;
        background-position: center bottom;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
        padding-bottom: calc(25 * var(--px));
    }






    .main_box_3_wrapper {
        width: calc(750 * var(--px));
        margin: 0 auto;
        overflow: hidden;
        background: transparent;
        position: relative;
        border: 0.1vw solid transparent;
    }

    .main_box_3_data {
        display: flex;
        width: max-content;
        gap: calc(17 * var(--px));
        /* animation: scroll-left 20s linear infinite; */
        cursor: pointer;
    }



    .main_box_3_data_item {
        flex-shrink: 0;
        width: calc(287 * var(--px));
        height: calc(555 * var(--px));
        padding: 0 calc(53 * var(--px));
        padding-top: calc(49 * var(--px));
        box-sizing: border-box;
        background-image: url(/static/qiming_v1/img/main_box_3_data_item.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        gap: calc(10 * var(--px));
        text-align: center;
    }

    .main_box_3_data_item_img {
        margin: 0 auto;
        width: calc(60 * var(--px));
        height: calc(60 * var(--px));
        border-radius: 50%;
        overflow: hidden;
    }

    .main_box_3_data_item_img img {
        width: 100%;
        height: 100%;
    }

    .main_box_3_data_item_name {
        font-family: "SimSun", "STSong", serif;
        font-weight: bold;
        font-size: calc(16 * var(--px));
        margin-top: calc(23 * var(--px));
        margin-bottom: calc(18 * var(--px));
        color: #B37D43;
    }

    .main_box_3_data_item_code {
        font-size: calc(14 * var(--px));
        color: #999999;
    }

    .main_box_3_data_item_remoke {
        font-size: calc(14 * var(--px));
        color: #666;
        white-space: normal;
        text-align: left;
        margin-top: calc(12 * var(--px));
        line-height: calc(24 * var(--px));
        text-indent: 2em;
    }

    @keyframes scroll-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .main_box_4 {
        width: calc(750 * var(--px));
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/main_box_4.png);
        background-size: 100% auto;
        background-position: center top;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
    }


    .main_box_4_data {
        width: calc(730* var(--px));
        height: auto;
        background-image: none;
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
        margin: 0 auto;
        /* margin-bottom: calc(62 * var(--px)); */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: calc(15 * var(--px));
        padding: calc(45 * var(--px)) calc(42 * var(--px));
        box-sizing: border-box;
    }

    .main_box_4_data_item {
        width: calc(729 * var(--px));
        box-sizing: border-box;
        border-bottom: 0.1vw solid #bea066;
        margin-bottom: calc(17 * var(--px));
    }

    .main_box_4_data_item_title {
        position: relative;
        padding-left: calc(57 * var(--px));
        font-weight: bold;
        font-size: calc(18 * var(--px));
        color: #1B1308;
        line-height: calc(24 * var(--px));
        margin-bottom: calc(25 * var(--px));
    }

    .main_box_4_data_item_title::after {
        content: ' ';
        width: calc(40 * var(--px));
        height: calc(40 * var(--px));
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url(/static/qiming_v1/img/main_box_4_data_item_title.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .main_box_4_data_item_text {
        position: relative;
        padding-left: calc(57 * var(--px));
        font-weight: 400;
        font-size: calc(16 * var(--px));
        color: #333333;
        line-height: calc(24 * var(--px));
        padding-bottom: calc(24 * var(--px));
    }

    .main_box_4_data_item_text::after {
        content: ' ';
        width: calc(40 * var(--px));
        height: calc(40 * var(--px));
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url(/static/qiming_v1/img/main_box_4_data_item_text.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .section_footer {
        background-image: url('/static/qiming_v1/img/section_footer-bg-mobile.webp');
    }

    /* 移动端不需要 container 限制宽度和横向排版，直接转为列排版 */
    .section_footer_container {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }

    .section_footer-left {
        padding: 6.27vw 3.6vw 4.93vw;
        flex-direction: column;
    }

    /* 移动端隐藏右侧元素 */
    .section_footer-right {
        display: none;
    }

    .section_footer-header {
        width: 100%;
        /* 恢复满宽 */
    }

    .section_footer-header-title {
        font-size: 4vw;
    }

    .section_footer-header-text {
        font-size: 2.93vw;
        line-height: 4.3vw;
    }

    /* 移动端特有元素显示 */
    .section_footer-contact {
        display: block;
        width: 28.8vw;
        height: 33.6vw;
        cursor: pointer;
    }

    .section_footer-btns {
        margin-top: 4vw;
        margin-left: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0;
    }

    .section_footer-btns a {
        width: 27.47vw;
        height: 6vw;
        font-size: 2.67vw;
    }

    .section_footer-company {
        margin-top: 4vw;
        text-align: center;
        font-size: 2.67vw;
    }

    .header_box_form_data_list_data_b {
        background-color: #ffffff;
        border-radius: 3vw;
        padding: 0;
        border-radius: 10.5vw;
        overflow: hidden;
    }

    .header_box_form_data_list_data_b_r {
        padding: 1.5vw 2.2vw;
        border-radius: 6.5vw;
        overflow: hidden;
    }




    .header_box_form_userinfo {
        height: 4vw;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .header_box_form_userinfo_scroll {
        transition: transform 0.5s ease-in-out;
    }

    .header_box_form_userinfo_list {
        font-size: 0.20rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 0.32rem;
        padding: 0 0.05rem;
        line-height: 0.32rem;
    }

    .header_box_form_userinfo_list:last-child {
        border-bottom: none;
    }

    .header_box_form_userinfo:hover .header_box_form_userinfo_scroll {
        animation-play-state: paused;
    }

    .test_push_data {
        gap: 0 0.4rem;
        margin-bottom: 0.5rem;
    }
}