@media screen and (max-width: 1200px) {
    body{padding-top: 50px;}
    #head {display: none;}
    .logo,.search {display: none;}
    .nav {height: auto;}
    .h_nav {width: 100%;float: none;}
    #menu {float: none;}
    #header {background: url(../Images/navbj.png);}
    .nav li {width: 100%;}
    .nav .sec {display: none;}
    #header{display: none;position: fixed;top: 0;z-index: 999;left: 0;right: 0;height: 100%;background: #000!important;padding-top: 150px;}
    #header_m,.footer_m{display: block}
    .header_open {display: block!important;}
    .flxf{height: 100%;background: #000!important;padding-top: 150px;}
    .proright .tab ul li {width: calc(96% / 2);}
    .nav li a{color: #ffffff;}

}
@media screen and (max-width: 768px) {
    .kf {display: none;}
    .proleft {width: 100%;}
    .proright {width: 100%;}
    .proleft h2{font-size: 16px;line-height: 2.5}
    .sortt{text-align: center;padding: 5px;}
    .sortt li{width: auto;display: inline-block;margin:5px 3px !important;}
    .sortt li a{margin:0;text-indent:0;padding: 0 10px;line-height: 2.5}
    .sortt .sec{display: none!important;}

    .proright .tabli ul {width: 100%;float: none;text-align: center;padding: 5px 0;}
    .proright .tabli ul li {width:auto;margin: 0 5px 10px;font: normal 16px/2.5 "微软雅黑";float: none;padding: 0 10px;display: inline-block}

    .proright .tabli > a {width:180px;float: none;margin: 0 auto;display: block;height:auto;font: normal 14px/2 "微软雅黑";}


    .ppjj .abouttu {
        width: 100%;
    }
    .ppjj .aboutjj {
        width: 100%;
    }
    .ppjj .aboutjj {
        background:url(../Images/aboutbj.jpg) ;
    }
    .alzs_con h2 p {
        font-size: 20px;
    }
    .alzs_con h2{
        font-size: 18px;
    }
    .ppjj .aboutjj .about_wz h2 p {
        font-size: 18px;
    }
    .ppjj .aboutjj .about_wz h2 {
        font-size: 18px;
    }
    .ppjj .aboutjj .about_wz {
        width: 98%;
        margin: 1% auto;
    }
    .adv_tt h2 {
        font-size: 20px;
    }
    .adv_tt h3 {
        font-size: 18px;
    }
    .adv-box {
        display: none;
    }
    .new11 {
        width: 98%;
        margin: 0 1%;
    }
    .left {
        width: 100%;
    }
    .right {
        width: 100%;
    }
    .nav_foot p {
        width: 100%;
        overflow: hidden;
    }
    .nav_foot a {
        width: 30%;
    }
    .product_list li {
        width: calc(100% / 2 - 10px);
    }
    .news_list li span {
        width: 100%;
        text-align: left;
    }
    h3.title_bar {
        width: 98%;
        margin: 0;
    }
    #relate_n li {
        width: 98%;
    }
    .case_list li {
        width: calc(96% / 2);
    }
    .message {
        padding: 0;
    }
    #message_main tr th {
        width: 100%;
        text-align: left;
        display: block;
    }
    #message_main tr td {
        display: block;
        width: 100%;
        text-align: left;
    }
    .message #content {
        width: 94%;
    }
    .product_detail .img {
        width: 100%;
    }
    .product_detail .list {
        width: 100%;
    }
    .hzhb h2 p{
        font-size: 20px;
    }
    .news-box > h2 p{
        font-size: 20px;
    }
    .news-box > h2 {
        font-size: 18px;
    }
    .hzhb h2 {
        font-size: 18px;
    }
    #hb_indemo{
        width: 100%;
    }
    .product_listhb li{
        width: calc(48% - 2px);
        margin: 0 1% 15px!important;
    }
}