.home-cus .tb p {
    padding-top: 9px;
    width: 200px;
    height: 45px;
}
.home-cus .tb p.t1 {
    margin-right: 57px;
}
.home-cus .tb p {
    padding-top: 9px;
    width: 200px;
    height: 45px;
}

@media screen and (max-width: 9999px) {
    .ft-con {
        font-size: 14px;
    }
    .ft-h2 {
        font-size: 16px;
    }
    .ft-nav {
        font-size: 16px;
    }
    .ft-h1 {
        font-size: 20px;
    }
    .ft-title {
        font-size: 28px;
    }
    .ft-title.ft_title_small {
        font-size: 24px;
    }
    .ft-ltitle {
        font-size: 54px;
    }
    .ft-fbanner {
        font-size: 25px;
    }
    .ft-large {
        font-size: 54px;
    }
    .ft-banner {
        font-size: 36px;
    }
    .login-list {
        top: 20%;
    }
    .l-form {
        margin-top: 30px;
        width: 300px;
    }
    .l-form .username,
    .l-form .password {
        width: 242px;
    }
    .pageBody h3 {
        margin-bottom: 50px;
    }
    .l-form p {
        margin: 30px 0;
    }
    .btn-login {
        width: 290px;
        height: 39px;
        line-height: 39px;
        background: url(../images/login-btn.png) no-repeat 0 0;
    }
    .pds-da-muenu {
        top: 44%;
    }
}

@media screen and (max-width: 1440px) {
    .ft-con {
        font-size: 13px;
    }
    .ft-h2 {
        font-size: 14px;
    }
    .ft-nav {
        font-size: 15px;
    }
    .ft-h1 {
        font-size: 18px;
    }
    .ft-title {
        font-size: 24px;
    }
    .ft-title.ft_title_small {
        font-size: 20px;
    }
    .ft-ltitle {
        font-size: 36px;
    }
    .ft-fbanner {
        font-size: 26px;
    }
    .ft-banner {
        font-size: 22px;
    }
    .footer .s-logo {
        width: 141px;
    }
    .footer .s-logo img {
        margin-top: 0%;
    }
    .ft-large {
        font-size: 48px;
    }
    .his-step .item {
        margin: 17px 0.12em;
    }
    .w1200 {
        width: 1000px;
    }
    .login-list {
        top: 18%;
    }
    .l-form {
        margin-top: 30px;
        width: 228px;
    }
    .l-form .username,
    .l-form .password {
        width: 180px;
    }
    .pageBody h3 {
        margin-bottom: 0;
    }
    .l-form p {
        margin: 0 0 10px 0;
    }
    .btn-login {
        width: 230px;
        height: 29px;
        line-height: 29px;
        background: url(../images/login-btn-sm.png) no-repeat 0 0;
    }
    .l-succ {
        width: 390px !important;
        left: 6% !important;
    }
    .l-succ img {
        width: 110px;
    }
    .banner-pic .banner-text {
        left: 17% !important;
    }
    .banner-pic .banner-text h2 {
        font-size: 32px;
    }
    .banner-pic .banner-text h3 {
        font-size: 24px;
    }
    .pds-da-muenu {
        top: 44%;
    }
    .pds-list-wrap .pds-cate-tab .tabs a {
        height: 200px;
    }
    .pds-list-wrap .pds-cate-tab .tabs .item-52 a {
        height: 190px;
    }
    .pds-section li {
        width: 237px;
        +width: 235px;
        height: 200px;
    }
    .pds-section li .pic {
        top: -10px;
    }
    .head-main .logo {
        /*width: 110px;*/
        /*margin-top: -1px;*/
    }
}

@media screen and (max-width: 1024px) {
    .ft-con {
        font-size: 12px;
    }
    .ft-h2 {
        font-size: 14px;
    }
    .ft-nav {
        font-size: 13px;
    }
    .ft-h1 {
        font-size: 15px;
    }
    .ft-title {
        font-size: 20px;
    }
    .ft-title.ft_title_small {
        font-size: 16px;
    }
    .ft-large {
        font-size: 36px;
    }
    .about-menu {
        left: 5px;
    }
    /*.footer .center_box{
    width: 94%;
    margin-left: 3%;
}*/
    .footer .s-logo {
        width: 100px;
    }
    /*.footer .s-logo img{
    margin-top: -10px;
}*/
    .head-main .top-nav .login .drownlist .inner {
        width: 104px;
    }
    .pds-head {
        padding-left: 12px;
        padding-right: 12px;
    }
    .banner-pic .item #pro_img {
        margin-left: -480px;
    }
    .banner-pic .item #pro_no,
    .banner-pic .item #pro_title {
        margin-right: -480px;
    }
    .product-details-wrap .banner-pic {
        height: 360px;
    }
    .main {
        max-width: 966px;
        *width: 966px;
    }
    .his-step .item {
        margin: 17px 0.15em;
    }
}



.ft-con {
    font-size: 13px;
}
.ft-h2 {
    font-size: 14px;
}
.ft-nav {
    font-size: 14px;
}
.ft-h1 {
    font-size: 16px;
}
.ft-title {
    font-size: 22px;
}
.ft-title.ft_title_small {
    font-size: 18px;
}
.ft-large {
    font-size: 44px;
}
.login-list {
    top: 13%;
}
.head .nav-about .sub-nav li a {
    width: 70px;
}
.footer .center_box {
    width: 65%;
    margin-left: 10%;
    left: 12%;
}
.home-cus .tb {
    /*width: 460px;*/
     width: 980px;
    margin: 0 auto;
}
.home-cus .tb p {
    padding-top: 9px;
    width: 200px;
    height: 45px;
}
.home-cus .tb p.t1 {
    margin-right: 57px;
}
.w1024 {
    width: 1085px;
}
.gotop {
    margin-left: 512px;
}
.about-p7 .c-title {
    padding: 0.5em 0;
}
.about-p7 .list .nav {
    margin-bottom: 1.52em;
}
.about-p7 .list li .wa {
    width: 80px;
}
.about-p7 .list li .wa .pic {
    height: 95px;
}
.about-p5 .content .c-title {
    margin-bottom: 0.1em;
}
.his-step,
.his-step .i-wrap {
    height: 54px;
    margin-bottom: 14px;
    margin-top: 24px;
}
.his-step .item {
    margin: 17px 0.2em;
}
.his-step .item b {
    width: 34px;
    height: 34px;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
}
.his-step .item,
.his-step .item s {
    width: 20px;
    height: 70px;
    top: -22px;
}
.his-step .item .tx {
    top: 45px;
    left: -7px;
}
.about-p6 .content .tx-wrap {
    padding-top: 1.4em;
}
.about-p5 .content .text,
.about-p6 .content .text {
    height: 16.2em;
}
.about-p5 .tx-wrap {
    padding-top: 18px;
    /* width: 11.41em; */
}
.about-p5 .content {
    top: .8em;
}
.pds-da-muenu {
    margin-right: -650px;
	/*display: none !important;*/
}
/* 
 * 自定义样式文件
 * 主要用于补充和覆盖Bootstrap5的样式
 * 适配PC端及高分辨率屏幕（2K/4K）
 * 包含从index.html提取的导航相关样式
 */

/* 基础重置和增强 */
* {box-sizing: border-box;}
/* 页面全局容器 */
.page-container {width: 100%; margin: 0; padding: 0;}

/* 标题样式增强 */
h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.2; margin-bottom: 1rem;}

/* 链接样式 */
/*a {color: #0d6efd; text-decoration: none; transition: all 0.3s ease;}*/

a:hover {color: #0a58ca; text-decoration: none;}



/* 按钮样式增强 */
.btn {padding: 0.75rem 1.5rem; font-size: 1.1rem; font-weight: 600; border-radius: 0.5rem; transition: all 0.3s ease;}

.btn-primary {background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%); border: none;}

.btn-primary:hover {background: linear-gradient(135deg, #0a58ca 0%, #084298 100%); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(13, 110, 253, 0.4);}

/* 导航栏样式增强 - 从index.html提取 */
/*.navbar {padding: 1rem 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}*/

.navbar-brand {font-size: 1.5rem; font-weight: 700;}

.nav-link {font-weight: 500; padding: 0.5rem 1rem !important;}

/* 高级导航栏样式 - 从index.html提取 */
.advanced-navbar {display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0; position: relative;}

/* 左侧Logo区域 */
.nav-left {flex: 0.8; min-width: 200px;width: 100%; display: flex; align-items: center; justify-content: center;}

.nav-logo {display: inline-flex; align-items: center; text-decoration: none; color: #333; font-weight: 700; font-size: 1.8rem; transition: all 0.3s ease;}

.nav-logo:hover {transform: scale(1.05);}

/* 真实Logo图片样式 */
.logo-image-real {height: 70px; width: auto; margin-left: 12px; vertical-align: middle; transition: all 0.3s ease;}

/* 中间导航区域 */
.nav-center {flex: 2.4; display: flex; justify-content: flex-start; margin-left: 50px;}

.nav-menu {display: flex; list-style: none; margin: 0; padding: 0; gap: 0; /* 名称之间间距为0 */}

.nav-menu-item {
    position: relative; 
    margin: 0; /* 确保没有外边距 */
    transition: background-color 0.3s ease;
}

.nav-menu-item:hover {
    background-color: #f5f5f5; /* 悬停时增加灰色背景 */
}

/* 为带data-nav属性的导航项同样设置悬停样式 */
.nav-menu-item[data-nav]:hover {
    background-color: #f5f5f5;
}

.nav-menu-link {
    color: #555; 
    font-size: 1.2rem; 
    font-weight: 500; 
    text-decoration: none; 
    padding: 2rem 1.5rem; /* 增加左右内边距，提供更舒适点击区域 */
    position: relative; 
    transition: all 0.3s ease;
}

/* 鼠标悬停底部边线高亮 */
.nav-menu-link::before {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #00b5a4; transition: width 0.3s ease, bottom 0.3s ease; border-radius: 3px 3px 0 0;}

/* 向上凸起三角样式 */
.nav-menu-link::after {content: ''; position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #00b5a4; opacity: 0; transition: opacity 0.3s ease, bottom 0.3s ease;}

.nav-menu-link:hover {color: #00b5a4; text-decoration: none !important;}

.nav-menu-link:hover::before {width: 100%; bottom: -3px;}

.nav-menu-link:hover::after {opacity: 1; bottom: 0;}

.nav-menu-link.active {color: #00b5a4;}

.nav-menu-link.active::before {width: 100%; bottom: -3px;}

.nav-menu-link.active::after {opacity: 1; bottom: 0;}

/* 导航悬停弹出层样式 */
.nav-menu-item {
    position: relative;
}

.nav-dropdown-layer {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%; /* 宽度设为100% */
    min-height: 500px;
    background-color: rgba(255, 255, 255, 0.8); /* 白色透明度80% */
    backdrop-filter: blur(10px);
    border-radius: 0 0 5px 5px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10000; /* 提高z-index确保不被遮挡 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 弹出层显示状态 */
.nav-dropdown-layer.active {
    opacity: 1;
    visibility: visible;
}

.dropdown-content {
    text-align: center;
    padding: 40px;
    width: 80%; /* 宽度设为屏幕的80% */
    max-width: 1200px; /* 最大宽度限制 */
    margin: 0 auto; /* 水平居中 */
    display: none; /* 默认隐藏所有内容 */
}

/* 显示激活的内容 - 通过JS控制 */
.dropdown-content.active {
    display: block;
}

.dropdown-index {
    font-size: 4rem;
    font-weight: 900;
    color: #00b5a4;
    opacity: 0.3;
    line-height: 1;
    margin-bottom: 10px;
}

.dropdown-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.dropdown-desc {
    font-size: 1.2rem;
    color: #666;
    line-height: 1.6;
    max-width: 80%;
    margin: 0 auto;
}

/* 悬停时链接颜色变化 */
.nav-menu-item:hover .nav-menu-link {
    color: #00b5a4;
    background-color: #f5f5f5; /* 悬停时增加淡灰色背景 */
    text-decoration: none !important;
}

/* 悬停时链接颜色变化 - 保持与之前一致 */
.nav-menu-item[data-nav]:hover .nav-menu-link {
    color: #00b5a4;
    background-color: #f5f5f5; /* 悬停时增加淡灰色背景 */
    text-decoration: none !important;
}

.nav-menu-item:hover .nav-menu-link::before {
    width: 100%;
    bottom: -3px;
}

.nav-menu-item:hover .nav-menu-link::after {
    opacity: 1;
    bottom: 0;
}

/* 右侧搜索区域 */
.nav-right {flex: 0.8; display: flex; justify-content: flex-end; align-items: center; position: relative; min-width: 150px;}

/* 搜索图标和搜索框 - 重新设计 */
.search-icon-default {opacity: 1; margin-right: 15px; visibility: visible; transition: all 0.3s ease;}

.search-toggle-default {background: none; border: none; font-size: 1.5rem; color: #555; cursor: pointer; padding: 0.5rem; border-radius: 50%; transition: all 0.3s ease; background-color: #f8f9fa; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}

.search-toggle-default:hover {background-color: #00b5a4; color: white; transform: rotate(15deg);}

/* 展开的搜索框容器 */
.search-expanded-container {position: absolute; right: 0; top: 0; width: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.4s ease;}

.search-expanded-container.active {width: 350px; opacity: 1; visibility: visible;margin-right: 15px;}

/* 搜索表单样式 */
.search-expanded-form {display: flex; width: 350px; height: 50px; background: white; border-radius: 25px; overflow: hidden; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); border: 2px solid #eaeaea; transition: all 0.3s ease;}

.search-expanded-form:focus-within {border-color: #00b5a4; box-shadow: 0 3px 15px rgba(0, 181, 164, 0.2);}

.search-expanded-input {flex: 1; border: none; padding: 0 20px; font-size: 1rem; outline: none; color: #333;}

.search-expanded-input::placeholder {color: #aaa;}

.search-expanded-button {background-color: #00b5a4; color: white; border: none; width: 50px; cursor: pointer; font-size: 1.2rem; transition: all 0.3s ease;}

.search-expanded-button:hover {background-color: #009688;}

.search-expanded-close {background-color: #f8f9fa; color: #777; border: none; width: 50px; cursor: pointer; font-size: 1.2rem; transition: all 0.3s ease; border-left: 1px solid #eaeaea;}

.search-expanded-close:hover {background-color: #e9ecef; color: #333;}



/* 轮播图样式 - 全屏自适应显示 */
.slide-show{width: 100%; height: 100vh; margin: 0; padding: 0; position: relative; z-index: 1; overflow: hidden; border-radius: 0;}
.slide-show .swiper{width: 100%; height: 100%;}
.slide-show .swiper-slide{text-align: center; font-size: 18px; background: #000; display: flex; justify-content: center; align-items: center;}
.slide-show .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}

/* 调整页面布局适应全屏轮播图 */
.bt + .page-container{margin-top: -80px; position: relative; z-index: 2;}
.bt{position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(234, 234, 234, 0.8); overflow-x: hidden; transition: all 0.3s ease;}



/* 轮播图导航按钮样式 - 已隐藏 */
.slide-show .swiper-button-next, .slide-show .swiper-button-prev {display: none !important;}

/* 轮播图分页器样式 */
.slide-show .swiper-pagination {bottom: 20px !important; display: flex; justify-content: center; align-items: center; gap: 8px;}
.slide-show .swiper-pagination-bullet {width: 40px; height: 6px; background: rgba(0, 0, 0, 0.4); opacity: 0.7; border-radius: 1px; transform: skewX(-20deg); transition: all 0.3s ease;}
.slide-show .swiper-pagination-bullet-active {background: rgba(0, 181, 164, 0.9); opacity: 1; height: 6px; transform: skewX(-20deg) scaleX(1.2);}

/* 淡入淡出效果 */
.swiper-fade .swiper-slide {opacity: 0 !important; transition: opacity 0.8s ease !important;}
.swiper-fade .swiper-slide-active {opacity: 1 !important;}
.swiper-fade .swiper-slide-next, .swiper-fade .swiper-slide-prev {opacity: 0 !important;}

/* 响应式调整 - 针对高分辨率屏幕 - 从index.html提取部分 */
@media (min-width: 2560px) {
    .advanced-navbar {padding: 2rem 0;}
    .nav-logo {font-size: 2.2rem;}
    .nav-menu-link {font-size: 1.3rem;}
    .nav-menu {gap: 0;}
    .search-toggle-default {width: 60px; height: 60px; font-size: 1.8rem;}
    .search-expanded-container.active {width: 400px;}
    .search-expanded-form {width: 400px; height: 60px;}
}

@media (min-width: 3840px) {
    .advanced-navbar {padding: 2.5rem 0;}
    .nav-logo {font-size: 2.8rem;}
    .nav-menu-link {font-size: 1.6rem;}
    .nav-menu-link::before {height: 4px;}
    .nav-menu-link::after {border-left-width: 8px; border-right-width: 8px; border-bottom-width: 8px;}
    .nav-menu {gap: 0;}
    .search-toggle-default {width: 70px; height: 70px; font-size: 2rem;}
    .search-expanded-container.active {width: 450px;}
    .search-expanded-form {width: 450px; height: 70px;}
    .search-expanded-input {font-size: 1.2rem;}
}

/* 导航栏响应式设计 - PC端自适应，低于1200px固定宽度为1200px */
@media (max-width: 1199px) {
    /* 确保整个页面可水平滚动 - 小于1200px时启用滚动 */
    body {min-width: 1200px; padding-top: 0; /* 导航在文档流中，无需padding */}
html {min-width: 1200px;}

    /* 导航栏随页面滚动显示 */
    .bt {position: static !important; /* 改为文档流定位 */
          width: 1200px !important; 
          margin: 0 !important;
          background: rgba(255, 255, 255, 0.95) !important; 
          backdrop-filter: blur(10px) !important; 
          border-bottom: 1px solid rgba(234, 234, 234, 0.8) !important;
          overflow-x: hidden !important;
          z-index: 1000 !important;}
    
    /* 导航栏内部容器 - 固定1200px宽度 */
    .advanced-navbar {
        min-width: 1200px; 
        white-space: nowrap; 
        padding: 0.5rem 0; 
        width: 1200px;
        margin: 0 auto;
    }
    
    .nav-left {flex: 0.8; min-width: 200px;}
    .nav-center {flex: 2.4; order: initial; margin-top: 0; justify-content: flex-start; margin-left: 50px;}
    .nav-right {flex: 0.8; order: initial; margin-left: 0; min-width: 150px;}
    .nav-menu {gap: 0; justify-content: flex-start; flex-wrap: nowrap;}
    .nav-menu-item {
        margin: 0;
        padding: 0 ; /* 在小屏幕下适当内边距 */
    }
    .nav-menu-item:hover {
        background-color: #f5f5f5;
    }
    /* 小屏幕下链接悬停样式 - 与大屏幕完全一致 */
    .nav-menu-item:hover .nav-menu-link {
        color: #00b5a4;
        background-color: #f5f5f5; /* 悬停时增加淡灰色背景 */
        text-decoration: none !important;
    }
    .nav-menu-item[data-nav]:hover .nav-menu-link {
        color: #00b5a4;
        background-color: #f5f5f5; /* 悬停时增加淡灰色背景 */
        text-decoration: none !important;
    }
    /* 同步底边线高亮效果 */
    .nav-menu-item:hover .nav-menu-link::before {
        width: 100%;
        bottom: -3px;
    }
    /* 同步向三角形效果 */
    .nav-menu-item:hover .nav-menu-link::after {
        opacity: 1;
        bottom: 0;
    }
    .nav-menu-link {
        font-size: 1.2rem; 
        padding: 2rem 1.5rem; /* 与小屏幕padding一致 */
        transition: all 0.3s ease; /* 同步所有过渡效果 */
    }
    .search-expanded-container.active {width: 350px;}
    .search-expanded-form {width: 350px;}
    
    /* 所有页面容器统一为1200px宽度，使用页面滚动条 */
    .page-container {overflow-x: visible; padding: 0; min-width: 1200px; margin: 0 auto; width: 100%; max-width: 1200px;}
    
    /* 调整轮播图在固定宽度下的布局 - 移除导航负边距 */
    .bt + .page-container {margin-top: 0 !important; width: 1200px;}
    
    /* 轮播图在低于1200px时高度设为500px */
    .slide-show{height: 500px; width: 1200px; margin: 0 auto;}
    
/* 响应式导航弹出层调整 - 在小屏幕下确保正确定位 */
    /* 在小屏幕下，弹出层应该位于导航栏下方 */
    /* 注意：top值由JavaScript动态计算设置 */
    
    .dropdown-content {
        padding: 30px;
        width: 90%; /* 在小屏幕下内容区域宽度调整为90% */
    }
    
    .dropdown-index {
        font-size: 3.5rem;
    }
    
    .dropdown-title {
        font-size: 2rem;
    }
    
    .dropdown-desc {
        font-size: 1.1rem;
    }
}

/* 大于等于1200px屏幕 - 确保轮播图全屏显示 */
@media (min-width: 1200px) {
    /* 1200+屏幕隐藏所有滚动条 */
    body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    
    html {
        overflow-x: hidden !important;
    }
    
    /* 导航容器不显示滚动条 */
    .bt {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    
    .advanced-navbar {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    
    /* 确保1200+屏幕导航样式与基础样式一致 */
    .nav-menu-link {
        color: #555 !important;
        padding: 2rem 1.5rem !important;
        font-size: 1.2rem !important;
        font-weight: 500 !important;
    }
    
    .nav-menu-item:hover {
        background-color: #f5f5f5 !important;
    }
    
    .nav-menu-item:hover .nav-menu-link {
        color: #00b5a4 !important;
        background-color: #f5f5f5 !important;
        text-decoration: none !important;
    }
    
    .nav-menu-item[data-nav]:hover .nav-menu-link {
        color: #00b5a4 !important;
        background-color: #f5f5f5 !important;
        text-decoration: none !important;
    }
    
    .slide-show{width: 100%; height: 100vh; margin: 0; left: 0; right: 0;}
    .bt + .page-container {width: 100%; margin-left: 0; margin-right: 0;}
    
    /* 大于等于1200px屏幕 - 弹出层使用固定位置 */
    .nav-dropdown-layer {
        top: 95px; /* 大屏幕下使用95px高度 */
    }
}

/* 1200-1222像素显示屏 - 确保导航样式与标准1200+一致 */
@media (min-width: 1200px) and (max-width: 1222px) {
    body {
        overflow-x: hidden !important;
    }
    
    html {
        overflow-x: hidden !important;
    }
    
    /* 导航容器不显示滚动条 */
    .bt {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    
    .advanced-navbar {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    
    /* 确保导航名称和悬停样式与标准大屏幕一致 */
    .nav-menu-link {
        color: #555 !important;
        padding: 2rem 1.5rem !important;
        font-size: 1.2rem !important;
        font-weight: 500 !important;
    }
    
    .nav-menu-item:hover {
        background-color: #f5f5f5 !important;
    }
    
    .nav-menu-item:hover .nav-menu-link {
        color: #00b5a4 !important;
        background-color: #f5f5f5 !important;
        text-decoration: none !important;
    }
    
    .nav-menu-item[data-nav]:hover .nav-menu-link {
        color: #00b5a4 !important;
        background-color: #f5f5f5 !important;
        text-decoration: none !important;
    }
}

/* 其他响应式调整 - 字体大小增强 */
@media (min-width: 1400px) {
    body {font-size: 17px;}
}

@media (min-width: 1920px) {
    body {font-size: 18px;}
}

@media (min-width: 2560px) {
    body {font-size: 20px;}
    .btn {padding: 1rem 2rem; font-size: 1.2rem;}
}


/* 产品/探索/生活区域通用样式 */
.product-box,
.explore-box,
.living-box {
    padding: 60px 20px;
    background-color: #f8f9fa;
}

.product-title,
.explore-title,
.living-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}

.product-title::after,
.explore-title::after,
.living-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    /* background-color: #00b5a4; */
    border-radius: 2px;
}

.product-subtitle,
.explore-subtitle,
.living-subtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #666;
    margin-top: -30px;
    margin-bottom: 50px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    max-width: 100%;
    margin: 0 auto;
}

.product-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2/3;
    background-color: white;
    transition: all 0.3s ease;
}

.product-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #00b5a4;
    transition: height 0.3s ease;
    z-index: 2;
}

.product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.product-item:hover::before {
    height: 8px;
}

.product-item:hover .product-img.default {
    opacity: 0;
}

.product-item:hover .product-img.hover {
    opacity: 1;
}

.product-img.default {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.product-img.hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-caption {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0;
    transform: none;
    opacity: 1;
    transition: all 0.3s ease;
    z-index: 3;
}

.product-name {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #00b5a4;
    transition: color 0.3s ease;
}

.product-item:hover .product-caption {
    opacity: 1;
}

.product-item:hover .product-name {
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}



/* 响应式设计 */
@media (max-width: 1199px) {
    .product-box {
        padding: 40px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .product-grid {
        width: 1200px;
        margin: 0 auto;
        gap: 1px;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .product-box {
        padding: 60px 0;
        max-width: 100%;
    }
    
    .product-grid {
        max-width: 100%;
        gap: 1px;
    }
}

@media (min-width: 1920px) {
    .product-box {
        padding: 80px 0;
    }
    
    .product-grid {
        max-width: 80%;
        margin: 0 auto;
        gap: 1px;
    }
}
/* 探索华帝区域样式 */
.explore-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    max-width: 1200px;
    margin: 0 auto;
}

.explore-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    border-radius: 0;
    transition: all 0.5s ease;
}

.explore-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.explore-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.5s ease;
    z-index: 1;
}

.explore-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}

.explore-item-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
    transition: color 0.3s ease;
    /* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); */
    letter-spacing: 2px;
}

/* 悬停效果 */
.explore-item:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.explore-item:hover .explore-img {
    transform: scale(1.05);
}

.explore-item:hover .explore-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.explore-item:hover .explore-item-title {
    color: #00b5a4;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
}

/* 响应式设计 - 探索区域 */
@media (max-width: 1199px) {
    .explore-box {
        padding: 40px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .explore-grid {
        width: 1200px;
        margin: 0 auto;
        gap: 1px;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .explore-box {
        padding: 60px 0;
        max-width: 100%;
    }
    
    .explore-grid {
        max-width: 100%;
        gap: 1px;
    }
}

@media (min-width: 1920px) {
    .explore-box {
        padding: 80px 0;
    }
    
    .explore-grid {
        max-width: 80%;
        margin: 0 auto;
        gap: 1px;
    }
}

/* 认真生活家区域样式 */
.living-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    max-width: 1200px;
    margin: 0 auto;
    height: 800px;
}

.living-item {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.living-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.living-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.5s ease;
    z-index: 1;
}

.living-caption {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    text-align: left;
}

.living-item-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px 0;
    transition: color 0.3s ease;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.living-item-desc {
    font-size: 1.1rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    transition: all 0.3s ease;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* 网格项目尺寸定义 - 4x2布局 */
.living-item-left {
    grid-column: 1 / 2;    /* 左侧大图 */
    grid-row: 1 / 3;
}

.living-item-top-center {
    grid-column: 2 / 4;    /* 中间上方横向大图，跨2列 */
    grid-row: 1 / 2;
}

.living-item-bottom-left {
    grid-column: 2 / 3;    /* 中间下方左小图 */
    grid-row: 2 / 3;
}

.living-item-bottom-right {
    grid-column: 3 / 4;    /* 中间下方右小图 */
    grid-row: 2 / 3;
}

.living-item-right {
    grid-column: 4 / 5;    /* 右侧大图 */
    grid-row: 1 / 3;
}

/* 悬停效果 */
.living-item:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.living-item:hover .living-img {
    transform: scale(1.05);
}

.living-item:hover .living-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.living-item:hover .living-item-title {
    color: #00b5a4;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
}

.living-item:hover .living-item-desc {
    color: rgba(255, 255, 255, 0.8);
    transform: translateY(-2px);
}

/* 响应式设计 - 生活区域 */
@media (max-width: 1199px) {
    .living-box {
        padding: 40px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .living-grid {
        width: 1200px;
        height: 700px;
        margin: 0 auto;
        gap: 1px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .living-box {
        padding: 60px 0;
        max-width: 100%;
    }
    
    .living-grid {
        max-width: 100%;
        height: 750px;
        gap: 1px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        padding: 0; /* 为左右边添加一些间距 */
    }
}

@media (min-width: 1920px) {
    .living-box {
        padding: 80px 0;
    }
    
    .living-grid {
        max-width: 80%;
        margin: 0 auto;
        height: 850px;
        gap: 1px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
}

/* 更小屏幕优化 */
@media (max-width: 1024px) {
    .living-item-title {
        font-size: 1.5rem;
    }
    
    .living-item-desc {
        font-size: 1rem;
    }
    
    .living-caption {
        bottom: 20px;
        left: 20px;
    }
}

/* 在大屏幕上调整标题大小 */
@media (min-width: 2560px) {
    .living-item-title {
        font-size: 2.2rem;
    }
    
    .living-item-desc {
        font-size: 1.3rem;
    }
}

/* 产品/探索/生活/视频区域通用样式 */
.product-box,
.explore-box,
.living-box,
.video-box {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.product-title,
.explore-title,
.living-title,
.video-title {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}

.product-title::after,
.explore-title::after,
.living-title::after,
.video-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    /* background-color: #00b5a4; */
    border-radius: 2px;
}

.product-subtitle,
.explore-subtitle,
.living-subtitle,
.video-subtitle {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #858585;
    margin-top: -25px;
    margin-bottom: 50px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.video-grid {
    max-width: 80%;
    margin: 0 auto;
}

.video-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.5s ease;
    aspect-ratio: 16/8;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.video-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.5s ease;
    z-index: 1;
}

.video-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}

.video-play-btn {
    background: transparent;
    border: 2px solid #00b5a4;
    color: #00b5a4;
    padding: 14px 32px;
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.video-play-icon {
    margin-right: 10px;
    font-size: 1.3rem;
    transition: all 0.3s ease;
}

/* 悬停效果 */
.video-item:hover .video-img {
    transform: scale(1.05);
}

.video-item:hover .video-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.video-play-btn:hover {
    background-color: #00b5a4;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0, 181, 164, 0.3);
}

.video-play-btn:hover .video-play-icon {
    transform: scale(1.1);
}

/* 响应式设计 - 华帝影像馆区域 */
@media (max-width: 1199px) {
    .video-box {
        padding: 40px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .video-grid {
        width: 80%;
        margin: 0 auto;
        max-width: none;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .video-box {
        padding: 60px 20px;
        max-width: 100%;
    }
    
    .video-grid {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media (min-width: 1920px) {
    .video-box {
        padding: 80px 0;
    }
    
    .video-grid {
        max-width: 80%;
        margin: 0 auto;
    }
}

/* 更小屏幕优化 */
@media (max-width: 768px) {
    .video-title {
        font-size: 2rem;
    }
    
    .video-subtitle {
        font-size: 1rem;
        letter-spacing: 2px;
    }
    
    .video-play-btn {
        padding: 12px 24px;
        font-size: 1.1rem;
    }
}

/* 全屏视频播放遮罩层样式 */
.video-fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.video-fullscreen-overlay.active {
    display: block;
    opacity: 1;
}

.video-fullscreen-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    height: auto;
    max-height: 80vh;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.8);
}

.video-fullscreen-player video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #000;
}

.video-loading-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.3rem;
    text-align: center;
    z-index: 1;
}

.video-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10000;
}

.video-close-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.video-play-info {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1.2rem;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    z-index: 10000;
    padding: 0 20px;
}

/* 响应式调整 - 全屏视频 */
@media (max-width: 768px) {
    .video-fullscreen-player {
        width: 95%;
        max-height: 60vh;
    }
    
    .video-close-btn {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }
    
    .video-play-info {
        font-size: 1rem;
        bottom: 20px;
    }
}

/* 页脚样式 */
.main-footer {
    /* background-color: #cccccc; */
    color: #666;
    padding: 40px 0 20px;
    font-size: 0.95rem;
    margin-top: 60px;
}

.main-footer a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.main-footer a:hover {
    color: #00b5a4;
    text-decoration: none;
}

/* 顶部链接区域 */
.footer-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
    margin-bottom: 40px;
    overflow-x: auto; /* 允许横向滚动 */
}

.footer-links-section {
    display: flex;
    flex-direction: column;
    min-width: 180px;
    flex-shrink: 0; /* 防止横向滚动时收缩 */
}

.footer-section-title {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 8px;
}

.footer-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 40px; */
    /* height: 2px; */
    /* background-color: #00b5a4; */
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links li:last-child {
    margin-bottom: 0;
}

.footer-links li a {
    font-size: 0.9rem;
    line-height: 1.5;
}

/* 工程渠道单行部分 - 更新为两栏布局 */
.footer-project-section-fullwidth {
    grid-column: 1 / -1;
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    max-width: 100%;
    width: 100%;
}

.footer-project-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    box-sizing: border-box;
}

.footer-company-info {
    flex: 1;
    min-width: 350px;
    max-width: calc(100% - 250px);
}

.company-details {
    margin-top: 10px;
}

.company-line {
    margin: 6px 0;
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
}

.company-line:first-child {
    margin-top: 0;
}

.company-line:last-child {
    margin-bottom: 0;
}

.footer-links-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
}

.footer-links-horizontal li {
    margin-bottom: 0;
}

/* 社交媒体图标区域 */
.footer-social-media {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

.social-icons {
    display: flex;
    gap: 25px;
    margin-top: 10px;
}

.social-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ddd;
    transition: all 0.3s ease;
    min-width: 60px;
}

.social-icon:hover {
    color: #00b5a4;
    transform: translateY(-3px);
}

.social-icon i {
    font-size: 2.2rem;
    margin-bottom: 6px;
}

.social-label {
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.3;
}

.social-icon.wechat i {
    color: #07c160;
}

.social-icon.weibo i {
    color: #e6162d;
}

/* 免责声明区域 */
.footer-disclaimer {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 18px 20px;
    margin: 30px 0;
    border-left: 4px solid #00b5a4;
}

.footer-disclaimer p {
    margin: 0;
    font-size: 0.9rem;
    color: #aaa;
    line-height: 1.6;
}

/* 底部版权区域 - 改为三栏居中布局 */
.footer-bottom {
    display: flex;
    justify-content: center; /* 改为居中 */
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #eee;
    flex-wrap: nowrap; /* 改为不换行 */
    gap: 40px; /* 增加栏间距 */
    overflow-x: auto; /* 允许横向滚动 */
    white-space: nowrap; /* 确保文本不换行 */
}

.footer-bottom-column {
    text-align: center;
    flex: 1; /* 每栏宽度相等 */
    min-width: 200px;
    width: auto; /* 使用自动宽度 */
    flex-shrink: 0; /* 防止收缩 */
    white-space: nowrap; /* 确保文本不换行 */
}

.footer-bottom-column p {
    margin: 8px 0;
    font-size: 0.9rem;
    color: #aaa;
    line-height: 1.5;
}

/* 确保底部三栏文本居中显示 */
.footer-left, .footer-center, .footer-right {
    justify-content: center;
    text-align: center;
}

/* 响应式设计 - 页脚 */
@media (max-width: 1199px) {
    .main-footer {
        width: 1200px;
        margin: 60px auto 0;
        min-width: auto; /* 移除最小宽度限制 */
        max-width: 1200px; /* 限制最大宽度 */
    }
    
    .footer-content {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto 40px;
        grid-template-columns: repeat(6, 1fr);
        gap: 5px; /* 减少间隙，增加可用宽度 */
        overflow-x: visible; /* 在固定宽度下不显示滚动条 */
    }
    
    /* 确保footer链接列不换行，在1200px内保持在单行 */
    .footer-links-section {
        min-width: 180px; /* 确保每列有最小宽度 */
        flex-shrink: 0; /* 防止收缩 */
    }
    
    .footer-links li a {
        white-space: nowrap; /* 强制链接文本不换行 */
    }
    
    .footer-project-section-fullwidth {
        width: 80%;
        max-width: 1200px;
        margin: 20px auto 0 auto;
        overflow-x: visible;
    }
    
    .footer-disclaimer {
        width: 80%;
        max-width: 1200px;
        margin: 30px auto;
        overflow-x: visible;
    }
    
    .footer-bottom {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        overflow-x: visible;
        flex-wrap: nowrap;
    }
    
    .footer-bottom-column {
        flex-shrink: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .footer-content {
        max-width: 80%;
        margin: 0 auto 40px;
        grid-template-columns: repeat(6, 1fr);
        overflow-x: visible;
    }
    
    .footer-project-section-fullwidth {
        max-width: 80%;
        margin: 20px auto 0 auto;
        overflow-x: visible;
    }
    
    .footer-disclaimer {
        max-width: 80%;
        margin: 30px auto;
        overflow-x: visible;
    }
    
    .footer-bottom {
        max-width: 80%;
        margin: 0 auto;
        overflow-x: visible;
        flex-wrap: nowrap;
    }
    
    .footer-links-section {
        flex-shrink: 0;
    }
    
    .footer-bottom-column {
        flex-shrink: 0;
    }
}

@media (min-width: 1920px) {
    .footer-content {
        max-width: 80%;
        margin: 0 auto 40px;
        grid-template-columns: repeat(6, 1fr);
        overflow-x: visible;
    }
    
    .footer-project-section-fullwidth {
        max-width: 80%;
        margin: 20px auto 0 auto;
        overflow-x: visible;
    }
    
    .footer-disclaimer {
        max-width: 80%;
        margin: 30px auto;
        overflow-x: visible;
    }
    
    .footer-bottom {
        max-width: 80%;
        margin: 0 auto;
        overflow-x: visible;
        flex-wrap: nowrap;
    }
    
    .footer-links-section {
        flex-shrink: 0;
    }
    
    .footer-bottom-column {
        flex-shrink: 0;
    }
}

/* 不再需要1024px以下的分行布局，保持6列一行显示，通过横向滚动条查看 */
@media (max-width: 1199px) {
    .footer-project-content {
        flex-wrap: nowrap;
    }
}

@media (max-width: 1024px) {
    .footer-company-info {
        min-width: 250px;
        max-width: 100%;
    }
    
    .footer-social-media {
        flex: 0 0 auto;
        margin-left: 0;
        margin-top: 0;
        align-items: flex-start;
    }
    
    /* 在1024px以下，footer-bottom和footer-content仍然保持一行，通过滚动查看 */
    .footer-project-content {
        flex-direction: row;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    /* 不再需要768px以下的分行布局，保持6列一行显示，通过横向滚动条查看 */
    .footer-links-horizontal {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
    }
    
    .footer-disclaimer {
        padding: 15px;
    }
    
    .footer-company-info {
        min-width: auto;
    }
    
    .footer-social-media {
        width: auto;
        align-items: flex-end;
        margin-top: 0;
    }
    
    .social-icons {
        justify-content: flex-end;
    }
}

/* 右侧悬浮窗样式 */
.floating-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
}

.float-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #fff;
    color: #00b5a4;
    text-decoration: none;
    margin-bottom: 1px;
    transition: all 0.3s ease;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.float-btn:last-child {
    border-bottom: none;
}

.float-btn:hover {
    background-color: #f5f5f5;
}

.float-btn-primary {
    background-color: #00b5a4;
    color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.float-btn-primary:hover {
    color: #fff;
    background-color: #00a396;
}

.float-btn i {
    font-size: 20px;
    margin-bottom: 5px;
}

.float-btn span {
    font-size: 12px;
    white-space: nowrap;
}

/* 预约体验模态框样式 */
.booking-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

.booking-modal.active {
    display: flex;
}

.booking-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.booking-modal-content {
    position: relative;
    width: 1200px;
    height: 675px;
    max-width: 90%;
    background: #fff url('/Public/Home/images/info_box_bg_pc.jpg') no-repeat center;
    background-size: 100% 100%;
    border-radius: 8px;
    /* overflow: hidden; */
    z-index: 10001;
}
.booking-modal-close {
    position: absolute;
    top: 0px;
    right: -50px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #fff;
    transition: all 0.3s ease;
}

.booking-modal-close:hover {
    background: #fff;
    color: #333;
}

.booking-modal-body {
    display: flex;
    min-height: 100%;
    margin-top: 41px;
}

.booking-modal-left-top{background-color: rgba(255, 255, 255, 0.5);padding: 14px 40px;margin-top: 18px;}

.booking-promo-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booking-promo-tag {
    background-color: #00C4B3;
    color: #fff;
    width: 70%;
    margin: 0 auto;
    padding: 10px 25px;
    border-radius: 8px;
    text-align: center;
}

.promo-title {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 600;
}

.promo-amount {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.promo-desc {
    font-size: 20px;
    font-weight: 600;
}

.promo-note {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
    width: 70%;
    margin: 0 auto;
    opacity: 0.9;
}

.booking-modal-right {
    flex: 0 0 auto;
    
    
    margin-left: auto;
    margin-right: 100px;
    align-self: center;
}

.booking-form-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 3px solid #00b5a4;
}

.booking-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.booking-form-group {
    position: relative;
}

.booking-input {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid #f5f5f5;
    border-radius: 24px;
    font-size: 14px;
    color: #333;
    transition: border-color 0.3s ease;
}

.booking-input:focus {
    outline: none;
    border-color: #00b5a4;
}

.booking-input::placeholder {
    color: #999;
}

.booking-captcha-group {
    display: flex;
    gap: 10px;
}

.booking-captcha-group .booking-input {
    flex: 1;
}

.booking-captcha-image {
    width: 100px;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.booking-captcha-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booking-sms-group {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 25px;
    padding: 4px 4px 4px 15px;
    overflow: hidden;
}

.booking-sms-group .booking-input {
    flex: 1;
    border: none;
    background: transparent;
    height: 40px;
    padding: 0;
}

.booking-sms-group .booking-input:focus {
    outline: none;
    border: none;
}

.booking-sms-btn {
    width: auto;
    height: 36px;
    padding: 0 20px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #00b5a4;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
   
}

.booking-sms-btn:hover {
    background-color: transparent;
    color: #009688;
}

.booking-location-group {
    display: flex;
    gap: 10px;
}

.booking-select {
    flex: 1;
    height: 40px;
    padding: 0 8px;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.3s ease;
    text-align: center;
}

.booking-select:focus {
    outline: none;
    border-color: #00b5a4;
}

.booking-submit-btn {
    width: 100%;
    height: 50px;
    background-color: #00C4B3;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.booking-submit-btn:hover {
    background-color: #00a396;
}