/* 全局样式重置 */

        /* 导航栏样式 - 修改背景色为 #00194c */
        .ysnavbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #2463eb; /* 导航栏背景色 */
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            z-index: 1000;
            padding: 0; /* 移除默认内边距，由容器控制 */
        }

        /* 导航栏容器 - 核心：宽度限制1320px */
        .ysnavbar-container {
            max-width: 1320px; /* 导航栏内容最大宽度 */
            width: 100%; /* 自适应小屏幕 */
            margin: 0 auto; /* 水平居中 */
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 70px;
            padding: 0 20px; /* 小屏幕内边距 */
        }

        /* Logo样式 - 改为白色更适配深色导航栏 */
        .yslogo {
            font-size: 24px;
            font-weight: bold;
            color: #ffffff; /* 白色Logo */
            text-decoration: none;
        }

        /* 汉堡菜单按钮 - 移动端专用 */
        .yshamburger {
            display: none;
            flex-direction: column;
            gap: 4px;
            cursor: pointer;
            z-index: 1001;
        }

        .yshamburger span {
            width: 24px;
            height: 3px;
            background-color: #ffffff; /* 白色汉堡杠 */
            border-radius: 2px;
            transition: all 0.3s;
        }

        /* 菜单容器 - 新增：主菜单与按钮的间距 */
        .ysmenu-container {
            display: flex;
            align-items: center;
            gap: 40px; /* 核心修改：主菜单和Get Started按钮间距设为40px */
        }

        /* 主菜单样式 - 适配深色导航栏 */
        .ysmain-menu {
            display: flex;
            list-style: none;
            gap: 30px;
        }

        .ysmain-menu li {
            position: relative;
        }

        .ysmain-menu a {
            text-decoration: none;
            color: #ffffff; /* 白色菜单文字 */
            font-size: 15px;
            padding: 10px 0;
            display: block;
            transition: color 0.3s;
        }

        .ysmain-menu a:hover {
            color: #f97316; /* 悬浮变蓝色 */
        }

        /* 二级下拉菜单 - 适配深色导航 */
        .yssubmenu {
            position: absolute;
            top: 100%;
            left: 50%; /* 核心修改1：左定位改为50% */
            transform: translateX(-50%); /* 核心修改2：向左偏移50%实现整体居中 */
            background-color: #ffffff; /* 白色下拉菜单 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            list-style: none;
            min-width: 180px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            z-index: 999;
            text-align: center; /* 核心修改3：菜单内文字居中 */
        }

        /* 二级菜单项高度优化 */
        .yssubmenu li {
            padding: 5px 15px; /* 减少上下内边距，降低菜单项高度 */
            transition: background-color 0.3s; /* 悬浮背景色过渡 */
            width: 100%; /* 确保li占满菜单宽度，文字居中更整齐 */
        }

        /* 二级菜单项hover效果 */
        .yssubmenu li:hover {
            background-color: #f0f5ff; /* 悬浮浅蓝背景 */
        }

        .yssubmenu a {
            color: #00194c !important; /* 下拉菜单文字深色 */
            padding: 5px 0; /* 配合li的padding调整，保证文字垂直居中 */
            display: block; /* 确保a标签占满li宽度，点击区域更大 */ font-size:14px
        }

        .yssubmenu a:hover {
            color: #0055ff !important; /* 下拉菜单悬浮蓝色 */
        }

        /* 桌面端hover显示二级菜单 */
        .ysmain-menu li:hover .yssubmenu {
            opacity: 1;
            visibility: visible;
        }

        /* Get Started按钮 - 默认 #f97316 */
        .ysget-started-btn {
            background-color: #f97316; /* 默认蓝色 */
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.2s; /* 悬浮动画 */
            text-decoration: none;
        }

        .ysget-started-btn:hover {
            background-color: #ea580c; /* 悬浮加深蓝色 */
            transform: translateY(-2px); /* 轻微上浮 */
			color:#fff
        }

        /* 幻灯片容器 - 适配1920*600尺寸 */
        .ysslider {
            margin-top: 70px; /* 避开固定导航栏 */
            width: 100%; /* 背景色块/图片占满全屏 */
            overflow: hidden;
            position: relative;
            height: 600px; /* 固定高度 */
            max-height: calc(100vh - 70px); /* 移动端不超过视口高度 */
        }

        /* 幻灯片轨道 */
        .ysslider-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: 100%;
            height: 100%;
        }

        /* 幻灯片项 - 支持图片背景（保留色块备用） */
        .ysslider-item {
            min-width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-align: center;
            /* 图片背景核心样式 - 保证1920px图片全屏显示 */
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative; /* 核心修改：添加相对定位，作为遮罩层的父容器 */
        }

        /* 核心新增：幻灯片遮罩层 - 黑色 + 透明度0.5 */
        .ysslider-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000; /* 黑色 */
            opacity: 0.4; /* 透明度0.5 */
            z-index: 1; /* 遮罩层在背景之上，文字之下 */
        }

        /* 备用色块样式（替换图片时删除以下3行） */
        .ysslider-item:nth-child(1) { background-color: #00194c; }
        .ysslider-item:nth-child(2) { background-color: #003399; }
        .ysslider-item:nth-child(3) { background-color: #0055ff; }

        /* 幻灯片文字容器 - 核心：宽度限制1320px */
        .ysslide-text-wrapper {
            max-width: 1320px; /* 文字最大宽度 */
            width: 100%; /* 自适应小屏幕 */
            margin: 0 auto; /* 水平居中 */
            padding: 0 20px; /* 小屏幕内边距 */
            position: relative; /* 新增：相对定位 */
            z-index: 10; /* 确保文字在遮罩层上方 */
        }

        /* 幻灯片文字容器 */
        .ysslide-text {
            display: flex;
            flex-direction: column;
            gap: 20px;
            z-index: 10; /* 确保文字在图片/色块/遮罩层上方 */
        }

        /* 幻灯片大字 */
        .ysslide-big-text {
            font-size: 48px;
            font-weight: bold;
            line-height: 1.2;
        }

        /* 幻灯片小字 */
        .ysslide-small-text {
            font-size: 20px;
            font-weight: normal;
            line-height: 1.6;
            min-height: calc(20px * 1.6 * 2); /* 预留两行高度 */
            max-width: 800px; /* 小字额外限制宽度 */
            margin: 0 auto;
        }

        /* 幻灯片按钮组 */
        .ysslide-buttons {
            display: flex;
            gap: 15px; /* 按钮间距 */
            justify-content: center;
            margin-top: 10px;
        }

        /* 通用按钮样式 */
        .ysslide-btn {
            padding: 8px 30px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s; /* 所有属性过渡动画 */
            border: none;
            text-decoration: none;
            color: #ffffff;
            display: inline-block;
            position: relative; /* 确保按钮在遮罩层上方 */
            z-index: 10;
        }

        /* 联系我们按钮 - 默认 #f97316 */
        .yscontact-btn {
            background-color: #f97316; /* 默认蓝色 */
            border: 2px solid transparent; /* 透明边框避免hover跳动 */
        }

        .yscontact-btn:hover {
            background-color: #ea580c; /* 悬浮加深蓝色 */
            transform: translateY(-2px); /* 轻微上浮 */
            box-shadow: 0 4px 12px rgba(0, 85, 255, 0.3); /* 阴影效果 */
			color:#fff
        }

        /* WhatsApp按钮 - 默认 #ea580c */
        .yswhatsapp-btn {
            background-color: #ea580c; /* 默认深蓝 */
            border: 2px solid transparent;
        }


        .yswhatsapp-btn:hover {
            background-color: #f97316; /* 悬浮稍浅的深蓝 */
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 25, 76, 0.3);
			color:#fff
        }

        /* 幻灯片分页指示器 */
        .ysslider-dots {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 20; /* 分页点在最上层 */
        }

        .ysslider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.7);
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .ysslider-dot.active {
            background-color: #ffffff;
        }

        /* 响应式适配 - 移动端（768px以下） */
        @media (max-width: 768px) {
            /* 显示汉堡菜单 */
            .yshamburger {
                display: flex;
            }

            /* 菜单容器 - 移动端侧滑（重置间距） */
            .ysmenu-container {
                position: fixed;
                top: 0;
                right: 0;
                width: 280px;
                height: 100vh;
                background-color: #00194c; /* 移动端菜单背景匹配导航栏 */
                flex-direction: column;
                align-items: flex-start;
                justify-content: start;
                padding: 80px 20px 20px;
                box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
                transform: translateX(100%);
                transition: transform 0.3s ease-in-out;
                z-index: 1000;
                gap: 0; /* 移动端重置间距，避免多余空白 */
            }

            .ysmenu-container.active {
                transform: translateX(0);
            }

            /* 移动端主菜单 */
            .ysmain-menu {
                flex-direction: column;
                gap: 15px;
                width: 100%;
                margin-bottom: 30px;
            }

            /* 移动端二级菜单 - 默认隐藏，点击展开 */
            .ysmain-menu .yssubmenu {
                position: relative;
                top: 0;
                left: 0; /* 移动端重置左定位 */
                transform: translateX(0); /* 移动端重置偏移 */
                min-width: auto;
                box-shadow: none;
                margin-top: 5px;
                /* 强制默认隐藏，覆盖hover样式 */
                opacity: 0;
                visibility: hidden;
                height: 0;
                overflow: hidden;
                text-align: left; /* 移动端恢复左对齐，符合移动端交互习惯 */
                width: 100%;
            }

            /* 移动端二级菜单展开状态 */
            .ysmain-menu .yssubmenu.active {
                opacity: 1;
                visibility: visible;
                height: auto;
            }

            /* Get Started按钮 */
            .ysget-started-btn {
                width: 100%;
                text-align: center;
                padding: 12px 0;
            }

            /* 移动端幻灯片文字 */
            .ysslide-big-text {
                font-size: 22px;
            }

            .ysslide-small-text {
                font-size: 16px;
            }

            /* 移动端幻灯片按钮适配 */
            .ysslide-btn {
                padding: 10px 20px;
                font-size: 14px;
            }

            .ysslide-buttons {
                flex-wrap: wrap; /* 小屏按钮换行 */
            }

            /* 移动端幻灯片高度适配 */
 .ysslider {
  height: auto !important;
}
.ysslider-item {
  background-size: 1200px auto !important;
  background-position: center center !important;
  min-height: 280px !important;
}
        }
/*--------------------------客服css样式-------------------------------*/
        .ys-demo-content p {
            color: #555;
            line-height: 1.6;
            margin-bottom: 15px;
        }
        
        /* 悬浮客服框样式 */
        .ys-floating-services {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 15px;
        }
        
      .ys-service-item {
            display: flex;
            align-items: center;
            border-radius: 30px 0 0 30px;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            overflow: hidden;
            width: 50px;
            height: 50px;
            /* 移除默认的白色背景 */
            background: transparent;
            box-shadow: none;
        }
        
      .ys-service-item:hover {
            width: 280px;
            /* 悬停时添加白色背景和阴影 */
            background: white;
            box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .ys-service-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }
        
        .ys-service-item:hover .ys-service-icon {
            transform: scale(1.1);
        }
        
        .ys-whatsapp .ys-service-icon {
            background: #25D366;
        }
        
        .ys-phone .ys-service-icon {
            background: #25D366;
        }
        
        .ys-email .ys-service-icon {
            background: #25D366;
        }
        
        .ys-qrcode .ys-service-icon {
            background: #25D366;
        }
        
        .ys-top .ys-service-icon {
            background: #2463eb;
        }
        
        .ys-service-content {
            padding: 0 20px;
            white-space: nowrap;
            opacity: 0;
            transform: translateX(10px);
            transition: all 0.3s ease 0.1s;
        }
        
        .ys-service-item:hover .ys-service-content {
            opacity: 1;
            transform: translateX(0);
        }
        
        .ys-service-content h4 {
            font-size: 16px;
            margin-bottom: 4px;
            color: #333;
        }
        
        .ys-service-content p {
            font-size: 13px;
            color: #666;
            margin: 0;
        }
        
        /* 二维码弹出框位置优化 */
        .ys-qrcode-popup {
            display: none;
            position: absolute;
            left: -10px; /* 向右移动100像素 */
            top: -0px; /* 向上移动避免挡住"扫码关注" */
            background: white;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
            width: 160px;
            text-align: center;
            z-index: 1002;
        }
        
        .ys-qrcode-popup img {
            width: 100%;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        
        .ys-qrcode-popup p {
            font-size: 12px;
            color: #666;
            margin: 0;
        }
        
        .ys-qrcode:hover .ys-qrcode-popup {
            display: block;
        }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .ys-floating-services {
                top: auto;
                bottom: 20px;
                right: 20px;
                transform: none;
                flex-direction: row;
                align-items: center;
                gap: 10px;
            }
            
            .ys-service-item {
                border-radius: 30px;
                width: 50px;
                height: 50px;
            }
            
            .ys-service-item:hover {
                width: 50px;
                height: auto;
                min-height: 50px;
            }
            
            .ys-service-icon {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }
            
            /* 移动端隐藏内容区域 */
            .ys-service-content {
                display: none !important;
            }
            
            /* 移动端二维码弹出框位置调整 */
            .ys-qrcode-popup {
                left: -140px;
                bottom: 70px;
                top: auto;
                transform: none;
            }
            
            /* 移动端二维码弹出框位置调整 - 向右移动100像素 */
            .ys-qrcode .ys-qrcode-popup {
                left: -10px;
            }
        }
        
        @media (max-width: 480px) {
            /* 在非常小的屏幕上进一步调整二维码位置 */
            .ys-qrcode .ys-qrcode-popup {
                left: -10px;
            }
        }
        
        /* 返回顶部按钮样式 */
        .ys-top {
            display: none; /* 默认隐藏，当页面滚动时显示 */
        }