@media screen and (max-width: 768px) {

    body {
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }

    .wrapper {
        overflow: hidden;
    }

    .inner {
        width: 100%;
        margin: 10px auto;
        padding: 0 15px;
    }

    #header .inner {
        height: auto;
        margin: 0;
        padding: 0 15px;
    }

    .header .head-left {
        width: 85%;
        padding: 0;
    }

    .header .head-right {
        display: none;
    }

    .header .sitelogo .logo {
        width: 100%;
        height: auto;
    }

    .header .sitelogo .sitetitle {
        display: none;
    }

    .nav {
        display: none;
    }

    #banner .swiper-container {
        width: 100%;
        height: auto;
       
    }

    #banner .swiper-slide .viewtu {
        background-color: gray;
        min-height: 150px;
    }

    #banner .swiper-button-next,
    #banner .swiper-button-prev {
        display: none;
    }

    .main2 {
        display: flex;
        flex-direction: column;
    }

    .main2>div {
        width: 100%;
        margin-top: 20px;
    }

    .main2 .f_news1 {
        width: 100%;
    }

    .main2 .f_news2 {
        width: 100%;
    }

    .main2 .news_con {
        margin-top: 20px;
    }

    .main2 .news_flex {
        flex-direction: column;
    }

    .main2 .news_01 {
        width: 100%;
        height: 280px;
    }

    .news_01 .swiper-slide {
        width: 100%;
        height: 100%;
    }

    .news_01 .pictu {
        width: 100%;
        height: 100%;
    }

    .news_01 .pictu img {
        width: 100%;
        height: 100%;
    }

    .main2 .news_02 {
        width: 100%;
        margin-top: 15px;
    }

    .news_02 li {
        width: 100%;
    }


    .main3 {
        display: flex;
        flex-direction: column;
    }

    .main3>div {
        width: 100%;
        margin-top: 20px;
    }

    .main3 .main3_list {
        width: 100%;
    }


    .main4 {
        display: flex;
        flex-direction: column;
    }

    .main4>div {
        width: 100%;
        margin-top: 20px;
    }

    .main4 ul {
        display: flex;
        flex-wrap: wrap;
    }

    .main4 ul>li:nth-child(2n) {
        margin-left: 10px;
    }

    .main4 ul>li:nth-child(n+1) {
        margin-top: 20px;
    }

    .main4_list li {
        width: 46%;
        height: auto;
    }

    .main4_list li .pic {
        width: 100%;
        height: auto;
    }

    .main4_list li .pic img {
        width: 100%;
        height: auto;
    }

    .main5 {
        padding: 0;
    }

    .main5 .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main5 .inner .linkcon {
        width: 100%;
        margin-bottom: 15px;
    }

    .main5 .inner .linkimg {
        width: 100%;
        height: auto;
    }

    .main5 .inner .linkimg>img {
        width: 100%;
    }

    #footer .inner {
        height: auto;
        padding: 0 10px;
        margin: 20px auto;
    }

    #footer .footer_slogan {
        display: none;
    }

    #footer .footwz {
        width: auto;
        font-size: 13px;
        white-space: nowrap;
    }

    #footer .footer_code span {
        text-align: center;
        font-size: 13px;
        line-height: 17px;
    }

    /* 各新闻板块板头字体控制 */
    .news_cat {
        height: 36px;
        line-height: 30px;
    }

    .news_cat .txtbt {
        font-size: 20px;
    }

    .news_cat .txtbt::after {
        height: 30px !important;
        background-size: 25px 25px !important;
    }

    /* 新闻字体 */
    li .news_wz {
        font-size: 16px !important;
    }

    /* 列表页 */
    .col_news {
        width: 100%;
    }

    .col_news_con {
        padding: 0;
        margin: 0 7px;
    }

    .col_metas {
        width: 100%;
    }
}


@media screen and (max-width: 445px) {
    #footer .footer_code img {
        width: 70%;
        border-radius: 3px;
    }
}

@media screen and (max-width: 400px) {
    #footer .footwz {
        width: auto;
        font-size: 11px;
        white-space: nowrap;
    }

    #footer .footer_code span {
        text-align: center;
        font-size: 11px;
        line-height: 17px;
    }
}
