.mbanner{display:none;height:100%;}
.mbanner img{width:100%;height:100%;object-fit:cover;}
.minbanner{display:none;}


@media(max-width:768px){

    html,body{min-width:0;}
    .m,.mm{width:100%;}
    .mt{margin-top:55px;}
    
    .banner{display:none;}
    .mbanner{display:block;}
    .inbanner{display:none;}
    .minbanner{display:block;}
    
    
    .header .menuicon{position:absolute;z-index:20;right:10px;top:0;width:50px;height:50px;background:url(../images/menuicon.png) center center no-repeat;background-size:80%;}
    .header .hotphone{display:none;}
    .header .logo{margin:10px;}
    .header .logo img{height:30px;}
    .header .menu{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,0.8);margin:0;}
    .header .menu li{display:block;line-height:40px;}
    .header .menu li a{color:#000;padding:0 20px;}
    .header .menu li ul{position:static;}
    .header .menu li li a{font-size:12px;}
    .header .menu li:hover ul{display:none;}

    
    .aboutbox .a{margin:0;width:100%;}
    .aboutbox .a img{height:50%;object-fit:cover;}
    .aboutbox .b{position:absolute;left:10%;top:35%;right:0;padding:15px;}
    .aboutbox .b .b2{font-size:12px;}
    .aboutbox .b .b3{height:95px;overflow:hidden;}
    .aboutbox .b .b4{padding:10px 0;}
    .aboutbox .b .b4 img{height:30px;}
    .aboutbox .b .b4 li a{width:100%;}
    .aboutbox .more a{font-size:12px;}
    
    
    .productbox .boxtitle{padding-top:30px;}
    .productbox .list{margin:50px 20px;overflow-x:auto;}
    .productbox .list ul{width:1200px;}
    .newsbox .boxtitle{padding-top:30px;}
    .newsbox .list{margin:50px 20px;overflow-x:auto;}
    .newsbox .list ul{width:1200px;}
    
    .newsbox .more{padding:0;}
    
    .casebox .boxtitle{padding-top:30px;}
    .casebox .list{margin:20px;}
    .casebox .list li{width:49%;}
    .casebox .list li:nth-child(3n){margin-right:2%;}
    .casebox .list li:nth-child(2n){margin-right:0;}
    .casebox .list li:nth-child(6n){margin-right:0;}
    .casebox .list li .img{height:120px;}
    
    .casebox .more{padding-top:30px;}
    
    .servicebox .a{width:100%;margin-top:0;}
    .servicebox .a img{height:200px;object-fit:cover;}
    .servicebox .b{left:2%;right:2%;width:96%;top:200px;height:40%;}
    .servicebox .b .img{height:250px;}
    
    .contactbox .boxtitle{padding-top:30px;}
    
    .contactbox .list{margin:50px 0 0 0;}
    .contactbox .list .item{width:50%;}
    .contactbox .list .item img{height:80px;}
    
    .footer .mm{width:90%;}
    .footer .a{float:none;}
    .footer .b{float:none;}
    
    .showinfo .m{width:96%;}
    .listinfo .m{width:96%;}
    
    .productlist li{width:49%;}
    .productlist li:nth-child(2n){margin-right:0;}
    
    .newslist li{margin-bottom:10px;padding-bottom:10px;}
    .newslist li .img{width:120px;height:120px;margin-right:20px;}
    .newslist li .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .newslist li .cont{height:40px;overflow:hidden;}
}