@media(max-width:1200px){
    /* 手机端头部 */
    header{position:fixed;left:0;top:0;width:100%;z-index:99;;background:#f8f8f8;}
    .pc_header{display:none}
    .m_header{display:block}
   .banner{padding-top:80px;width:100%}
   .loc{padding-top:60px}
    .wrap{max-width:96%}
    .banner a{display:block}
    .banner img{width:100%;max-width:auto;}
    .m_none{display:none}
    .recommend ,.index-product-r{width:100%}
    .news{flex-direction:column}
    .recommend{margin-bottom:10px}
    .recommend .t1{display:none}
    .sub_nav{display:flex;flex-wrap:wrap}
    .sub_nav{padding:10px;}
    .shop_list li,.sub_nav li{width:25%;}
    .title1{font-size:16px}
    .choice{display:none}
    .cft{margin-top:0}


    .details_input{padding:15px}
    .tab_box .tab1 p{width:50% !important}
}

@media(max-width:1000px){
    .tab_box .tab p{width:33.333%}
    .shop_list li,.list li{width:33.3333%}
    .details_top,.contact,.tab_box {flex-direction:column}
    .contact .con,.more1,.tab_box .tab{width:100%}
    .more1{text-align:center;padding:15px 0}
    .footer_log,.footer_ewm,.footer_nav,.footer_top{display:none}
    .f_address,.bottom_r{width:100%;}
    .f_address{text-align:left}
    .gap_2 li a img{height:188px}
    .contact{padding:20px 0 0 0;box-shadow:none}
    .contact_l{padding-left:0;}
    #map{height:400px}
    .about_img .img{width:50%}
    .introduce{width:100%;margin-top:15px}
    .swiper_img{width:100%}
    .swiper_img img{height:auto}
    .input_box .bd:nth-child(1),.input_box .bd:nth-child(2),.input_box .bd:nth-child(3),.input_box .bd:nth-child(4),.input_box .bd:nth-child(5){background:none}
    .input_box .bd input{border-right:none;width:95%}
    .bd1 textarea{width:95%}
    .gap_1 li{width:50%}

}

@media(max-width:640px){
    .shop_list li,.list li{width:50%}
    .sub_nav li{width:33.3333%;}
    .news_tit .t1{font-size:18px;padding:0 10px}
    .news_tab{flex-direction:column;}
    .return a,.return,.next{width:100%}
    .dpsc{font-size:18px}
    .gap_2{margin:36px -5px 0 -5px}
    .gap_2 li a{margin:0 5px 10px 5px}
    .cft_box{flex-direction: column}
    .cft_box .item{width:100%;line-height:36px}
    .cft_box .item_nav{width:100%;padding:10px;box-sizing:border-box}
    .item_nav_tab{width:100%;}
    .fl_more{margin-top:10px}
    .gap_1 img{height:180px}
}

@media(max-width:480px){
    .shop_list li a img{height:146px;}
    .gap_2 li{width:50%;}
    .gap_2 li a img{height:125px}
    .about_img .img{width:100%;height:auto}
    .pb40{padding-bottom:15px;}
    .shop_list li a img{height:120px}
    .gap_1 li{width:100%}
    .gap_1 img{height:auto}
}