@media screen and (max-width: 1024px) {

    body,
    html {
        min-width: 320px;
        width: 100%;
        overflow-x: hidden;
    }

    .wap-none {
        display: none;
    }

    .wap-block {
        display: block;
    }

    .slicknav_menu {
        width: 30px;
    }

    .slicknav_menu .slicknav_icon {
        display: block;
        width: 100%;
    }

    .slicknav_menu .slicknav_icon .slicknav_icon-bar {
        width: 100%;
        height: 2px;
        background-color: var(--mcolor);
        display: block;
        transition: 0.3s;
        margin: 5px 0px;
    }

    .slicknav_menu .slicknav_nav {
        position: fixed;
        width: 100%;
        top: 100px;
        left: 0px;
        z-index: 101;
        height: 100%;
        background-color: rgba(255, 255, 255);
        overflow-y: scroll;
        overflow-x: hidden;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
        padding: 10px !important;
    }

    .slicknav_menu .slicknav_nav li {
        position: relative;
        padding: 15px 0px;
    }

    .slicknav_menu .slicknav_nav ul {
        padding-left: 20px !important;
    }

    .slicknav_menu .slicknav_nav li>.slicknav_item .slicknav_arrow::after {
        content: "";
        position: absolute;
        width: 4vw;
        height: 4vw;
        right: 5%;
        top: calc(5vw);
        opacity: 0.6;
        background: url(/static/index/images/wap_menu_arrow.svg) right center / 100% no-repeat;
        transition: 0.3s;
    }

    .slicknav_menu .slicknav_nav li.slicknav_open>.slicknav_item .slicknav_arrow::after {
        transform: rotate(90deg);
    }

    .header {
        height: auto;
        background: none;
    }

    .header .top {
        padding: 0 10px;
        background-color: #f3f3f3;
    }

    .header .logo_box .content .lf .txt {
        display: none;
    }

    .header .logo_box .content {
        height: 80px;
        padding: 0 10px;
    }

    .header .logo_box .logo {
        width: 80px;
    }

    .header .logo_box .logo_line {
        display: none;
    }


    .header .logo_box .rg img {
        display: none;
    }

    .header .logo_box .rg .header_phone {
        display: none;
    }

    .product_box {
        margin-top: 10px;
    }

    .product_box .content {
        flex-wrap: wrap;
    }

    .product_box .content .lf {
        width: 100%;
        padding: 10px;
    }

    .product_box .content .lf .title {
        font-size: 18px;
        height: 42px;
        line-height: 42px;
    }

    .product_box .content .rg {
        width: 100%;
        padding: 10px;
    }

    .product_box .content .rg .product_list .product_box {
        width: calc((100% - 30px) / 2);
    }

    .product_box .content .rg .product_list .product_box div a {
        font-size: 12px;
    }

    .choose_us_box {
        background: none;
        height: auto;
        padding-top: 0;
        margin-top: 10px;
    }

    .choose_us_box .chs_box {
        flex-wrap: wrap;
        padding: 0 10px;
        height: auto;
    }

    .choose_us_box .chs_box .pic,
    .choose_us_box .chs_box.flex-row-reverse .pic {
        width: 100%;
        margin: 0;
    }

    .choose_us_box .chs_box .txt .title {
        padding: 10px 10px 0;
    }

    .choose_us_box .chs_box .txt .title div i {
        display: none;
    }

    .choose_us_box .chs_box .txt .title div a {
        font-size: 20px;
    }

    .choose_us_box .chs_box .txt .title span {
        display: none;
    }

    .choose_us_box .chs_box .txt ul li {
        height: auto;
        align-items: baseline
    }

    .choose_us_box .chs_box .txt ul li div {
        line-height: 26px !important;
    }

    .case_box .case_content {
        flex-wrap: wrap;
        padding: 10px;
    }

    .case_box .case_content .case_element {
        width: calc((100% - 30px) / 2);
        margin: 5px;
    }

    .gsjj_wrp {
        margin-top: 10px;
        padding: 10px;
    }

    .gsjj_wrp .content {
        flex-wrap: wrap;
    }

    .gsjj_wrp .content .gsjj_box,
    .gsjj_wrp .content .bk_box,
    .gsjj_wrp .content .zzry_box {
        width: 100%;
    }

    .gsjj_wrp .content .zzry_box .zzrySwiper {
        margin: 20px auto;
    }

    .news_wrp {
        flex-wrap: wrap;
        padding: 10px;
        gap: 20px 0;
    }

    .news_wrp .title img {
        width: 100%;
    }

    .mt-40px {
        margin-top: 10px;
    }

    .news_wrp .left_box_main .main_element {
        flex-wrap: wrap;
    }

    .news_wrp .left_box_main .main_element .pic {
        width: 100%;
    }

    .news_wrp .left_box_main .main_element .pic img {
        width: 100%;
    }

    .news_wrp .right_box_main .main_element .date {
        display: none;
    }

    .hzhb_wrp {
        margin-top: 10px;
    }

    .hzhb_wrp .title_pic {
        width: 100%;
    }

    .hzhbSwiper .hzhb_box {
        padding: 0 10px;
        gap: 10px 0;
    }

    .hzhbSwiper .hzhb_box div {
        width: calc((100% - 10px) / 2);
    }

    .footer {
        height: auto;
        padding: 20px;
    }

    .footer .nav {
        width: 100%;
    }

    .footer .footer_line {
        width: 100%;
    }

    .footer .info {
        width: 100%;
    }

    .footer .info div {
        flex-wrap: wrap;
    }

    .detail_product_wrp,
    .detail_news_wrp {
        margin-top: 10px;
    }

    .detail_banner {
        margin-top: 0;
    }

    .detail_banner img {
        width: 100%;
    }

    .detail_product_wrp .content,
    .detail_news_wrp .content {
        flex-wrap: wrap;
    }

    .detail_product_wrp .content .lf,
    .detail_news_wrp .content .lf {
        width: 100%;
        padding: 0 10px;
    }

    .detail_product_wrp .content .lf .cpzs {
        margin-bottom: 10px;
    }

    .detail_product_wrp .content .lf .tjcp {
        display: none;
    }

    .detail_product_wrp .content .rg {
        width: 100%;
        padding: 10px;
    }

    .detail_product_wrp .content .rg .product_list .product_box {
        width: calc((100% - 30px) / 2);
    }

    .detail_product_wrp .content .rg .product_list .product_box div a {
        font-size: 14px;
    }

    .detail_product_wrp .content .rg .product_list .product_box div p {
        flex-wrap: wrap;
    }

    .detail_product_wrp .content .rg .product_list .product_box div p i {
        display: block;
        width: 100%;
    }

    .detail_news_wrp .content .rg {
        width: 100%;
        padding: 10px;
    }

    .detail_news_wrp .content .rg .title div {
        font-size: 12px;
        padding: 0 10px;
    }

    .detail_news_wrp .content .rg .news_list .news_box {
        width: calc((100% - 30px) / 2);
    }

    .detail_news_wrp .content .rg .title {
        flex-wrap: wrap;
        height: auto;
    }

    .detail_news_wrp .content .rg .intro_main .intro_img {
        width: 100%;
    }

    .detail_news_wrp .content .rg .intro_main .zzry img {
        margin: 10px 5px 0 5px;
        width: calc((100% - 20px) / 2);
    }
}