@media (max-width: 1680px) {
    html { font-size: 90px; }
}
@media (max-width: 1440px) {
    .hdon .content{margin-right:0px;}
    .pro_main .pro_quanbu{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 1400px) {
    html { font-size: 80px; }
    .about_cont .content{font-size:14px;}
    .yyry .list p{font-size:14px;}
}

@media (max-width: 1340px) {
    .productmnau .main_w .list li a{font-size:16px;}
}

@media (max-width: 1280px) {
    html { font-size: 70px; }
    .xptj .title{padding-top:.6rem;}
    .main_top .main_w .top_list a{font-size:16px;}
    .lmon .m_title{padding-left:.6rem;}
    .productmnau{top:0px;margin-bottom:0px;}
    .products ul{gap:.4rem;}
    .products li .cpc .title font{font-size:.3rem;}
    .products li .cpc .title p{padding-top:.05rem;}
    .products li .cpc .content{font-size:14px;}
    .products li .cpc .mores{font-size:14px;margin-top:.3rem;}
}
@media (max-width: 1280px) {
}

@media(max-width: 1170px) {
    .top_list{display:none;}
    .menu_wap{display:block;}
    .xptj .box .item li{padding-left:.3rem;padding-right:.3rem;}
    .xptj .box .item li .sgabg{padding-top:.3rem;}
    .lmon .m_title{padding-left:.3rem;}
    .lmon .m_title font{font-size:18px;}
    .lmon .m_title p{font-size:12px;}
    .lmon .m_list li a .fonts font{font-size:16px;}
    .xptj .box .item ul{gap:.3rem;}
    .gjjk .main_w{grid-template-columns: auto auto;}
    .gjjk .item div{font-size:16px;}
    .wmdsm .box .item .title2 font{font-size:.36rem;}
    .wmdsm .box .item .title2 p{font-size:.26rem;}
    .wmdsm .box .item .content{font-size:.3rem;}
    .cpgn .main_w{display: block;}
    .cpgn{padding-top:.4rem;padding-bottom: .4rem;}
    .cpgn .cpgn_right{padding-bottom:.4rem;}
    .cpgn .cpgn_right .img1{padding-top:.4rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .title font{font-size:.35rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .content{font-size:14px;}
    .cpgn .cpgn_right .cpsm li p{font-size:14px;}
}
@media(max-width: 1024px) {
}

@media(max-width: 999px) {
    .main_w{padding-left:.2rem;padding-right:.2rem;}

    .xptj .box .item li .sgabg{display:block;}
    .xptj .box .item li .bt font{font-size:18px;}
    .xptj .box .item li .bt p{font-size:16px;}
    .xptj .box .item li .nr{margin-top:.2rem;display:none;}
    .xptj .title{padding-top:.4rem;padding-bottom:.4rem;}
    .xptj .title font{font-size:.24rem;}

    .lmon{display:grid;height:auto;padding-top:.2rem;padding-bottom:.2rem;grid-template-columns: auto auto;gap:.1rem;}
    .lmon .m_title{padding-bottom:.2rem;}
    .lmon .m_title p{padding-top:5px;}
    .lmon .m_list{overflow:hidden;}
    .lmon .m_list li{padding:.2rem;}
    .lmon .m_list li::after{left:-.2rem;}
    .xptj{min-height:auto;padding-bottom:.4rem;}
    .footer{display:none;}
    .footer .mshi .foot_right{display:none;}
    .gjjk{padding-top:.4rem;padding-bottom:0px;}
    .gjjk .main_w{grid-template-columns: auto ;gap:.2rem;}
    .productmnau .main_w .list li a{font-size:15px;}
    .m_banner .title font{font-size:.36rem;}
    .m_banner .title p{font-size:.2rem;}
    .about_cont .main_w{display:block;}
    .about_cont .content{padding:0.4rem 0;}
    .about_cont .imgs{padding-bottom:.4rem;text-align:center;}
    .about_cont .imgs div{position:static}
    .about_cont .imgs div::after{display:none;}
    .wmdsm .box .item .title2 font{font-size:.3rem;}
    .wmdsm .box .item .title2 p{font-size:.24rem;padding-top:.05rem;}
    .products ul{grid-template-columns: auto;}
    .cpgn .main_w .title font{font-size:.24rem;}
    .cpgn .main_w .title p{font-size:.24rem;}
    .x_hhh .main_w .item .kio1{font-size:.3rem;}
    .x_hhh .main_w .item .kio2{font-size:.2rem;}
    .x_hhh .main_w .kio4{max-width:8.77rem;bottom:.4rem;}
    .x_hhh .main_w .item .kio3{width:1.3rem;height:0.42rem;line-height:.4rem;margin-top:.4rem;}
    
    .lmon .m_list ul{grid-template-columns: repeat(1,1fr);display:flex;}
    .lmon .m_list li{padding:0px;}
    .lmon .m_list li a{padding:.2rem;}
    .lmon .m_list li a .fonts font{font-size:14px;}
    .lmon .m_list li a .fonts p{font-size:12px;}
    .lmon .m_list li::after{display:none;}
    .productmnau .main_w .search_p{display:none;}
}

@media(max-width: 767px) {
    .xptj .box .item ul{grid-template-columns: repeat(2,1fr);gap:.2rem;}
    .xptj .box .item li .bt font{font-size:16px;}
    .xptj .box .item li .bt p{font-size:14px;}
    /* .lmon{padding-top:.3rem;} */
    .main_top{top:.2rem;}
    .main_top .main_w .top_right .top_search_1{display:none;}
    .main_top .main_w .logo{max-width:2.6rem;}
    .lmon .m_title font{font-size:16px;}
    .lmon .m_title p{font-size:12px;}
    .m_banner{height:4rem;display:flex;align-items: center;text-align: center;}
    .m_banner .title{padding-top:0.2rem;}
    .cpzx{height:4rem;display:flex;align-items: center;}
    .cpzx .title{padding-top:0.2rem;}
    .cpzx .title font{font-size:.36rem;}
    .cpzx .title p{font-size:.2rem;}
    .sb{margin-top:.4rem;display:none;}
    .wmdsm{height:auto;overflow:hidden;}
    .wmdsm .box .item{overflow:hidden;}
    .wmdsm .box .item .title2 p{font-size:.2rem;}
    .wmdsm .box .item .content{font-size: 14px;}
    .wmdsm .box .item .content{position:relative;}
    .wmdsm .box{display:block;height:auto;}
    .wmdsm .box .item{text-align: left;padding:0 .2rem;}
    .wmdsm .box .item::after{height:1px;width:100%;right:0px;bottom:0px;top:auto;opacity: 1 ;    background: rgba(255, 255, 255, .3);}
    .wmdsm .box .item:hover::after{opacity: 2 ;}
    .wmdsm .box .item .title2{position: relative;justify-content: left;}
    .wmdsm .box .item .title2 font{FONT-SIZE:.24rem;}
    .wmdsm .box .item .title2,.wmdsm .box .item:hover .title2{max-height:1rem;margin-top:.3rem;}
        .wmdsm .box .item .title2 font{opacity: .7;}
        .wmdsm .box .item .title2 p{opacity: .7;}
        .wmdsm .box .item .content{opacity: 1;top:0px;display:block;padding:.3rem 0;height:1.6rem;}
        .wmdsm .box .item::before{opacity: 1 !important;}
    .wmdsm .box .item .wh{bottom:0;font-size:12px;position: relative;margin-bottom:.3rem;opacity: .5;}
    .yyry .title p{font-size:.24rem;}
    .yyry{padding-top:.4rem;}
    .yyry .title font{font-size:.24rem;}
    .products{margin-top:.4rem;}
    .productmnau .main_w .list ul{padding:.2rem 0;}
    .productmnau .main_w .list li{padding:.1rem 0;}
    .cpgn .cpgn_right .cpsm{display: block;}
    .cpgn .cpgn_right .cpsm li{padding-top:.2rem;}
    .pro_main .pro_quanbu{display: block;}
    .pro_main .pro_quanbu .pro_quanbu_right{padding-top:.2rem;}
    .pro_show_cs ul{grid-template-columns: repeat(2,1fr);display: grid;gap:.3rem;}
    .pro_show_cs{padding-top:.4rem;}
    .x_hhh .swiper-pagination-bullets .swiper-pagination-bullet{background-size:4px auto !important;width:20px;height:20px;margin:0 3px;background-position:center}
    .progress-container{width:100%;height:100%;}
    .x_hhh .swiper-pagination-bullet circle{r:7;}


    .cbgb { padding-left: 0px; padding-right: 0px; }
    .xmin { height: 59px; }
    .div1 { line-height: 59px; min-width: 70px; font-size: 14px; }
    .div2 font { margin-top: 20px; font-size: 12px; line-height: 20px; }
    .div3 { width: 60%; margin-top: 16px; }
    .div3 input { height: 30px; padding-left: 10px; }
    .div4 { margin-top: 20px; }
    .div4 label { width: 38px; }
    .div4 label font { font-size: 14px; }
    .div5 { width: 60%; }
    .div5 textarea { padding: 10px; height: 120px; }
    .div6 { margin-top: 16px; }
    .div6 input { height: 30px; padding-left: 10px; }
    .div7 { margin-top: 16px; }
    .cxia { padding-bottom: 20px; margin-bottom: 20px; }
    .ysuo { margin-top: 20px; }
    .texa { height: 155px; }
    .qren input { width: 120px; height: 35px; line-height: 35px; margin-top: 25px; margin-bottom: 25px; }
    .top_search{display:block;}
    .product_di{height:.89rem;;}
    .x_hhh .main_w .item{top:1rem;}
    .x_hhh .main_w{height:7rem;}
    .products li .cpc .cpc_right{padding-top:.3rem;}
    .products li .cpc{display:block;padding:.3rem;overflow:hidden;width: auto;}
    .products li .di{margin-left:0px;}
    .xptj .box .item li:nth-child(4){display:block;}
}

@media(max-width: 400px) {
}

@media(max-width: 360px) {
    .lmon{display:block;}
    .cpzx .title font{font-size:.3rem;}
    .div3 { width: 50%; }
    .div5 { width: 50%; }
    .top_search{display:none;}
}