@media(max-width: 769px) {
    html,body{
        overflow-x: hidden;
    }
    header .navBtnm {
        display: flex
    }

    header .navbtn {
        width: 32px;
        display: block;
        transition: .3s;
        z-index: 5;
        text-align: center;
        position: relative;
        cursor: pointer;
    }

    .menu-btn {
        overflow: hidden;
        width: 32px;
        height: 32px;
        background: 0 0;
        opacity: 1;
        position: absolute;
        z-index: 999;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        left: 0;
    }

    .menu-btn .line-1,
    .menu-btn .line-2,
    .menu-btn .line-3 {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 32px;
        height: 2px;
        background: #fff;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition-property: transform, width, margin, background-color;
        margin-top: -1px;
    }

    .menu-btn .line-1 {
        margin-top: -9px;
        width: 100%;
    }

    .menu-btn .line-3 {
        margin-top: 7px;
        width: 100%;
    }

    .navBtnm.on .menu-btn .line-1 {
        visibility: hidden
    }

    .navBtnm.on .menu-btn .line-2 {
        margin-top: -1px !important;
        width: 90%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .navBtnm.on .menu-btn .line-3 {
        margin-top: -1px !important;
        width: 90%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    header>div {
        padding: 5px 15px !important;
        height: 90px !important;
    }

    header .logo {
        width: 50% !important;
    }

    header .column {
        flex-direction: column;
        margin: auto;
        margin-left: 0 !important;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: rgba(144, 28, 28, 0.5);
        backdrop-filter: blur(10px);
        display: none;
    }

    header .search {
        margin-left: 35%;
    }

    header .column>li {
        margin: auto;
        width: 100%;
        position: relative !important;
        border-radius: 0 !important;
    }

    header .column>li::after {
        content: "▼";
        position: absolute;
        right: 0;
        top: 3px;
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        transition: .3s;
        /* font-family: 'lib'; */
        font-style: normal;
        display: none;
    }

    header .column>li.has-child::after {
        display: block;
    }

    header .column li .child {
        width: 100% !important;
        position: static !important;
        border-radius: 0% !important;
        padding: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }

    .bigbanner ul li img {
        height: auto;
    }
    .news{
        padding-top: 30px;
    }
    .news>.flex {
        flex-direction: column;
    }
    .news .dynamic>.flex:nth-child(2){
        flex-direction: column;
    }
    .news .dynamic .picnews,
    .news .dynamic .list {
        width: 100%;
    }
    .news .dynamic .picnews .info .title{
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-height: 1.5em;       /* 单行高度 */
        max-height: 3em;        /* 1.5em × 3 = 精确限制3行 */
        word-break: break-word;   /* 处理长单词 */
    }
    .news .dynamic .picnews .info .summary{
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-height: 1.5em;       /* 单行高度 */
        max-height: 4.5em;        /* 1.5em × 3 = 精确限制3行 */
        word-break: break-word;   /* 处理长单词 */
        margin-bottom: 5px;
    }
    .news .dynamic .picnews .info .time span:nth-child(1),
    .news .dynamic .list li .time p:nth-child(1){
        font-size: 24px;
    }
    .news .dynamic .picnews .info .time span:nth-child(2),
    .news .dynamic .list li .time p:nth-child(2){
        display: block;
        font-size: 16px;
    }
    .news .dynamic .picnews .pic {
        width: 100%;
        height: auto;
        border-radius: 10%;
    }

    .news .dynamic .picnews .swiper-pagination {
        bottom: 18px;
    }

    .news .dynamic .list li {
        width: 100%;
        margin-bottom: 10px;
        padding: 20.5px 33px;
    }

    .news>.flex .Announcement {
        margin-top: 20px;
    }

    .news .Announcement .list li {
        width: 100%;
    }

    .sys .sysbanner ul li img {
        width: 100%;
        height: auto;
    }

    .xshd .xshdpic .pic,
    .xshd .switch {
        display: none;
    }

    .xshd .prev img,
    .xshd .next img {
        margin-top: 20px;
    }

    .xshd .xshdtext {
        position: static;
        margin-bottom: 30px;
    }

    .xshd .xshdtext .columntitle {
        flex-direction: column;
        align-items: flex-start;
    }

    .xshd .xshdtext .columntitle .column {
        margin-left: 0;
        margin-top: 15px;
    }

    .xshd .xshdtext .columntitle .column ul {
        overflow-x: auto;
        white-space: nowrap;
    }

    .xshd .xshdlist .content .xshdpic .bannerbox {
        flex-direction: column;
    }

    .xshd .xshdlist .content .xshdpic .info {
        width: 100%;
        padding-top: 30px;
    }

    .xshd .xshdlist .content .xshdpic .info .title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .xshd .xshdlist .content .xshdpic .info .summary {
        margin-bottom: 30px;
    }

    .xshd .xshdpic .info .more{
        top: -25%;
    }


    .xzgd>img {
        display: none;
    }

    .ggfw .ggfwinfo ul {
        flex-wrap: wrap;
    }

    .ggfw .ggfwinfo li {
        width: 48%;
        margin-bottom: 20px;
    }

    .ggfw .ggfwinfo li img {
        height: 150px;
        margin-bottom: 10%;
    }
    .yjtd{
        margin-top: 50px;
    }
    .yjtd .yjtdbanner::after{
        display: none;
    }
    .yjtd .yjtdbanner .info p:nth-child(1) {
        width: 100%;
        font-size: 20px;
    }

    .yjtd .yjtdbanner .bannerbox li {
        width: 140px;
    }

    .yjtd .yjtdbanner .bannerbox li img {
        width: 100px;
    }

    .yjtd .yjtdbanner .bannerbox li>img {
        height: 140px;
    }

    /* 通用移动端优化 */
    body {
        font-size: 14px;
        min-width: 0 !important;
    }
    .news>div,
    .sys>div,
    .xshd>div,
    .kycg>div,
    .ggfw>div,
    .yjtd>div {
        width: 90%;
    }

    .news .columntitle p,
    .sys .columntitle p,
    .xshd .xshdtext .columntitle>p,
    .kycg .columntitle p,
    .xzgd .columntitle p,
    .ggfw .columntitle p,
    .yjtd .columntitle p {
        font-size: 24px;
    }

    .news .columntitle p:after,
    .sys .columntitle p:after,
    .xshd .xshdtext .columntitle>p:after,
    .kycg .columntitle p:after,
    .xzgd .columntitle p:after,
    .ggfw .columntitle p:after,
    .yjtd .columntitle p:after {
        width: 60px;
        height: 45px;
    }

    .news .dynamic .list li .text {
        font-size: 16px;
    }

    .news .Announcement .list li .text {
        font-size: 16px;
    }

    /* 导航菜单移动端优化 */
    header .column>li {
        padding: 10px 20px !important;
    }

    header .column>li a {
        font-size: 16px !important;
    }

    header .column li .child li {
        padding: 8px 0;
    }

    header .column li .child li a {
        font-size: 14px;
    }

    .yjtd .bigpic {
        display: none;
    }

    .yjtd .yjtdbanner {
        margin-left: -15px;
    }

    .xshd>div {
        display: block;
    }
    .kycg{
        margin-top: 50px;
    }
    .kycg .info {
        flex-direction: column;
    }

    .kycg .kycgbanner {
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
    }

    .kycg .kycgbanner .kycgpic {
        width: 100%;
        height: auto;
    }

    .kycg .kycgbanner .kycgpic img {
        width: 100%;
        height: auto;
    }

    .kycg .kycglist {
        width: 60%;
        padding-left: 0;
        padding-top: 30px;
    }

    .kycg .kycglist li .title {
        width: 100%;
        font-size: 18px;
    }
    .kycg .kycglist::before{
        display: none;
    }
    .kycg .switch {
        /* flex-direction: row; */
        margin-left: 0;
        /* margin-top: 30px; */
        position: absolute;
        right: 0;
        bottom: 5%;
    }

    .kycg .switch>a {
        margin-right: -50px;
    }
    .kycg .switch .prev {
        top: -50px;
    }
    .kycg .switch .next {
        bottom: -50px;
    }
    .kycg .switch>img{
        width: 200px;
        height: auto;
        /* display: none; */
    }
    .xzgd {
        flex-direction: column;
    }

    .xzgd>div {
        width: 90%;
        margin: auto;
        padding-top: 30px;
        padding-left: 0;
    }

    .xzgd .xzgdlist li {
        width: 100%;
        margin-right: 0;
    }

    footer {
        height: auto !important;
        background-size: cover !important;
    }

    footer .footerbox>div {
        flex-direction: column;
        align-items: flex-start !important;
    }

    footer .footerbox>div .logo {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    footer .footerbox>div .info {
        padding: 0 0 20px 0 !important;
        border: none;
    }

    footer .footerbox>div .info::before,
    footer .footerbox>div .info::after {
        display: none;
    }

    footer .footerbox>div .links {
        display: none;
    }

    footer .footerbox>p {
        font-size: 14px !important;
    }
}
@media(max-width: 600px) {
    .news .dynamic .picnews .info .flex .time{
        display: flex;
        flex-direction: column;
    }
    .news .dynamic .picnews .info .title{
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-height: 1.5em;
        max-height: 3em;
        word-break: break-word;
    }
    .news .dynamic .picnews .info .summary{
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-height: 1.5em;
        max-height: 4.5em;
        word-break: break-word;
    }
    .news .dynamic .list{
        margin-left:0px;
    }
}
@media(max-width: 520px) {
    .kycg .switch{
        right: 15%;
    }
    .kycg .switch>img{
        opacity: 0;
    }
}
@media(max-width: 470px) {
    .xzgd .xzgdlist li .title{
        width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media(max-width: 768px) {
    .listmain,.showmain{
        width: 100% !important;
    }
    .tyl-main-left{
        width: 20%;
    }
    .tyl-main-center{
        height: auto;
    }
    .tyl-main-right {
        width: 75%;
    }
    .tyl-main-right-list-a li a{
        display: block;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-word;
    }
}
@media(max-width: 560px) {
    .tyl-main-right-list-a li a{
        width: 75%;
    }
}
@media(max-width: 480px) {
    .tyl-main-left{
        float: none;
        display: flex;
        align-items: center;
    }
    .tyl-main-left-title{
        height: 50px;
    }
    .tyl-main-left-list ul{
        display: flex;
    }
    .tyl-main-right{
        width: 100%;
    }
    .tyl-main-right-list-a li a{
        width: 70%;
    }
}