@media screen and (min-width:1025px) {
    .m_header,
    .mh_nav {
        display: none;
    }

    .pc-block {
        display: block;
    }

    .mb-block {
        display: none;
    }

    .pc-flex {
        display: flex;
    }

    .mb-flex {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    html {
        font-size: min(calc(100vw / 7.5), 100px);
    }
    body{font-size: 0.24rem;}
    .f-12 {
        font-size: min(0.22rem, 12px);
    }

    .f-13,
    .f-14,
    .f-15,
    .f-16 {
        font-size: min(0.24rem, 14px);
    }

    .f-17,
    .f-18,
    .f-19,
    .f-20 {
        font-size: min(0.26rem, 16px);
    }

    .f-21,
    .f-22,
    .f-23,
    .f-24,
    .f-25,
    .f-26,
    .f-27,
    .f-28 {
        font-size: min(0.30rem, 18px);
    }

    .f-29,
    .f-30,
    .f-31,
    .f-32,
    .f-33,
    .f-34 {
        font-size: min(0.32rem, 20px);
    }

    .f-35,
    .f-36,
    .f-37,
    .f-38,
    .f-39,
    .f-40,
    .f-41,
    .f-42,
    .f-43,
    .f-44,
    .f-45,
    .f-46 {
        font-size: min(0.34rem, 22px);
    }

    .f-47,
    .f-48,
    .f-49,
    .f-50,
    .f-51,
    .f-52,
    .f-53,
    .f-54,
    .f-55,
    .f-56,
    .f-57,
    .f-58,
    .f-59,
    .f-60,
    .f-61,
    .f-62,
    .f-63,
    .f-64,
    .f-65,
    .f-66,
    .f-67,
    .f-68,
    .f-69,
    .f-70,
    .f-71,
    .f-72,
    .f-73,
    .f-74,
    .f-75,
    .f-76,
    .f-77,
    .f-78,
    .f-79,
    .f-80 {
        font-size: min(0.36rem, 24px);
    }

    .pc-block {
        display: none;
    }

    .mb-block {
        display: block;
    }

    .pc-flex {
        display: none;
    }

    .mb-flex {
        display: flex;
    }

    .breadcrumb{
      display: none;
    }


    /* 头部开始 */
    .header {
        display: none;
    }
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        background: #FFF;
    }

    .m_header .wrap {
        padding: .2rem .36rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header .wrap .logo {
        height: .5rem;
        width: fit-content;
        display: block;
        
    }
    .m_header .wrap .logo img{width: auto;}

    .m_header .wrap .action {
        display: flex;
        align-items: center;
        gap: .24rem;
    }

    .m_header .wrap .action .item {
        height: .4rem;
        width: fit-content;
        display: flex;
        align-items: center;
        gap: .06rem;
        font-size: .3rem;
        color: #333;
    }

    .m_header .wrap .action .item .icon {
        height: 100%;
        width: auto;
    }

    .m_header .wrap .action .item.log_out .icon{border-radius: 50%;overflow: hidden;}
    .m_header .wrap .action .item.search .icon img{filter: var(--imgblack);opacity: 0.8;}

    .m_header .wrap .action .item .icon.arr {
        height: .22rem;
    }

    .m_header .wrap .action .btn {
        display: flex;
        flex-direction: column;
        gap: .12rem;
        width: .4rem;
    }

    .m_header .wrap .action .btn span {
        height: 1.5px;
        width: 100%;
        background-color: #333;
    }

    .mh_nav {
        display: block !important;
        position: fixed;
        top: 0;
        left: 10%;
        width: 90%;
        transform: translateX(120%);
        opacity: 0;
        z-index: 999;
        background-color: #fff;
        height: 100vh;
        overflow: auto;
        padding: 1.2rem .4rem;
        transition: all .5s ease-in-out;
        box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.1);
    }

    .mh_nav li {
        list-style: none;
    }

    .mh_nav.show {
        transform: translateX(0);
        opacity: 1;
    }

    .mh_nav .close {
        position: absolute;
        top: .4rem;
        right: .4rem;
        width: .4rem;
        height: .4rem;
    }

    .mh_nav .close span {
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: #333;
        position: absolute;
        bottom: .2rem;
        left: 0;
    }

    .mh_nav .close span:nth-child(1) {
        transform: rotate(45deg);
    }

    .mh_nav .close span:nth-child(2) {
        transform: rotate(135deg);
    }

    .mh_nav .list .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .mh_nav .list .item .top {
        padding: .4rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mh_nav .list .item .top .tit {
        line-height: 1;
        font-size: .32rem;
        font-weight: 300;
        font-family: var(--fw300);
        display: block;
        width: fit-content;
    }

    .mh_nav .list .item .top .add {
        height: .25rem;
        width: .25rem;
        /* background-color: red; */
        position: relative;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

    .mh_nav .list .item .top .add span {
        background-color: #333;
        position: absolute;
        transition: all .5s;
    }

    .mh_nav .list .item .top .add span:nth-child(1) {
        width: 100%;
        height: 1.5px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .mh_nav .list .item .top .add span:nth-child(2) {
        width: 1.5px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .mh_nav .list .item.on .top .add {
        transform: rotate(45deg);
    }

    .mh_nav .list .item:has(ul) .top .add {
        opacity: 1;
        visibility: visible;
    }

    .mh_nav .list .item .info {
        display: none;
    }

    .mh_nav .list .item .nav {
        font-size: .28rem;
        font-weight: 300;
        padding-bottom: .4rem;
    }

    .mh_nav .list .item.on .nav a {
        padding-left: .2rem;
    }

    .mh_nav .list .item .nav a {
        font-size: .28rem;
        font-weight: 300;
        font-family: var(--font-cn);
        padding: .16rem 0;
        width: 100%;
        transition: all .5s ease-in-out;
    }

    .mh_nav .list .item .nav .lv2,
    .mh_nav .list .item .nav .lv3,
    .mh_nav .list .item .nav .lv4 {
        display: flex;
        flex-direction: column;
        gap: .1rem;
        padding: .1rem 0 .1rem 0.3rem;
        transition: all .5s;
    }

    .mh_nav .list .item .nav .lv2 a,
    .mh_nav .list .item .nav .lv3 a,
    .mh_nav .list .item .nav .lv4 a {
        font-size: min(.24rem, 14px);
        padding: .1rem 0;
    }
    
    .mh_nav .list .btns{display: flex;justify-content: center;gap:20px;margin-top:50px;}
    
    .mh_nav .list .btns .contact{position: relative;border-radius: 0.38rem;overflow: hidden;margin-right: 0.14rem;border:0.01px solid rgba(0, 0, 0, 0.1)}
    .mh_nav .list .btns .contact span{display: block;position: relative;z-index: 2;line-height: 0.58rem;padding: 0 0.3rem;transition: color 400ms var(--ease-standard);color: #333;}
    .mh_nav .list .btns .contact::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #F5F5F5;transition: background 400ms var(--ease-standard);}
    .mh_nav .list .btns .contact::after{content: "";position: absolute;top: 0;left: -101%;width: 100%;height: 100%;border-radius: 0.38rem;background: var(--linear-gradient);transition: left 400ms var(--ease-standard);}
    .mh_nav .list .btns .contact:hover::after{left: 0;}
    .mh_nav .list .btns .contact:hover span{color: #fff;}
    .mh_nav .list .btns .store{display: flex;align-items: center;gap: 0.02rem;padding: 0 0.28rem 0 0.27rem;border-radius: 0.38rem;overflow: hidden;line-height: 1;color: #fff;height: 0.58rem;background: var(--linear-gradient);}
    .mh_nav .list .btns .store img{width: 0.24rem;transition: filter 400ms var(--ease-standard);object-fit: contain;}

    
    /* 头部结束 */
    
    /*底部*/
    .footer{}
    .footer .top .box{padding: 50px 0;}
    .footer .top .box .right{display: none;}
    .footer .top .box .left{width: 100%;}
    .footer .top .box .left .h{max-width: 100%;margin-top:20px;}
    .footer .top .box .left .formbox .cont input{height: 0.64rem;}
    .footer .top .box .left .formbox button{width: 2.42rem;height:0.56rem}
    .footer .bot .box{display: block;}
    .footer .bot .box .left{display: block;}
    .footer .bot .box .left{text-align: center;}
    .footer .bot .box .back{display: none;}
    
    .ind_page .banner .pic{width: 100%;height: 100vh;}
    .ind_page .banner .txt{padding: 100px 20px;}
    .ind1{padding:60px 0px;}
    .w1620{padding: 0 20px;}
    .ind1 .switch{gap: 12px;}
    .ind1 .box{display: block;margin-top:30px;}
    .ind1 .box .left{width: 100%;}
    .ind1 .box .left .d{margin-top: 20px;}
    .ind1 .box .left .text{min-height: 0;}
    .ind1 .box .center{position: static;width:100%;margin-top:20px;}
    .ind1 .box .right{width: 100%;}
    .ind1 .box .right .item{padding:0 30px;}
    .ind1 .box .right .swiper{height: auto;padding-bottom:0;max-height:23vw; width: 100%;padding-right:66%;}
    .ind1 .box .right .item .btnbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .swiper-button-lock{opacity: 1;}
    .ind1 .box .right .btnbox button{top: 0!important;left: auto;width:20px;height:100%;}
    .ind1 .box .right .btnbox button.prev{left: 0;}
    .ind1 .box .right .btnbox button.next{right: 0;}
    .ind1 .box .right .btnbox button img{transform: rotate(-90deg);}
    .ind1 .box .right .pogin{display: none;}
    .ind1 .box .right .swiper .swiper-slide{height: auto;padding-bottom:12px;}
    .ind1 .box .right .swiper .swiper-slide .txt{padding: 0;}
    .ind1 .box .right .swiper .swiper-slide .pic{margin: 0 auto;margin-bottom: 6px;}
    .ind1 .box .right .swiper .swiper-slide .txt{position: static;}
    
    .ind2{padding: 0;}
    .ind2 .top .swiper-slide{aspect-ratio: 1620 / 1490;}
    .ind2 .top .text{width: 100%;top: 0;left: 0;padding: 0;height:100%;}
    .ind2 .top .text .txt{top: 30px;left: 20px;width: calc(100% - 40px);}
    .ind2 .bot{margin-top: 12px;height:auto;}
    /*.ind2 .bot .swiper{padding: 0 50px;}*/
    .ind2 .bot .swiper .ss .txt{padding: 12px;font-size:14px;}
    
    .ind3{padding:50px 0;}
    .ind3 .swiper-img .swiper-slide{width: 70vw;margin-right:20px;}
    .ind3 .swiper-txt{width: 100%;}
    .ind3 .swiper-txt .swiper-slide{width: 100%;margin-right:20px;}
    .ind3 .list{width: 100%;padding: 0 20px;margin-top:20px;}
    .ind3 .swiper-txt{display: none;}
    .ind3 .list .item .h{display: block!important;text-align: center;color:var(--linear-gradient);line-height:1.3;text-align:center;margin-bottom:12px;}
    
    .ind4_n{padding:50px 0;overflow:hidden;}
    .ind4_n .top{display: block;}
    .ind4_n .top .h{width:100%;margin-bottom:12px;}
    
    .ind5{padding:50px 0;margin-top:0;margin-bottom:0;}
    .ind5 .ul{flex-wrap: wrap;gap: 20px;}
    .ind5 .ul .li{width: 100%;}
    
    .ind6{padding: 50px 0;}
    
    .news_page{padding: 120px 0 50px 0;}
    .newsbox .hot .swiper-slide{display: block;}
    .newsbox .hot .swiper-slide .txt{padding: 20px;}
    .newsbox .ul{padding: 50px 0 0 0;}
    .newsbox .ul .li .ss{display: block;}
    .newsbox .ul .li .ss .pic{width: 100%;}
    .newsbox .ul .li .ss .txt{padding-right: 0;margin-top:20px;}
    .newsbox .ul .li .ss .txt .p{margin-top: 12px;}
    .newsbox .ul .li .ss .txt .m{position: static;width:fit-content; margin-top: 20px;}
    .nd1 .box{flex-wrap: wrap;}
    .nd1 .left{width: 100%;}
    .nd1 .right{width: 100%;}
    .nd2 .box{padding-top: 50px;}
    .nd2 .box .ul .li{width: 100%;}
    .nd2 .box .ul .li .ss .txt{padding: 20px;}
    
    .prod_page .banner .wrap{padding: 120px 20px 0 20px;}
    .prod_page .prod1{padding: 50px 20px;}
    .prod_page .prod1 .type_bar{font-size: 14px;text-align: center;}
    .prod_page .prod1 .type_bar .item{padding: 0.14rem 0.26rem;}
    .prod_page .prod1 .swiper_prod1 .swiper-slide{width: 5.13rem;}
    .prod_page .prod1 .swiper_prod1 .swiper-slide .item{height: 4.06rem;}
    .prod_page .prod1 .swiper_prod1 .swiper-slide .item .info{padding: 20px;}
    .prod_page .tab_bar{padding:0 20px 12px 20px;height:auto;}
    .prod_page .tab_bar .wrap{flex-wrap: wrap;justify-content: flex-end;}
    .prod_page .tab_bar .list{gap:0;justify-content:space-between;padding:12px 0; font-size:12px;width:100%;}
    .prod_page .tab_bar .list .item{height: auto;line-height: 1.5;}
    
    .prod_page .prod2{padding: 50px 0;}
    .prod_page .tit-box .tit{padding: 0 20px;}
    .prod_page .prod2 .swiper_prod2 .swiper-slide{width: 80vw;transform:scale(0.9);}
    .prod_page .prod2 .swiper_prod2 .swiper-slide .item .pic{height: 50vw;}
    .prod_page .prod3 .wrap .tit-box{top: 50px;width: calc(100% - 40px);}
    .prod_page .prod3{height: 160vw;}
    .prod_page .prod3 .wrap .list{bottom: 30px;padding: 0 20px;flex-wrap:wrap;gap:12px;}
    .prod_page .prod3 .wrap .list .item{width: 100%;}
    .prod_page .prod3 .wrap .list .item .info .tit{width: 5rem;}
    
    .prod_page .prod4{background: transparent;padding:50px 20px;min-height:0;}
    .prod_page .prod4 .pc_con{display: none;}
    .prod_page .prod4 .m_con{display: block!important;}
    .prod_page .tit-box .txt{font-size: 15px;margin-bottom:30px;}
    .prod_page .tit-box .txt br:nth-child(2){display:none;}
    .prod_page .prod4 .m_con .mcons{position: relative;overflow: hidden;}
    .prod_page .prod4 .m_con .mcons .swiper-slide{width:80%}
    .prod_page .prod4 .m_con .mcons .swiper-slide .picm{width: 100%;height: 50vw;border-radius: 0.16rem;overflow:hidden;margin-bottom:12px;}
    .prod_page .prod4 .m_con .mcons .swiper-slide .picm img{width: 100%;height: 100%;object-fit: cover;}
    .prod_page .prod4 .m_con .mcons .swiper-slide .tit{margin-bottom: 8px;}
    .prod_page .prod4 .m_con .mcons .swiper-slide .txt{font-size: 14px;line-height: 1.4;opacity:0;transition:all 0.5s;}
    .prod_page .prod4 .m_con .mcons .swiper-slide-active .txt{opacity: 1;}
    
    .prod_page .prod5{padding:100px 20px 50px 20px;}
    .prod_page .prod5 .product_box .dot_list{display: none;}
    .prod_page .prod5 .dot_listm{display: block!important;margin-top:30px;}
    .prod_page .prod5 .dot_listm .info{display: flex;gap: 12px;margin-top:12px;}
    .prod_page .prod5 .dot_listm .info .icon{width: 18px;height: 18px;}
    
    .prod_page .prod6{padding: 0 20px 0 20px;}
    .prod_page .prod6 .tit-box{margin-bottom: 30px;}
    .prod_page .prod6 .list .item{width: 100%;display: block;height:auto;}
    .prod_page .prod6 .list .item .info{padding:20px 12px;}
    
    .prod_page .prod7{padding:50px 20px 0 20px;}
    .prod_page .prod7 .swiper_prod7 .swiper-slide{width: 80%;}
    .prod_page .prod8{padding: 50px 20px;}
    .prod_page .prod8 .cont{flex-wrap: wrap;}
    .prod_page .prod8 .cont .pic_list{width: 100%;}
    .prod_page .prod8 .cont .list{width: 100%;}
    
    .prod_page .prop1{padding: 50px 20px 0 20px;}
    .prod_page .prop1 .swiper_prop1 .swiper-slide{width: 80%;}
    .prod_page .prop1 .swiper_prop1 .swiper-slide .item .info{width: 100%;}
    
    .prod_page .prop2{padding: 50px 20px;}
    .prod_page .prop2 .cont .row{grid-template-columns:110px repeat(4, minmax(0, 1fr));width:100%;}
    .prod_page .prop2 .cont .row:has(> .item:nth-child(2):last-child) {
      grid-template-columns: 110px 3.1rem;
      max-width: calc(110px + 3.1rem);
      margin-left: auto;
      margin-right: auto;
    }
    
    .prod_page .prop2 .cont .row.product-row .item .pic{width: 100%;height:17vw;}
    .prod_page .prop2 .cont .row.product-row .item{text-align: center;}
    .form_mod.show .cont{display: block;padding:50px 20px 20px 20px; }
    .form_mod .cont .form_box::before{display:none;}
    .form_mod .cont .form_box{width: 100%;}
    .form_mod .cont .contact_box{width: 100%;display: flex;gap:20px;margin-top:30px;}
    .form_mod .cont .contact_box .item{width: calc(50% - 10px);padding:0;border-bottom:none;}
    .form_mod .cont .contact_box .item .value{font-size: 12px;}
    .ind1 .switch .ss{width: 160px;text-align: center;}
    .coming_page .txtbox{width: 100%;padding: 0 20px;}
    .prod_page .prod5 .info_box.show .close{right: 6.7rem;width: 0.68rem;height: 0.68rem;}
    .prod_page .prod5 .info_box .list .item{bottom: 2.6rem;height: calc(90vh - 1rem);}
    
    .footer .top .box .left .accept input{width: max(0.12rem, 12px);height: max(0.12rem, 12px);margin-top: 0.15em;}
    .footer .top .box .left .accept span{width: max(0.12rem, 12px);height: max(0.12rem, 12px);top: 0.15em;}
    
    
    .prod_page .prod1 .swiper_list .navgin.style1 button.prev{top: 1.83rem;}
    .prod_page .prod1 .swiper_list .navgin.style1 button.next{top: 1.83rem;}
    
    .ind2 .top .text .txt .p{display: none;}
    .zz_tanchuang .tbox .modal{width: 90%;}
    .zz_tanchuang .tbox .modal .out{right: 0;}
}