@charset "utf-8";

/*******************/
@media  (max-width: 736px){
    .top{
        width: 100%;
        padding:10px 0;
    }
    .top .logo{
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .top .nav{
        float:none;
        width: 100%;
    }
    .top .nav li{
        width: 25%;
    }
    .-banner .hd {
        display: none;
    }
    .float{
        position: static;
        background: rgb(12,113,188);
    }
    .float .w-6{
        width: 100%;
    }
    .float .w-3 a{
        text-align: center;
        float: none;
        width: 100%;
    }
    .float .w-3 img{
    }
    .float .w-3 span{
        float: none;
        width: 100%;
        line-height: inherit;
        display: block;
        text-align: center;
        margin: 5px 0;
    }
    .center{
       width: 100%;
    }
    .center .w-4{
        width: 50%;
    }
    .center .w-8{
        width: 100%;
    }
    .center .w-8 .w-5{
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    #equipment .bd ul li{
        width: 50%;
    }
    #equipment .bd ul li .pic .-f-l{
        width: 100%;
    }
    #equipment .bd ul li .pic .-f-l img{
        display: none;
    }
    #equipment .bd ul li .pic .-f-l a{
        display: block;
        width: 100%;
    }
    #equipment .bd ul li .pic .-f-r{
        display: none;
    }
    #equipment .prev{
        left: 0;
        top:26%;
    }
     #equipment .next{
         right: 0;
         top:26%;
     }
    .footer .w-8{
        width: 100%;
    }
    .footer .w-8 .w-1{
      display: none;
    }
    .footer .w-8 .w-4{
        width: 100%;
    }
    .footer .w-8 .w-4 ul li:first-child{
        text-align: center;
    }
    .footer .w-8 .w-4 .wx{
        position: static;
        text-align: center;
        margin-bottom: 10px;
    }
    .ban .nav,.ban .nav1,.ban .nav2{
        width: 100%;
        position: static;
    }
    .ban .nav1 li,.ban .nav li{
      width: 25%;
    }
    .ban .nav ul,.ban .nav1 ul,.ban .nav2 ul{
        width:100%;
    }
    .center .about{
        padding: 5px;
    }
    .center .about  p.bc img{
        width: auto;
    }
    .center .about  p img{
        width: 100%;
        padding: 5px;
    }
    .center .about .w-6 li span{
       display: none;
    }
    .center .about .w-8{
        width: 100%;
    }
    .center .about .w-8 li{
        width: 50%;
    }
    .center .about .w-6{
        width: 100%;
    }
    .center .about .w-6 .w-5{
        width: 100%;
        float: none;
    }
    .center .about .w-6 li{
        padding: 15px;
    }
    .m_map{
        display: none;
    }
    .center .qg ul li{
        width: 50%;
        margin: 10px 0;
    }
}
.mtit-h{position: relative;}
.mtit-h h2{position:absolute;top:50%;left: 50%;margin:-55px 0 0 -55px;font-size:25px;color:#333;}