@media only screen and (min-width: 1024px){
    
    .top_zixunbt{
        width:150px;
        height: 45px;
        line-height: 45px;
        background: #fbebdc;
        color: #d03440;
        float: right;
        text-align: center;
        font-size: 18px;
        margin-top:10px;
    }
    
    .index_sousuo{
        width: 470px;
        margin:0 auto 0 32%;
        float: none;
       /* padding-top: 86px;*/
        z-index: 999;
    position: absolute;
    top: 110px;
   
    }
    .search-input{
        height: 32px;
        color: #2c3e50;
    background-color: #eaeaea;
    border: none;
    }
    .search-input::placeholder{
        color: #4e4e4e;
    }
    .search-input::focus{
        color: #4e4e4e;
        border:none;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(255 255 255 / 0%) !important;
    }
    .index_btn{
        height:32px !important;
        padding:0 16px !important;
    }
    .index_btn i:before{
        font-size: 20px;
    }
    
    .index_container{
        position: relative;
        z-index: 99;
        top: 0px;
        overflow: hidden;
    }
    .my-1 a{
        font-size: 18px;
        font-weight: bold;
    }
    .myy-2 span{
        color: #ababab;
        font-size: 12px;
        float: left;
    }
    .myy-2 p{
        float: right;
        font-size: 14px;
        font-weight: bold;
    }
    .zr_title{
        width: 1200px;
        font-size: 30px;
        font-weight: bold;
        color: #d03440;
        text-align: center;
        line-height: 76px;
        margin-top:10px;
    }
    .zr_title span{
        border-bottom: 3px solid #d03440;
        padding-bottom: 20px;
    }
    .zr_fenlei{
        
       float: left;
        overflow: hidden;
    }
    .zr_fenlei ul li{
        float: left;
        margin: 0 15px;
        line-height: 80px;
        
    }
    .zr_fenlei ul li a{
        font-size: 14px;
       color: #696969;
    }
    .shishang{
        background: url(../imgs/shishang_bg.png);
        border-radius:25px;
        margin-top:15px;
        padding-bottom:20px;
    }
    .shishang .qklist{
        width:1158px;
        margin: 0 auto;
        background: #fac7c7;
        border-radius:15px;
    }
    .shishang .zr_title{
        line-height: 45px;
    }
    .shishang .zr_title span{
       color:#fff;
       border:none;
    }
    .shishang .zr_fenlei{
       
        margin: 0 auto;
       
        
    }
    .shishang .zr_fenlei ul li a{
       
       color: #fff;
    }
    .shishang .qklist li{
        width: 23% !important;
    }
    .dibu{
        width: 1360px;
        margin: 0 auto;
    }
    
    .erjibg{
        height: 100px !important;
        z-index: 0;
    }
    .erjidh{
        background: #fff !important;
        
    }
    .erjidh .nav-menu > li a{
        color: #d03440 !important;
    }
    
    .erjimb{
        margin:0;
       
    }
    .erjimb li a{
         color: #3e3e3e !important;
    }
    .erjisx{
        margin:0;
    }
    .dinggou{
        float: right;
        width: 68px;
        background: #d03440;
        font-size: 24px;
        color: #fff;
        padding:65px 20px;
        
    }
    .dinggou a{
        text-decoration: none;
        color: #fff;
    }
    .tupian{
        margin-bottom:0 !important;
    }
    .lianjie{
        padding-bottom:0 !important;
         margin-bottom:0 !important;
    }
    .jieshao{
        height: 72px;
    }
    .jieshao .s-bzsj{
        display: block;
        width:15%;
        color: #d03440;
        font-size: 30px;
        float: right;
        text-align: center;
    }
    .breadcrumb li a{
        color: #fff;
    }
    .nav-tabs > li{
        float: none !important;
    }
    .zzzj_common_title h2{
        padding-left:27px;
        background: url(../imgs/icon_show_title.png) left center no-repeat;
    }
    .erjileft{
        border: 0 !important;
    }
    .erjileft li{
       
        height: 75px;
       
    }
    .erjileft li a{
        font-size: 30px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        border: 0 !important;
        background: none !important;
        padding:0 !important;
    }
    .erjileft .active{
         background: linear-gradient(to right, #4c3b92 20%, #ed3b4b 110%) !important;
    }
    .xiangguan ul{
        display: flex !important;
        flex-flow: wrap !important;
        padding: 0;
        
    }
    .xiangguan ul li{
        width:20% !important;
        text-align: center;
        margin-bottom: 30px;
    }
    .xiangguan ul li a img{
        margin:0 auto;
    }
    .xiangguanc{
        border: 0 !important;
        margin: 30px auto;
        width: 1200px;
        border-radius: 10px;
        padding: 30px;
    }
    .xiangguanc h3{
        font-size: 20px;
        font-weight: bold;
    }
    .index_art_pic{
        text-align: center;
    }
    .index_art_pic img {
        width:80%;
    }
    #ajaxdata_1 .index_article{
        width:25%;
        float: left;
        text-align: center;
    }
    .product-list .product-grid{
        grid-template-rows: repeat(1, 1fr) !important;
    }

}

/*手机*/
@media only screen and (max-width: 767px){
    .product-list .product-grid{
        grid-template-rows: repeat(1, 1fr) !important;
    }
    .mtop{
        height: 300px;
        background: url(../img/shouji.png) no-repeat;
        padding-top: 2%;
        background-size: cover;
    }
    .mtop .logosousuo ul li {
        float: left;
    }
    .mlogotext{
        width: 29%;
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
    font-weight: bold;
    line-height: 3rem;
    }
    .mfenlei{
        color: #fff !important;
        float: right !important;
        top: 2px;
    }
    .msousuo{
        padding-top: 5px;
    }
    .msousuo .left-search{
        background: rgba(255,255,255,0.7);
        padding: 5px 3px;
        border-radius: 3px;
    }
    .msousuo .left-search input{
         background: rgba(255,255,255,0);
         border: 0;
         
    }
    .msousuo .left-search .s{
        width: 100%;
        font-size: 12px;
        background: url(../imgs/search.png) no-repeat;
        background-size: 14px;
        background-position: right ;
        color: #fff;
        padding-right: 18px;
    }
    .textbtn{
        clear: both;
        text-align: center;
        color: #fff;
        padding: 30px;
    }
    .textbtn a{
        color: #fff;
        font-size: 1rem;
        
    }
    .textbtn a h1,.textbtn a h2{
       font-size: 1.1rem;
    }
    .textbtn a span{
        display: block;
        padding: 5px;
        border-radius:20px;
        background: #fff6b1;
        width: 25%;
        margin: 30px auto;
        color: #fd6709;
    }
    .zzzj_index_qklist{
        background: #fff;
        border-radius: 10px;
    }
    
    
    
    
    
    
}