@media  all and (min-width: 320px) and (max-width: 1200px) {
    .content-item{
        width: 100%;
        flex-direction: column;
    }
    .fx{
        display: none;
    }
    .news-issue-by{
        padding: 3px 3%;
        justify-content: center;
    }
    .news-item .text{
        width: 90%;
    }
    .section-top{
        width: 100%;
        margin-top: 20px;
    }
    .xwzx-content{
        padding-top: 30px;
    }
    .section-details{
        width: 100%;
    }
    .news-title{
        margin: 0px 25px 38px;
    }
    .news-title p{
        font-size: 24px;
        line-height: 30px;
    }
    .news-content{
        margin: 30px auto;
        padding: 0px 18px;
        font-size: 16px;
        line-height: 30px;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .news-content img{
        width: 100% !important;
        height: auto !important;
    }
    /*.news-content p img{
        width: auto !important;
    }*/
    .news-content div{
        width: 100% !important;
    }
    .news-guide-item{
        width: 100%;
    }
    .news-issue-by{
        font-size: 14px;
    }
    .content-footer{
       background-size:cover;
       background-position:right;
   }
    .swiper-container{
       height:290px;
    }
}