﻿@media screen and (max-width:1024px) {
    /* * {
        transition: all .5s;
    } */

    .w1200c {
        width: 100%;
    }

    .main-box {
        padding: 5px;
    }

    .search-wrap {
        right: 10px;
    }

    .hd-content li a {
        padding: 20px 50px;
    }

    .nav-main {
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .nav-main li {
        flex: none;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
    }

    .nav-main li a {
        padding: 0 15px;
    }

    .nav-main::-webkit-scrollbar {
        display: none;
    }

    .print {
        display: none;
    }

    .lette-content .col10 {
        width: 15%;
    }

    .lette-content .col90 {
        width: 85%;
    }
}

@media screen and (max-width:960px) {

    .top-info {
        display: none;
    }

    .top-main,
    .top-main .logo,
    .top-main .search-wrap {
        position: unset;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        transform: translateY(0);
    }

    .top-main {
        height: auto;
        padding: 15px;
    }

    .top-main .logo a {
        width: 70%;
    }

    .search .text-box {
        width: 90%;
    }

    .search .submit-box {
        width: 10%;
    }

    .main-item>div:not(.pic-news, .zt-content),
    .news-wrap>div {
        width: 100%;
        height: auto;
        float: none;
        padding: 0;
    }

    .pic-news {
        width: 100%;
        height: 500px;
        float: none;
    }

    .news-box:nth-child(2n) {
        padding: 0;
    }

    .ztzl-title {
        display: none;
    }

    .special-prev,
    .special-next {
        display: block;
    }

    .hd-content {
        display: flex;
    }

    .hd-content li {
        flex: 1;
        margin: 10px;
    }

    .links-title {
        padding-left: 30px !important;
    }

    .links-content {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .links-content li {
        text-align: center;
    }

    .links-content li select {
        margin: 0;
    }

}

@media screen and (max-width:760px) {
    .pic-news {
        height: 420px;
    }

    .lette-content .col10 {
        width: 20%;
    }

    .lette-content .col90 {
        width: 80%;
    }

}

@media screen and (max-width:680px) {
    .hd-content {
        display: flex;
    }

    .hd-content li {
        flex: 1;
        margin: 10px;
    }

    .hd-content li a i,
    .hd-content li a em {
        float: none;
        margin: 0 auto;
    }

    .nav-main li {
        line-height: 45px;
    }

    .nav-main li .head-title::before {
        font-size: 1rem;
    }

    .content_l {
        display: none;
    }

    .content_r {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .article-info .left,
    .article-info .right {
        float: none;
    }
}

@media screen and (max-width:560px) {
    .pic-news {
        height: 370px;
    }

    .links-content {
        display: block;
    }

    .links-content li {
        flex: none;
        float: left;
        width: 50%;
    }

    .lette-content .col10 {
        width: 25%;
    }

    .lette-content .col90 {
        width: 75%;
    }
}

@media screen and (max-width:480px) {
    .pic-news {
        height: 255px;
    }

    .hd-content {
        display: block;
    }

    .hd-content li {
        flex: none;
        margin: 10px;
    }

    .hd-content li a i,
    .hd-content li a em {
        float: left;
        margin-left: 10px;
    }

    .links-content li {
        flex: none;
        float: none;
        width: 100%;
    }

    .article-info .left span {
        display: block;
    }

    .lette-content .table-col {
        border-left: none;
        display: block;
    }

    .lette-content .col10,
    .lette-content .col90 {
        width: 100%;
    }

  
}