@media (max-width: 767px) {
    .wrap{
        width: 100%;
        padding: 0 10px;
    }
    .all-wrap{
        min-width: 100%;
    }

    .header{margin-bottom: 20px;}

    .header>div{
        flex-direction: column;
        justify-content: space-evenly;
    }

    .header-logo img{
        width: 100%;
    }

    .mid-news,.btm-news,.news-slide,.footer-links .links-con{
        flex-direction: column;
    }

    .fourpic-slide{
        overflow: hidden;
    }

    .nav{
        position: fixed;
        left: 0;
        transform: translateX(calc(-100% - 1px));
        transition: all 0.3s;
        top: 0;
        width: 50%;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.7);
        height: 100%;
    }

     .nav ul{
        flex-wrap: wrap;
     }

    .nav ul li,.news-slide>div,.zt-slide li,.mid-news .list-style,.btm-news .list-style,.btm-news .three-option,.fourpic-slide li,.footer-links .links-con .layui-form{
        width: 100%;
    }

    .footer-links .links-con,.footer-links{
        height: unset;
        padding-bottom: 10px;
    }

    .picnews-slide{
        margin-bottom: 20px;
    }

    .listnews-slide{
        margin-left: 0;
    }

    .list-style .hd li{
        margin: 0 4px;
    }

    .list-style .hd li.on .more{
        display: none;
    }

    .picnews-slide .bd li{
        height: unset;
        aspect-ratio: 3/2;
    }

    .footer{
        height: unset;
    }

    .nav a{
        text-align: center;
    }

    .nav-toggler{
        display: block;
    }

    .nav-toggler>div{
        text-align: center;
        line-height: 30px;
    }

    .nav-toggler .nav-show{
        display: block;
    }

    .zdyshownav{
        left: 0;
        transform: translateX(0%);
        /* display: block; */
    }

    .ny-main>div{
        flex-direction: column;
    }

    .ny-main .ny-right{
        width: 100%;
    }

    .ny-main .ny-left{
        width: 100%;
    }

    .ny-main .list-style .page{
        padding: 0;
    }

    .nr-top .title{
        font-size: 20px;
    }

    .nr-top p{
        margin-top: 14px;
    }

    .nr-con{
        padding: 20px;
    }

    .next-pre{
        flex-direction: column;
    }

    .next-pre a{
        margin-bottom: 20px;
    }

    .ny-main .content{
        margin-bottom: 40px;
    }
}

@media print {
    header,footer,nav{
        display: none;
    }
}