@media screen and (max-width: 800px) {

    .slhpc {
        display: none !important;
    }

    .slhdbdh {
        width: 98% !important;
        line-height: .25rem !important;
    }

    .header1bt,
    .content1,
    .tplj img,
    .slhdzxclm img,
    .slhdzxclm,
    .slhdzxclm>div,
    .content2,
    .xbt,
    .xtb,
    .tsfwtb1,
    .tsfwtb2,
    .content6,
    .xbt1,
    .con3,
    .xxk,
    .xxk2,
    .content5,
    .rollBox,
    .bottombox>div,
    .bottombox>div>div,
    .jz {
        width: 100% !important;
    }

    .header1bt img {
        width: 100% !important;
    }

    .odv {
        background: none !important;
        width: 98%;
        margin: 0 auto;
    }

    .xwdt {
        width: 100% !important;
        height: auto !important;
        margin-top: .2rem;
    }


    #xwbt1,
    #xwbt2 {
        width: 30% !important;
        font-size: .24rem !important;
    }

    .qt {
        width: 32% !important;
        font-size: .24rem !important;
    }

    .tplj,
    .spxxk {
        width: 100% !important;
        height: auto !important;
    }


    .tplj>div {
        display: flex;
        justify-content: space-between;
    }

    .slhdzxclm>div>div:first-child {
        margin-bottom: .1rem;
    }

    .slhdzxclm>div>div {
        float: none !important;
    }

    .tsfwbt,
    .zfxxgkbt,
    .wsbsdt,
    .bs {
        background-size: 244% 88% !important;
        background-position-x: -119%;
    }

    .xtb {
        margin-top: 0 !important;
        height: auto !important;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }

    .content2,
    .content6,
    .content3,
    .con3 {
        height: auto !important;
    }

    .tsfwtb1,
    .tsfwtb1>div,
    .tsfwtb2,
    .tsfwtb2>div {
        display: contents;
    }

    .tefwnr,
    #xxCon,
    #TabCon1,
    #TabCon2,
    #TabCon3,
    #TabCon4,
    #TabCon5,
    #TabCon6,
    .grbsxtb1,
    .grbsxtb2,
    .frbsxtb1,
    .frbsxtb2,
    .sybz,
    .sybz>*>div,
    .content4,
    .xxgknr1,
    .xxgknr3,
    .xxk3,
    .xxk3_xixi1,
    .xxk3_xixi2,
    .xxk3_xixi3,
    .xxk3_xixi4,
    .xxk3_xixi5,
    #xxk3_TabCon1,
    #xxk3_TabCon2,
    #xxk3_TabCon3,
    #xxk3_TabCon4,
    #xxk3_TabCon5,
    .ztzlbt,
    .bottombox {
        width: 100% !important;
        height: auto !important;
    }

    .xbt1>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: .19rem;
    }

    .xbt1 ul li {
        width: 47% !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    .slhjybs div,
    .slhzzbs div {
        margin: .25rem auto 0 !important;
        width: 86% !important;
        float: none !important;
    }

    .content3 {
        background: none !important;
    }

    #btn5 {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        display: flex;
        justify-content: space-around;
    }

    #xx1,
    #xx2 {
        height: auto !important;
        width: 40% !important;
        background-position: 0.3rem 0.15rem !important;
        line-height: .3rem !important;
        font-size: .2rem !important;
    }

    .xxkbt1,
    .xxkbt2 {
        padding: 0.2rem !important;
        padding-left: .8rem !important;
    }



    #xxCon {
        float: none !important;
    }

    .xxk,
    .xxk2 {
        margin: 0 !important;
        height: auto !important;
    }

    #TabCon1,
    #TabCon2,
    #TabCon3,
    #TabCon4,
    #TabCon5,
    #TabCon6 {
        padding: 0 !important;
    }

    .xtb1,
    .xtb2,
    .xtb3,
    .xtb4,
    .xtb5,
    .xtb6 {
        margin: 0.2rem .08rem !important;
    }

    .xtb1 {
        margin-left: .08rem !important;
    }

    .xtb6 {
        margin-right: .08rem !important;
    }

    .sybz {
        margin: .2rem auto !important;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .2rem;
    }

    .sybz>* {
        width: 46% !important;
        margin: 0 !important;
        height: auto !important;
    }


    .xixi1,
    .xixi2 {
        width: 1.5rem !important;
    }

    .xxk2_xixi1 {
        width: 2.2rem !important;
    }

    .con3 {
        box-shadow: none !important;
    }

    .xxgknr1 {
        margin: .1rem 0 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    .xxgkz1,
    .xxgkz2,
    .xxgkz3,
    .xxgkz4,
    .xxgkz5 {
        width: 32% !important;
        margin-bottom: .1rem !important;
        background: rgb(243, 243, 243) !important;
    }

    .xxk3_xixi1,
    .xxk3_xixi2,
    .xxk3_xixi3,
    .xxk3_xixi4,
    .xxk3_xixi5 {
        display: flex;
        justify-content: space-evenly;
        gap: 2.8%;
        flex-wrap: wrap;
    }

    .xxgkz1:hover a,
    .xxgkz2:hover a,
    .xxgkz3:hover a,
    .xxgkz4:hover a,
    .xxgkz5:hover a {
        margin-left: 0 !important;
    }

    #xxk3_TabCon1>div,
    #xxk3_TabCon2>div,
    #xxk3_TabCon3>div,
    #xxk3_TabCon4>div,
    #xxk3_TabCon5>div {
        display: flex;
        height: .6rem !important;
    }

    #xxk3_TabCon1>div>div:last-child,
    #xxk3_TabCon2>div>div:last-child,
    #xxk3_TabCon3>div>div:last-child,
    #xxk3_TabCon4>div>div:last-child,
    #xxk3_TabCon5>div>div:last-child {
        flex-shrink: 0;
        width: 23% !important;
        font-size: .2rem !important;
        line-height: .6rem !important;
    }

    .rollBox .LeftBotton {
        left: 0;
    }

    .rollBox .RightBotton {
        right: 0;
    }

    .rollBox .Cont {
        width: 76% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    .pic div:last-child {
        font-size: .18rem !important;
    }

    .bottom {
        height: auto !important;
    }

    .bottombox>div>div {
        height: 2.9rem !important;
    }

    .bottombox>div>div>div:first-child {
        padding-top: 2.3rem !important;
        position: absolute;
        margin-left: .2rem;
    }

    .bottombox>div>div>div:nth-child(8) {
        bottom: .74rem !important;
    }

    .bottombox>div>div>div:nth-child(9) {
        bottom: .62rem !important;
    }

    .xwlist-li {
        height: .6rem !important;
        display: flex;
    }

    .xwlist-liL {
        font-size: .2rem !important;
        line-height: .6rem !important;
    }

    .xwlist-liR {
        font-size: .2rem !important;
        line-height: .6rem !important;
        flex-shrink: 0;
    }

    .tefwnr a,
    .xbt1 a,
    #xxCon a,
    .sybz a {
        font-size: .2rem !important;
    }


    .white,
    .mt5 {
        font-size: .18rem !important;
    }

    #xxk3_TabCon1>div>div:first-child,
    #xxk3_TabCon2>div>div:first-child,
    #xxk3_TabCon3>div>div:first-child,
    #xxk3_TabCon4>div>div:first-child,
    #xxk3_TabCon5>div>div:first-child {
        font-size: .2rem !important;
        line-height: .6rem !important;
    }

    #xxk3_TabCon5>div:last-child,
    #xxk3_TabCon4>div:last-child {
        display: none;
    }

    .xxk3_tab1,
    .xxk3_tab2,
    .xxk3_tab3 {
        background: rgb(243, 243, 243);
        width: 31% !important;
        margin-bottom: .2rem !important;
    }

    .xxk3_tab1,
    .xxk3_tab2,
    .xxk3_tab3,
    .xxk3_tab4,
    .xxk3_tab5 {
        font-size: .22rem !important;
    }

    .xxk3_tab4,
    .xxk3_tab5 {
        width: auto !important;
    }

    .slider2 .slides li {
        height: auto !important;
    }

    .slider2 .slides li img {
        width: 100% !important;
        height: 3.09rem !important;
    }

    .lunbo {
        width: 100% !important;
        height: auto !important;
    }

    .slides li div:last-child {
        width: 100% !important;
    }

    /* 汉堡菜单按钮样式 */
    .mobile-menu-toggle {
        display: flex !important;
        position: absolute !important;
        top: .12rem !important;
        right: .1rem !important;
        width: .3rem !important;
        height: .2rem !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .mobile-menu-toggle span {
        display: block !important;
        height: .02rem !important;
        width: 100% !important;
        background-color: #fff !important;
        border-radius: .01rem !important;
        transition: all 0.3s ease !important;
    }

    /* 汉堡菜单激活状态 */
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(.05rem, .05rem) !important;
    }

    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0 !important;
    }

    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(.07rem, -.06rem) !important;
    }



    /* 隐藏桌面端导航和搜索 */
    .dh {
        display: none !important;
    }

    /* 遮罩层 */
    .mobile-nav-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        z-index: 1000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
    }

    .mobile-nav-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 侧边菜单面板 */
    .mobile-nav-menu {
        position: fixed !important;
        top: 0 !important;
        right: -3rem !important;
        width: 2.8rem !important;
        height: 100% !important;
        background-color: #fff !important;
        z-index: 1001 !important;
        transition: right 0.3s ease !important;
        box-shadow: -0.02rem 0 0.1rem rgba(0, 0, 0, 0.2) !important;
        overflow-y: auto !important;
    }

    .mobile-nav-menu.active {
        right: 0 !important;
    }

    /* 菜单头部 */
    .mobile-nav-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: .2rem .15rem !important;
        background-color: rgb(13, 109, 195) !important;
        color: #fff !important;
        border-bottom: .01rem solid #eee !important;
    }

    .mobile-nav-header h3 {
        font-size: .22rem !important;
        margin: 0 !important;
        font-weight: bold !important;
    }

    .mobile-nav-close {
        font-size: .3rem !important;
        cursor: pointer !important;
        line-height: 1 !important;
        color: #fff !important;
    }

    /* 菜单内容 */
    .mobile-nav-content {
        padding: .1rem 0 !important;
    }

    .mobile-nav-content a {
        display: block !important;
        padding: .15rem .2rem !important;
        color: #333 !important;
        text-decoration: none !important;
        font-size: .2rem !important;
        border-bottom: .01rem solid #f0f0f0 !important;
        transition: background-color 0.3s ease !important;
    }

    .mobile-nav-content a:hover,
    .mobile-nav-content a:active {
        background-color: #f8f9fa !important;
        color: rgb(13, 109, 195) !important;
    }

    .mobile-nav-content a:last-child {
        border-bottom: none !important;
    }

    .tq {
        margin-right: .4rem;
    }

    /* 隐藏桌面端的栏目列表 */
    .lmlb {
        display: none !important;
    }

    /* 调整内容区域布局 */
    .nr {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .floatRight {
        float: none !important;
        width: 100% !important;
        background-color: #fff !important;
        margin-top: 0 !important;
    }

    /* 移动端标题下拉菜单 */
    .mobile-title-dropdown {
        display: block !important;
        width: 100% !important;
        background-color: #fff !important;
        border: .01rem solid #ccc !important;
        border-radius: .08rem !important;
        margin-bottom: .15rem !important;
        box-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.1) !important;
    }

    .mobile-title-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: .15rem .2rem !important;
        background: linear-gradient(135deg, #0d6dc3 0%, #115eb6 100%) !important;
        color: #fff !important;
        cursor: pointer !important;
        user-select: none !important;
        border-radius: .07rem .07rem 0 0 !important;
        transition: background-color 0.3s ease !important;
    }

    .mobile-title-header:active {
        background: linear-gradient(135deg, #115eb6 0%, #0d6dc3 100%) !important;
    }

    .mobile-title-header h3 {
        margin: 0 !important;
        font-size: .22rem !important;
        font-weight: bold !important;
        color: #fff !important;
        border: none !important;
        padding: 0 !important;
        height: auto !important;
        line-height: 1.2 !important;
        flex: 1 !important;
    }

    .dropdown-arrow {
        width: .12rem !important;
        height: .12rem !important;
        border-right: .02rem solid #fff !important;
        border-bottom: .02rem solid #fff !important;
        transform: rotate(45deg) !important;
        transition: transform 0.3s ease !important;
        margin-left: .1rem !important;
    }

    .mobile-title-header.active .dropdown-arrow {
        transform: rotate(-135deg) !important;
    }

    .mobile-category-list {
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
        background-color: #fff !important;
        border-radius: 0 0 .07rem .07rem !important;
    }

    .mobile-category-list.active {
        max-height: 6rem !important;
        overflow-y: auto !important;
    }

    .mobile-category-list ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-category-list ul li {
        border-bottom: .01rem solid #f0f0f0 !important;
        position: relative !important;
    }

    .mobile-category-list ul li:last-child {
        border-bottom: none !important;
    }

    .mobile-category-list ul li a {
        display: block !important;
        padding: .15rem .2rem !important;
        color: #333 !important;
        font-size: .18rem !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        line-height: 1.4 !important;
    }

    .mobile-category-list ul li a:hover,
    .mobile-category-list ul li a:active {
        background-color: #f8f9fa !important;
        color: #0d6dc3 !important;
    }

    .mobile-category-list ul li a .arrow {
        position: absolute !important;
        right: .15rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: .08rem !important;
        height: .08rem !important;
        border-right: .015rem solid #0d6dc3 !important;
        border-bottom: .015rem solid #0d6dc3 !important;
        transform: translateY(-50%) rotate(-45deg) !important;
        background: none !important;
        opacity: 0 !important;
        transition: all 0.3s ease !important;
    }

    .mobile-category-list ul li a:hover .arrow {
        opacity: 1 !important;
        transform: translateY(-50%) rotate(-45deg) translateX(.05rem) !important;
    }

    /* 调整原有的内容标题区域在移动端隐藏 */
    .nrbt {
        display: none !important;
    }

    /* 调整内容正文区域 */
    .nrzw {
        width: 100% !important;
        margin: .15rem 0 !important;
        padding: .15rem !important;
        background-color: #fff !important;
        border-radius: .08rem !important;
        box-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.1) !important;
        box-sizing: border-box !important;
    }

    .wzlj {
        width: 100% !important;
    }

    .nrlb {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nrlb>div:last-child {
        flex-shrink: 0;
    }
}

@media screen and (min-width: 801px) {

    .mobile-menu-toggle,
    .mobile-nav-overlay,
    .mobile-nav-menu {
        display: none !important;
    }

    .mobile-title-dropdown {
        display: none !important;
    }
}