@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
    * {
        font-size: 14px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    a {
        text-decoration: none;
    }

    div, ul, li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body {
        margin: 0;
        padding: 0;
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .con-w {
        width: 100%;
        margin: 10px 0;
    }

    .con-b {
        background-color: #e1f3fd;
        width: 100%;
    }

    .news-zdgz {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
    }
    .news-zdgz-img{  width: 94%;margin: auto;display: block;}
.news-zdgz img{width: 100%;}
    .zdgz {
        width:100%;
        margin-top: 10px;
    }

    .zdgz-tit {
        width: 94%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #3599df;
        margin: auto;
    }

    .zdgz-tit-p a, .zcwjk-tit-p a {
        color: #2f72c6;
        font-size: 24px;
        font-weight: bolder;
    }

    .zdgz-tit-p img, .zcwjk-tit-p img {
        width: 30px;
    }

    .more a {
        color: gray;
        line-height: 48px;
        text-decoration: none;
        font-size: 14px;
    }

    .zdgz-list {
        margin-top: 10px;
    }

    .zdgz-list ul li {
        display: flex;
        flex-direction: row;
        height: 30px;
    }

    .zdgz-list ul li a:hover {
        color: #0471c6;
    }

    .zdgz-list ul li a {
        display: block;
       max-width:340px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #282828;
    }

    .dian {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 20px;
        background-color: #81c4e1;
        position: relative;
        margin: 8px 10px;
    }

    .zcztc {
        width: 100%;
        display: flex;
        margin: 10px auto;
      flex-direction: column;
    }

    .zcwjk {
        width:100%;
    }

    .zcwjk-tit {
        width:94%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #3599df;
        margin: auto;
    }

    .search {
        display: flex;
        justify-content: space-between;
        border: 1px solid #ace1ff;
        height: 26px;
        width:94%;
        margin:8px auto 0;
        background-color: white;
    }

    .input-search {
        border: none;
        background-color: white;
        height: 24px;
        line-height: 24px;
        width: 90%;
    }

    .input-search-img {
        background-color: white;
    }

    .zcwjk-list {
        margin-top: 20px;
    }

    .zcwjk-list ul li {
        display: flex;
        flex-direction: row;
        height: 56px;
        align-items: center;
        margin: 10px auto;
        background-color: white;
        width: 94%;
    }

    .zcwjk-list ul li a {
        display: block;
        color: #6b6b6b;
        width: 100%;
    }

    .zcwjk-list ul li a:hover {
        color: #0471c6;
    }

    .qyztc {
        width: 100%;
    }

    .qyztc-tit {
        height: 49px;
    }

    .qyztc-con {
        background-color: white;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto 0;
        padding: 10px 0;
        width: 94%;
    }

    .qyztc-con a {
        display: block;
        margin: 10px;
    }

    .qyztc-con a img {
        display: block;
        width: 163px;
        border: 1px solid #93c7e0;
    }

    .csld {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .csld-left {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .csld-left-img1 {
        display: flex;
        flex-direction: column;
    }
    .csld-left-img1 a{margin: 5px 0;}
    .csld-left-img1 a img {
        width: 92%;
        display: block;
        margin: auto;
    }
}