@media (max-width:1030px){
    .Caselist ul{ margin:0}
    .mw{ padding:0 20px; box-sizing: border-box;}
    .nav li{margin-left: 50px;}
    .nav li a{font-size: 16px;}
    .productlist li a img{width:100%;height:260px;margin-bottom:10px;}
    .aboutimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }



}

@media (max-width:800px){
    .feedback{ display:block}
    
    .feedback .flimg {
        float:left;
        margin-top:20px;
    width: 100%;
    padding-right:0;
}
.feedback .formitems{width:100%; float:left;}

    .Caselist li{ width: 100%; margin:0}
    .linkinfo{width: 100%;}

    .message{ width: 100%; margin-top:30px}
    .footnav{ display: none;}
    .footlogo{ padding:30px 0; width: auto; float: unset;}
    .foot{ text-align: center;}

    .copy a{ line-height: 1.6;}
    .footslide{ display: block; text-align: center;}
    .footslide i{  display: block;}
    .footslide a{  display: block;}

    .welcome{ display: none;}
    .number li h3{ font-size: 40px; line-height: 60px;}
    .coltitle h3{ font-size: 24px;}
    .coltitle:before{ right: 67%;}
    .coltitle:after{ left: 67%;}
    .colclass{ margin:0 auto }
    .newslist li{ width: 100%; margin:10px 0}
    .newslist ul{ margin:20px auto}
    .infohead h1{ font-size: 20px;}
    .info{ padding:40px 20px}
    .map{ width: 100%; margin-top:30px}
    #dituContent{ width: 100% !important;}

    .prodlist li{ width: 98%;}
    .prodlist li a img{ float:left;width: 100%; height: auto;}

    .aboutimg{ display: none;}
    .productlist li{ width: 100%;}
    .productlist li a img{ height: auto;}
    .Caselist li{ padding:10px 0}
    .linkinfo h3 {
        font-size: 20px;
        margin:20px 0;
        line-height: 30px;
    }
    .linkinfo p{ line-height: 30px; padding:5px 0 5px 40px;}
    }