/* ============================================
   走进浮梁页面 (index_zjfl.html) 移动端适配
   选择器以 .cycx-main 或页面特有类名开头，
   确保不影响首页(.box1等)和其他页面
   ============================================ */

@media screen and (max-width: 768px) {
    /* --- 基础容器 --- */
    .cycx-main {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .cycx-main .container {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* --- Header 区域 --- */
    #header4 header {
        height: 50vw !important;
        padding-bottom: 0 !important;
        position: relative;
    }

    #header4 header .headerbg {
        height: 100% !important;
        /* position: relative !important; */
    }

    #header4 header .headerbg img.logo {
        width: 45vw !important;
        height: auto !important;
        left: 70% !important;
        transform: translateX(-50%) !important;
        top: 15% !important;
    }

    #header4 header .headerbg .swiper-wrapper {
        height: 100% !important;
    }

    #header4 header .headerbg .swiper-wrapper .swiper-slide img {
        max-height: 100% !important;
        object-fit: cover !important;
    }

    #header4 header .container {
        width: 100% !important;
    }

    #header4 header .container .links .right{
        width: 100%;
        flex-wrap: wrap;
    }

    #header4 header .container .links .left {
        display: none !important;
    }

    #header4 header .container .links span{
        font-size: 16px !important;
        margin-right: 0px !important;
    }

    #header4 header .container .flex {
        display: block;
        margin-top: 10px !important;
    }

    #header4 header .container .flex .logo {
        width: 40% !important;
        height: 80px;
    }

    #header4 header .menus {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        bottom: 0;
    }

    #header4 header .menus ul {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    #header4 header .menus ul li {
        width: 30% !important;
        height: 45px !important;
        padding: 0 5px !important;
    }

    #header4 header .menus ul li a {
        font-size: 16px !important;
        line-height: 45px !important;
    }
    #header4 header .menus ul li a p{
        text-align: center;
    }

    /* --- 介绍区域 .intro-section --- */
    /* .intro-section {
        padding: 20px 0 !important;
    } */

    .intro-section .container {
        background: none !important;
        width: 100% !important;
    }

    .intro-section .content-box {
        padding: 10px !important;
        height: auto !important;
    }

    .intro-section .title {
        font-size: 22px !important;
        margin-bottom: 15px !important;
        padding-top: 10px !important;
    }

    .intro-section .title img {
        /* max-width: 80% !important; */
        width: 140%;
        transform: translateX(-14%) !important;
        height: auto !important;
    }

    .intro-section .desc {
        font-size: 15px !important;
        line-height: 1.8 !important;
    }

    .intro-section .desc p {
        font-size: 15px !important;
        line-height: 1.8 !important;
        margin-bottom: 10px !important;
    }

    /* --- 相关公开 .xggk_box --- */
    .intro-section .xggk_box {
        width: 100% !important;
        padding: 10px !important;
    }

    .intro-section .xggk_ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .intro-section .xggk_ul > li {
        width: 13.33% !important;
        margin-top: 10px !important;
    }

    /* .intro-section .xggk_ul > li:nth-child(n+7) {
        margin-top: 10px !important;
    } */

    .intro-section .xggk_ul li a {
        height: auto !important;
        padding: 10px 5px !important;
    }

    .intro-section .xggk_ul li i {
        width: 50px !important;
        height: 50px !important;
    }

    .intro-section .xggk_ul li h6 {
        font-size: 14px !important;
    }

    /* --- 人文浮梁 .part5 --- */
    .part.part5 {
        padding: 30px 0 !important;
    }

    .part.part5 .inner {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    .part.part5 .zt_title_bg {
        height: auto !important;
        min-height: 60px !important;
        background-size: contain !important;
        margin-bottom: 10px !important;
    }

    .part.part5 .accordion .accordion_box {
        display: none !important; /* 桌面端手风琴隐藏 */
    }

    .part.part5 .accordion #accordionSwiper {
        display: block !important;
    }

    .part.part5 .accordion #accordionSwiper .accordion_img_text {
        width: 100% !important;
        height: auto !important;
    }

    .part.part5 .accordion #accordionSwiper .accordion_img_text .img {
        width: 100% !important;
        height: 200px !important;
    }

    .part.part5 .accordion #accordionSwiper .accordion_img_text .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .part.part5 .accordion #accordionSwiper .accordion_img_text .text {
        padding: 15px !important;
        display: block !important;
    }

    .part.part5 .rwxg_title {
        height: auto !important;
        min-height: 30px !important;
        background-size: contain !important;
        margin-bottom: 15px !important;
    }

    .part.part5 .rwxg_photo {
        height: 150px !important;
        margin-bottom: 15px !important;
    }

    .part.part5 .rwxg_item_box_title > li {
        width: 100% !important;
        margin-top: 8px !important;
    }

    .part.part5 .rwxg_item_box_title > li:nth-child(2) {
        margin-top: 8px !important;
    }

    .part.part5 .rwxg_item_box_title li a {
        height: 50px !important;
        line-height: 50px !important;
        font-size: 14px !important;
        padding-left: 30px !important;
    }
    .accordion #accordionSwiper .swiper-pagination{
        display: none;
    }

    /* --- 产业浮梁 .part4 --- */
    .part.part4 {
        padding: 20px 0 !important;
    }

    .part.part4 .inner {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    .part.part4 .zt_title_bg {
        height: auto !important;
        min-height: 60px  !important;
        background-size: contain !important;
        margin-bottom: 10px !important;
    }

    .part.part4 .cyxg_tab_pane .cyxg_tab_box2 {
        height: auto !important;
    }

    .part.part4 .cyxg_tab2 {
        display: flex !important;
        flex-wrap: wrap !important;
        border-radius: 8px !important;
    }

    .part.part4 .cyxg_tab2 > li {
        width: 33.33% !important;
        float: none !important;
    }

    .part.part4 .cyxg_tab2 li a {
        height: 60px !important;
        padding: 10px 5px 0 !important;
    }

    .part.part4 .cyxg_tab2 li a em {
        font-size: 24px !important;
        top: 5px !important;
    }

    .part.part4 .cyxg_tab2 li a span {
        font-size: 14px !important;
    }

    .part.part4 .cyxg_pane_box2 {
        padding: 15px !important;
    }

    .part.part4 .cyxg_pane_box2::before,
    .part.part4 .cyxg_pane_box2::after {
        display: none !important;
    }

    .part.part4 .cyxg_pane2 .w-row {
        display: flex !important;
        flex-direction: column !important;
    }

    .part.part4 .cyxg_pane2 .w-col {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    .part.part4 .cyxg_pane2 .w-col[style*="width: 37%"] {
        width: 100% !important;
    }

    .part.part4 .cyxg_pane2 .w-col[style*="width: 63%"] {
        width: 100% !important;
        padding-top: 15px !important;
    }

    .part.part4 .cyxg_left2 {
        padding: 15px !important;
        padding-top: 20px !important;
    }

    .part.part4 .cyxg_left2_title {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    .part.part4 .cyxg_left2_text {
        font-size: 14px !important;
        line-height: 1.8 !important;
        -webkit-line-clamp: 10 !important;
    }

    .part.part4 .cyxg_left2_text p,
    .part.part4 .cyxg_left2_text span {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }

    .part.part4 .cyxg_left2_text img {
        max-width: 100% !important;
        height: auto !important;
    }

    .part.part4 .cyxg_left2_text table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        font-size: 12px !important;
    }

    .part.part4 .cyxg_left2_text td,
    .part.part4 .cyxg_left2_text th {
        padding: 3px 5px !important;
        font-size: 12px !important;
    }

    .part.part4 .cyxg_right2 {
        padding-top: 0 !important;
    }

    .part.part4 .cyxg_sec_pane {
        padding: 15px !important;
    }

    .part.part4 .cyxg_sec_pane .w-row {
        flex-direction: column !important;
    }

    .part.part4 .cyxg_sec_pane .w-col[style*="width: 63%"]{
        display: none;
    }
    .part.part4 .cyxg_sec_pane .w-col[style*="width: 63%"],
    .part.part4 .cyxg_sec_pane .w-col[style*="width: 34%"] {
        width: 100% !important;
    }

    .part.part4 .cyxg_img_box2 {
        height: 200px !important;
        margin-bottom: 15px !important;
    }

    .part.part4 .cyxg_text_box2 {
        height: auto !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
    }

    /* --- 视频区域 .video-section --- */
    .video-section {
        padding: 30px 0 !important;
    }

    .video-section .container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .video-section .section-title {
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

    .video-section .section-title img {
        /* max-width: 80% !important; */
        height: auto !important;
    }

    .video-section .section-title em {
        display: none !important;
    }

    .video-section .section-title .tab {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: inline-block !important;
        padding: 8px 20px !important;
        margin: 5px !important;
    }

    .video-section .section-title .tab:nth-child(3),
    .video-section .section-title .tab:nth-child(4) {
        right: auto !important;
    }

    .video-section .section-title .tab p {
        font-size: 14px !important;
    }

    .video-section .video-box .slider-wrapper::after {
        display: none;
    }

    .video-section .video-box {
        width: 100% !important;
        height: auto !important;
        /* flex-direction: column !important; */
        margin-top: 20px !important;
    }

    .video-section .slider-wrapper {
        width: 80% !important;
        height: 320px !important;
        /* order: 1 !important; */
    }

    .video-section .slider-item {
        border-width: 3px !important;
    }

    .video-section .slider-item p {
        width: 40px !important;
        height: auto !important;
        min-height: 120px !important;
        left: 10px !important;
        top: 10px !important;
        font-size: 14px !important;
        line-height: 40px !important;
    }

    .video-section .slider-item iframe,
    .video-section .slider-item video {
        height: 220px !important;
    }

    .video-section .play-btn {
        width: 50px !important;
        height: 50px !important;
        border-width: 3px !important;
    }

    .video-section .slider-btn {
        width: 40px !important;
        height: 40px !important;
        /* order: 1 !important; */
        margin: 10px 5px !important;
    }

    .video-section .prev-btn,
    .video-section .next-btn {
        position: relative !important;
        transform: none !important;
    }

    .video-section .video-nav-wrapper {
        margin-top: 20px !important;
        flex-wrap: wrap !important;
    }

    .video-section .video-nav-container {
        width: 100% !important;
        height: auto !important;
        padding-top: 10px !important;
    }

    .video-section .video-nav {
        flex-wrap: wrap !important;
        justify-content: center !important;
        transform: none !important;
    }

    .video-section .nav-item {
        width: 80px !important;
        height: 40px !important;
        writing-mode: horizontal-tb !important;
        line-height: 40px !important;
        margin: 5px !important;
        font-size: 14px !important;
    }

    .video-section .nav-item::after {
        display: none !important;
    }

    .video-section .nav-item:nth-child(1),
    .video-section .nav-item:nth-child(3),
    .video-section .nav-item:nth-child(4),
    .video-section .nav-item:nth-child(5),
    .video-section .nav-item:nth-child(6),
    .video-section .nav-item:nth-child(7) {
        transform: none !important;
    }

    /* Swiper2 / Swiper3 / Swiper5 通用 */
    .video-section .Swiper2_box,
    .video-section .Swiper3_box,
    .video-section .Swiper5_box {
        margin: 0 !important;
        padding: 0 !important;
    }

    .video-section #Swiper2,
    .video-section #Swiper3,
    .video-section #Swiper5 {
        height: 250px !important;
    }

    .video-section .swiper-slide {
        opacity: 1 !important;
        transform: none !important;
    }

    .video-section .swiper-slide img {
        height: 250px !important;
    }

    .video-section .img_mask_box .mask_title h3 {
        display: block !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 13px !important;
    }

    .video-section .swiper-button-prev,
    .video-section .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
        background-size: contain !important;
    }

    /* --- 景点区域 .spots-section --- */
    .spots-section {
        padding: 30px 0 !important;
    }

    .spots-section .container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .spots-section .section-title {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .spots-section .section-title img {
        /* max-width: 100% !important; */
        height: auto !important;
    }

    .spots-section .tabs {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .spots-section .tabs ul {
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    .spots-section .tabs ul li {
        width: 24% !important;
        height: 45px !important;
        line-height: 45px !important;
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    .spots-section .spots-row {
        flex-direction: column !important;
    }

    .spots-section .spots-left {
        width: 100% !important;
        height: auto !important;
        max-height: 70px !important;
        margin-bottom: 15px !important;
    }

    .spots-section .spots-list li {
        margin-top: 10px !important;
        width: 40% !important;
    }

    .spots-section .spots-list li a {
        height: 60px !important;
        padding-right: 60px !important;
    }

    .spots-section .spots-list li a h6 {
        font-size: 15px !important;
    }

    .spots-section .spots-right {
        width: 100% !important;
        max-height: none !important;
    }

    .spots-section .map-box {
        height: 400px !important;
    }

    .spots-section .map-popup {
        width: 30vw !important;
        top: 10px !important;
        bottom: 10px !important;
        left: 10px !important;
    }

    .spots-section .map-popup>img {
        height: 100px !important;
    }

    .spots-section .map-popup .popup-content {
        padding: 10px !important;
    }

    .spots-section .map-popup .popup-content h6 {
        font-size: 14px !important;
    }

    .spots-section .map-popup .popup-content p {
        font-size: 12px !important;
        line-height: 1.6 !important;
        margin-top: 8px !important;
        -webkit-line-clamp: 4 !important;
        max-height: 6.4em !important;
    }

    .spots-section .map-popup .popup-nav {
        padding: 0 10px 8px !important;
    }

    .spots-section .map-popup .popup-nav .nav-btn {
        height: 36px !important;
        line-height: 36px !important;
        font-size: 14px !important;
    }

    /* --- 攻略区域 .guide-section --- */
    .guide-section {
        background-size: cover !important;
    }

    .guide-section .container {
        width: 100% !important;
        padding: 0 15px !important;
        transform: none !important;
    }

    .guide-section .section-title {
        margin-bottom: 20px !important;
    }

    .guide-section .section-title img {
        width: 100% !important;
        transform: none !important;
    }

    .guide-section .guide-row {
        flex-direction: column !important;
    }

    .guide-section .guide-left {
        width: 100% !important;
    }

    .guide-section .guide-title .title-text {
        font-size: 16px !important;
    }

    .guide-section .guide-content {
        min-height: auto !important;
    }

    .guide-section .guide-content .item {
        padding: 10px 0 !important;
    }

    .guide-section .guide-content .item .title {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .guide-section .guide-content .item .desc {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .guide-section .guide-tabs {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 15px !important;
    }

    .guide-section .guide-tab {
        width: auto !important;
        height: auto !important;
        min-height: 40px !important;
        padding: 8px 15px !important;
        writing-mode: horizontal-tb !important;
        font-size: 13px !important;
        flex: 1 1 30% !important;
    }

    .guide-section .guide-tab.active {
        transform: translateY(-5px) !important;
    }

    .guide-section .guide-right {
        display: none;
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* --- 美食区域 .food-section --- */
    .food-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-top: 0 !important;
    }

    .food-section .container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .food-section .section-title {
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

    .food-section .food-carousel {
        height: auto !important;
        padding: 0 !important;
    }

    .food-section .food-item {
        padding: 0 10px !important;
    }

    .food-section .food-item .img-wrapper {
        width: 140px !important;
        height: 140px !important;
    }

    .food-section .food-item .img-box {
        width: 100px !important;
        height: 100px !important;
    }

    .food-section .food-item .name {
        font-size: 14px !important;
        margin-top: 10px !important;
    }

    .food-section .swiper-pagination {
        margin-top: 10px !important;
    }

    .food-section .swiper-pagination-bullet {
        width: 25px !important;
        height: 6px !important;
    }

    /* --- 活动区域 .activity-section --- */
    .activity-section {
        padding-bottom: 30px !important;
    }

    .activity-section .container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .activity-section .section-title {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .activity-section .Swiper3_box {
        margin: 0 !important;
        padding: 0 !important;
    }

    .activity-section #Swiper3 {
        height: 220px !important;
    }

    .activity-section .swiper-slide img {
        height: 220px !important;
    }

    .activity-section .swiper-button-prev,
    .activity-section .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
        background-size: contain !important;
    }

    /* --- 印象浮梁 .yxxg_box --- */
    .yxxg_box {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .yxxg_ul {
        flex-wrap: wrap !important;
    }

    .yxxg_ul > li {
        width: 50% !important;
        padding: 5px !important;
        margin-bottom: 10px !important;
    }

    .yxxg_ul:hover li:hover,
    .yxxg_ul:hover li:not(:hover) {
        width: 50% !important;
    }

    .yxxg_card_box {
        height: 200px !important;
        padding: 5px !important;
    }

    .yxxg_card_box .yxxg_card img {
        width: 30px !important;
        margin: 10px 0 0 10px !important;
    }

    .yxxg_ul:hover li:hover .yxxg_card_box {
        height: 200px !important;
        padding: 5px !important;
    }

    .yxxg_ul:hover li:hover .yxxg_card {
        padding: 10px !important;
    }

    .yxxg_card_box .yxxg_title {
        font-size: 18px !important;
        height: auto !important;
        line-height: 1.4 !important;
    }

    .yxxg_card_box .p {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }
    /* ============================================
    底部
       ============================================ */
    /* CSS变量定义 */
    :root {
        --mobile-footer-icon-height: 40px;
        --mobile-footer-font: 11px;
    }
    footer{
        height: auto;
    }
    #footer,
    footer {
        /* padding: 20px 15px !important; */
        margin-top: 0 !important;
    }

    #footer .container,
    footer .container {
        width: 100% !important;
        padding: 0 !important;
    }

    footer .container .links{
        display: none;
    }

    footer .links ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    footer .links li {
        margin: 5px 10px !important;
        text-align: center !important;
    }

    footer .links a {
        font-size: 12px !important;
        color: white !important;
        white-space: nowrap !important;
    }

    footer .info {
        margin: 20px 0 !important;
        text-align: center !important;
    }

    footer .info > div {
        width: 50% !important;
        margin-bottom: 10px !important;
    }

    footer .info span {
        margin: 0 5px !important;
    }

    footer .info span a {
        font-size: 12px !important;
        color: white !important;
    }

    footer .info p {
        font-size: var(--mobile-footer-font) !important;
        color: white !important;
        line-height: 1.8 !important;
        margin: 5px 0 !important;
        text-align: center !important;
        flex-wrap: wrap;
    }

    footer .info a.banquan {
        font-size: var(--mobile-footer-font) !important;
        color: white !important;
    }

    footer .pic {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 15px !important;
    }

    footer .pic a {
        display: inline-block !important;
        margin: 0 !important;
    }

    footer .pic img {
        width: auto !important;
        height: var(--mobile-footer-icon-height) !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    footer-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    footer-links a {
        font-size: 12px !important;
        margin: 3px 5px !important;
    }
}

@media screen and (max-width: 540px) {
    .intro-section .xggk_ul{
        flex-wrap: wrap;
    }
    .intro-section .xggk_ul > li{
        width: 25% !important;
    }
    .spots-section .tabs ul li{
        width: 20% !important;
    }
    .spots-section .spots-list li a{
        padding-right: 30px !important;
    }
}

/* ============================================
   走进浮梁页面 小屏幕优化 (<480px)
   ============================================ */

@media screen and (max-width: 480px) {
    #header4 header .headerbg {
        height: 250px !important;
    }

    #header4 header .headerbg img.logo {
        width: 150px !important;
    }

    #header4 header .container .links span{
        font-size: 14px !important;
    }

    #header4 header .menus ul li {
        width: 26% !important;
    }

    #header4 header .menus ul li a {
        font-size: 14px !important;
    }

    .intro-section .title {
        font-size: 18px !important;
    }

    .intro-section .xggk_ul > li {
        width: 25% !important;
    }

    .intro-section .xggk_ul li a {
        padding: 8px 3px !important;
    }

    .intro-section .xggk_ul li i {
        width: 40px !important;
        height: 40px !important;
    }

    .intro-section .xggk_ul li h6 {
        font-size: 12px !important;
    }

    .part.part4 .cyxg_tab2 > li {
        width: 50% !important;
    }

    .part.part4 .cyxg_tab2 li a {
        height: 50px !important;
    }

    .part.part4 .cyxg_tab2 li a em {
        font-size: 20px !important;
    }

    .part.part4 .cyxg_tab2 li a span {
        font-size: 12px !important;
    }

    .part.part4 .cyxg_img_box2 {
        height: 160px !important;
    }

    .video-section .slider-wrapper {
        height: 180px !important;
    }

    .video-section .slider-item iframe,
    .video-section .slider-item video {
        height: 180px !important;
    }

    .video-section .slider-item p {
        width: 30px !important;
        /* min-height: 80px !important; */
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .video-section #Swiper2,
    .video-section #Swiper3,
    .video-section #Swiper5 {
        height: 200px !important;
    }

    .video-section .swiper-slide img {
        height: 200px !important;
    }

    .spots-section .tabs{
        margin-bottom: 0px !important;
    }

    .spots-section .tabs ul{
        justify-content: center !important;
    }

    .spots-section .tabs ul li {
        width: 36% !important;
        font-size: 14px !important;
    }

    .spots-section .map-box {
        height: 350px !important;
    }

    .spots-section .map-popup {
        width: 160px !important;
    }

    .spots-section .map-popup>img {
        height: 80px !important;
    }

    .spots-section .map-popup .popup-content p {
        font-size: 11px !important;
        -webkit-line-clamp: 3 !important;
    }

    .guide-section .guide-tab {
        flex: 1 1 45% !important;
        font-size: 12px !important;
        background-size: cover !important;
    }

    .food-section .food-item .img-wrapper {
        width: 120px !important;
        height: 120px !important;
    }

    .food-section .food-item .img-box {
        width: 85px !important;
        height: 85px !important;
    }

    .food-section .food-item .name {
        font-size: 12px !important;
    }

    .activity-section #Swiper3 {
        height: 180px !important;
    }

    .activity-section .swiper-slide img {
        height: 180px !important;
    }

    .yxxg_ul > li {
        width: 100% !important;
    }

    .yxxg_ul:hover li:hover,
    .yxxg_ul:hover li:not(:hover) {
        width: 100% !important;
    }

    .yxxg_card_box {
        height: 180px !important;
    }
    :root {
        --mobile-footer-icon-height: 40px;
        --mobile-footer-font: 11px;
    }
    footer .container .links{
        display: none;
    }
}

/* ============================================
   走进浮梁页面 超小屏幕优化 (<360px)
   ============================================ */

@media screen and (max-width: 360px) {
    #header4 header .headerbg img.logo{
        left: 80% !important;
        top: 5% !important;
    }
    #header4 header .container .links span{
        font-size: 12px !important;
    }
    /* .intro-section .xggk_ul > li {
        width: 50% !important;
    } */

    .part.part4 .cyxg_tab2 > li {
        width: 100% !important;
    }
    .part.part5{
        padding: 0px !important;
    }
    .video-section{
        padding: 0px 0 !important;
    }
    .video-section .slider-btn{
        display: none;
    }
    .video-section .video-box{
        justify-content: center !important;
    }
    .video-section .section-title .tab{
        padding: 5px 10px !important;
    }

    .video-section .slider-wrapper {
        width: 100% !important;
    }

    .video-section .slider-item iframe,
    .video-section .slider-item video {
        height: 150px !important;
    }

    .spots-section .map-box {
        height: 300px !important;
    }

    .spots-section .map-popup {
        width: 140px !important;
        top: 5px !important;
        bottom: 5px !important;
        left: 5px !important;
    }

    .spots-section .spots-list li a h6 {
        max-width: 140px;
        font-size: 13px !important;
    }
    .spots-section .spots-list li{
        width: 60% !important;
    }
    .food-section .swiper-pagination{
        display: none;
    }
    .img_mask_box .mask_title h3{
        height: 30px !important;
        line-height: 30px !important;
    }
    :root {
        --mobile-footer-icon-height: 35px;
        --mobile-footer-font: 10px;
    }
    .part.part5 .zt_title_bg,
    .part.part4 .zt_title_bg{
        background-size: 250% !important;
    }
    .video-section .section-title img,
    .spots-section .section-title img{
        width: 250%;
        transform: translateX(-30%);
    }
}