@media  screen  and (max-width: 960px) {
    body.active{
        height:100%;
        width: 100%;
        overflow: hidden;
    }
    header{
        position: fixed;
        top: 0;
        box-shadow: 0 0 5px #aaa;
    }
    header {
        z-index: 9999;
        background-color: #fff;
    }
    .container{
        width:100%;
        margin: 0 auto;
    }
    .breakpoint::after{
        content: "960";
    }
    .top {
        position: relative;

    }
    .top .content{
        float: left;
        margin: 0;
        font-size: 14px;
        text-align: left;
        width: 100%;
        background-color: var(--baseColor);
        color: #fff;
    }
    .top .content i{
        float: left;
        margin:5px 10px 0;
        font-size:20px;
        color: #fff;

        
    }
    .top .content span{
        font-weight: 400;
        line-height: 30px;
        font-size: 14px;
        margin-right: 10px;
        color: #fff;
        display: none;
    }

    .top .content strong{
        
        display: inline-block;
        color: var(--baseColor);
        font-weight: 400;
        line-height: 30px;
        font-size: 14px;
        color: #fff;

    }
    .top h1{
        margin:15px 15px 10px;
        max-width: 75%;
    }
    .top h1 img{
        max-width: 100%;
    }

    .hamburg{
        position: absolute;
        top: 55%;
        right: 15px;
        height: 28px;
        width: 30px;
        display: block;
    }
    
    .hamburg span {
        width: 30px;
        height: 3px;
        background-color: #555;
        display: block;
        position: absolute;
        transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
    }
    .hamburg span.a1 {
        top: 0;
        left: 0;
    }
    .hamburg span.a2 {
        top: 10px;
        left: 0;
    }
    .hamburg span.a3 {
        top: 20px;
        left: 0;
    }

    .hamburg.active span.a2{display:none;}

    .hamburg.active span.a1{
        top:12px;
        transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
    }

    .hamburg.active span.a3{
        top:12px;
        transform:rotate(135deg);
        -o-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
    }

    nav{
        width:60%; 
        padding:15px 5%; 
        background-color:#000; 
        opacity:0.9;
        filter:alpha(opacity=90); 
        height:100%; 
        position:fixed; 
        margin:0; 
        top:0; 
        left:-70%; 
        overflow:auto;
        transition:all .5s;
        -o-transition:all .5s;
        -ms-transition:all .5s;
        -moz-transition:all .5s;
        -webkit-transition:all .5s;
        z-index: 9999;
    }
        
    nav.active{
        left:0;
    }

    nav ul{
        width: 100%;
        float: none;
    }

    nav ul li{
        width:100%; 
        height:auto; 
        font-size:22px; 
        text-align:left; 
        border-bottom:1px solid #888; 
        float:none; 
        margin:0; 
        padding:0;
    }
    nav ul li a{
        font-size: 20px;
        line-height: 70px;
    }

    nav ul li i{
        float: right;
        margin-top:-65px;
        padding:20px 30px;
    }
    nav ul li i.fa{
        display: block;
    
    }
    nav ul li i.active {
        transition:all .5s;
        -o-transition:all .5s;
        -ms-transition:all .5s;
        -moz-transition:all .5s;
        -webkit-transition:all .5s;
    }

    
    nav ul li ul{
        border-top: 1px solid #444;
        padding:10px 0;
        display: none;
        position: static;
   
    }
    nav ul li ul li {
        padding-left:30px;
        border: none;
        background-color: none;
        background-color: #000;
        opacity: 0.9;
        transition: all 0s;
        -o-transition: all 0s;
        -ms-transition: all 0s;
        -moz-transition: all 0s;
        -webkit-transition: all 0s;
        height: 60px;
        width: 100%;
        text-align: left
    }


    nav ul li:hover ul{
        display: none;
    }


    nav ul li ul li a{
        border-top: 0;
        font-size: 20px;
        color: #aaa;
        line-height: 60px;
        padding-left:10px;
        border: none;
    }


    .banner,.subbanner{
        margin-top: 94px;
    }

    .cpzx-home ul{
        padding:5%;
        
    }

    .col-xs-4{
        width: 95%;
       margin: 0 auto;
    }

    .gcal-home ul{
        padding:3%;
        
    }

    .col-xs-3{
        width: 95%;
        margin: 0 auto;
        float: inherit;
    }
    
        .col-xs-2{
        width: 95%;
        margin: 0 auto;
        float: inherit;
    }

    .xwzx-home .newsList{
        float: inherit;
        width: 95%;
        margin:0 auto;
    }

    .xwzx-home .newsList h3{
        overflow: hidden;
        line-height: 18px;
        height: 18px;
    }

    .xwzx-home .picList{
        float: inherit;
        width: 95%;
        margin:0 auto 30px;
        height: 300px;

    }

    footer .hd,footer .bd{
        padding:0 30px;
    }

    footer .bd{
        margin-bottom:30px;
        overflow: hidden;
    }

    .pc_kf{width:100%; background-color:var(--baseColor); position:fixed; right:0; bottom:0;}

.pc_kf .nr{width:33%; height:66px; border-right:1px solid rgba(255,255,255,.6); font-size:26px; line-height:66px; background:none; box-shadow:none; margin-bottom:0; float:left;}

.pc_kf .nr.wx{display:block;}

.pc_kf .nr.em{display:none;}

.pc_kf .tel{display:none;}

.pc_kf .ewm{display:none;}

.pc_kf .nr a{display:block;}

.pc_kf .nr i{color:#fff;}

.pc_kf .nr a:hover i{color:#fff;}

.pc_kf .fh{width:33%; height:66px; font-size:32px; line-height:66px; float:left;}



    .e_m {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.9);
        z-index: 99999;
        display: none;
    }
    
    
    .listg {
    
        padding-left: 16px;
    }
    
    .content{
        padding-left:10px;
    }
    .textarea p img.map {


        width:100%;
        margin-bottom: 30px;
    }
    .listt li img{
        display:none;
    }
    
    .page-status {
        display:none;
    }

}