@charset "utf-8";
/* CSS Document */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
            background: #ffffff;
            color: #333;
            line-height: 1.6;
            transition: padding-top 0.3s ease;
        }

/* 顶部固定菜单核心样式 */
        /* 主内容区域 */
        .content {
            max-width: 100%;
            margin: 0 auto;
            padding: 20px;
        }
        
        h1 {
            margin-bottom: 20px;
            color: #2c3e50;
            font-size: 28px;
        }
        
        p {
            margin-bottom: 15px;
            font-size: 16px;
        }
        
        /* 顶部菜单 */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background-color: rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 8px;
            z-index: 1000;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        /* 菜单隐藏状态 */
        .header.hidden {
            transform: translateY(-100%);
        }
        
        /* Logo区域 */
        .logo {
            display: flex;
            align-items: center;
			width: 63%;
        }
        
        .logo-img {
			width: 100%;
            object-fit: contain; /* 保持图片比例 */
            display: block; /* 去除图片默认空隙 */
        }
        
        /* 图标区域 */
        .icons {
            width: 35%;
        }
        
        .icon-btn {
			display: inline-block; 
			float: right;
			margin-left: 10px;
			text-align:center;
			padding-top: 4px;
        }
        
        /* 悬浮层通用样式 */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 1001;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }
        
        .overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* 悬浮层内容容器 */
        .overlay-content {
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            padding: 30px;
            width: 90%;
            max-width: 400px;
            transform: translateY(30px);
            opacity: 0;
            transition: transform 0.4s ease, opacity 0.4s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }
        
        .overlay.active .overlay-content {
            transform: translateY(0);
            opacity: 1;
        }
        
        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 20px;
            right: 10px;
            background: none;
            border: none;
        }
        
        /* 搜索悬浮层特定样式 */
        .search-box {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .search-title {
            font-size: 24px;
            color: #2c3e50;
			font-weight: 400;
            text-align: center;
            margin-bottom: 10px;
        }
        
        .search-input {
            padding: 15px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.3s ease;
        }
        
        .search-input:focus {
            outline: none;
            border-color: #3498db;
        }
        
        .search-button {
            padding: 15px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            transition: background-color 0.3s ease;
        }
        
        /* 语言选择悬浮层样式 */
        .language-options {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .language-title {
            font-size: 24px;
            color: #2c3e50;
			font-weight: 400;
            text-align: center;
            margin-bottom: 10px;
        }
        
        .language-link {
            display: block;
            padding: 18px 20px;
            background-color: #f8f9fa;
            border-radius: 8px;
            text-align: center;
            color: #2c3e50;
            text-decoration: none;
            font-size: 18px;
            font-weight: 500;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        
        /* 链接列表悬浮层样式 */
        .links-container {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .links-title {
            font-size: 24px;
            color: #2c3e50;
			font-weight: 400;
            text-align: center;
            margin-bottom: 15px;
        }
        
        .nav-link {
            display: block;
            padding: 10px 16px;
            background-color: #f8f9fa;
            border-radius: 8px;
            text-align: center;
            color: #2c3e50;
            text-decoration: none;
            font-size: 20px;
            transition: all 0.3s ease;
        }

/* 页面内容区域 */
        .page-content {
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .content-section {
            margin-bottom: 40px;
        }
        
        .content-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #222;
        }
        
        .content-text {
            font-size: 16px;
            line-height: 1.8;
            color: #444;
            margin-bottom: 15px;
        }
        
        /* 视频播放器容器 - 可滚动的div */
        .video-player-container {
            position: relative;
            width: 100%;
            height: 100vh; /* 占据整个视口高度 */
            background: #000;
            overflow: hidden;
			height: calc(100vh - env(safe-area-inset-top) - 4px);
        }
        
        /* 主视频容器（视频1-3） */
        .main-video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        /* 微信第4视频容器 */
        .weixin-video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            opacity: 0;
            transition: opacity 0.8s ease;
        }
        
        .weixin-video-container.active {
            opacity: 1;
            z-index: 4;
        }
        
        .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.8s ease;
            pointer-events: none;
        }
        
        .video-background.active {
            opacity: 1;
        }
        
        /* 微信专用视频（第4个视频） */
        .weixin-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.8s ease;
            pointer-events: none;
        }
        
        .weixin-video.active {
            opacity: 1;
        }
        
        /* 微信引导背景图 */
        .weixin-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            background: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.8s ease;
        }
        
        .weixin-background.hidden {
            opacity: 0;
            pointer-events: none;
            z-index: 0;
        }
        
        .background-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
            padding: 20px;
			
			background-image: url("../Images/v_demo.jpg");
			background-size: cover; 
			background-repeat: no-repeat;
			background-position: center center; 
        }
        
        .play-hint {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 15px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }
        
        .tap-hint {
            font-size: 16px;
            opacity: 0.9;
            text-shadow: 0 1px 5px rgba(0,0,0,0.5);
            background: rgba(0,0,0,0.5);
            padding: 8px 16px;
            border-radius: 20px;
			margin-bottom: 80px;
        }
        
        /* 内容叠加层 - 始终显示 */
        .content-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 0 20px 40px;
            background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 60%);
            pointer-events: none;
        }
        
        /* 固定文本区域 */
        .fixed-text {
            position: absolute;
            width: 88%;
            display: flex;
            flex-direction: column;
            gap: 0px;
            pointer-events: none;
			bottom: 80px;
        }
        
        .text-line1 {
            font-size: 44px;
            color: rgba(255, 255, 255, 0.95);
            letter-spacing: 1.2px;
            line-height: 44px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.4);
        }

        .text-line2 {
            font-size: 17px;
            color: rgba(255, 255, 255, 0.95);
            letter-spacing: 1.2px;
            line-height: 20px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.4);
			margin-top: 25px;
        }
        
        /* 主控制区域（3个进度条） */
        .main-controls-area {
            width: 100%;
            pointer-events: auto;
        }
        
        /* 微信控制区域（1个进度条） */
        .weixin-controls-area {
            width: 100%;
            pointer-events: auto;
            display: none;
        }
        
        .weixin-controls-area.active {
            display: block;
        }
        
        /* 主进度条容器（3个进度条） */
        .main-progress-container {
            display: flex;
            gap: 10px;
            width: 100%;
        }
        
        /* 微信进度条容器（1个进度条） */
        .weixin-progress-container {
            width: 100%;
            position: relative;
        }
        
        .progress-item {
            flex: 1;
            height: 3px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .weixin-progress-item {
            width: 100%;
            height: 3px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .progress-item::after {
            content: '';
            position: absolute;
            top: -6px;
            left: 0;
            right: 0;
            bottom: -6px;
        }
        
        .weixin-progress-item::after {
            content: '';
            position: absolute;
            top: -10px;
            left: 0;
            right: 0;
            bottom: -10px;
        }
        
        .progress-item.active {
            background: rgba(255, 255, 255, 0.3);
        }
        
        .weixin-progress-item.active {
            background: rgba(255, 255, 255, 0.3);
        }
        
        .progress-bar {
            height: 100%;
            width: 0%;
            background: #ffffff;
            border-radius: 2px;
            transition: width 0.1s linear;
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
        }
        
        .weixin-progress-bar {
            height: 100%;
            width: 0%;
            background: #ffffff;
            border-radius: 2px;
            transition: width 0.1s linear;
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
        }
        
        /* 加载状态 */
        .loading {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 100;
            opacity: 1;
            transition: opacity 0.5s ease;
        }
        
        .loading.hidden {
            opacity: 0;
            pointer-events: none;
        }
        
        .loading-spinner {
            width: 50px;
            height: 50px;
            border: 3px solid rgba(255, 255, 255, 0.1);
            border-top: 3px solid rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

/* 公司简介主容器 */
        .main-about {
            width: 90%;
            height: auto;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 15px; /* 子容器间距 */
            padding: 10px 0;
        }

        /* 第一个div：标题栏（左侧4字+右侧30px图片） */
        .header-bar {
			margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 5px;
            flex-shrink: 0; /* 防止压缩 */
        }

        .title-text {
            font-size: 25px;
            color: #77b540;
        }

        .header-img {
            width: 38px;
            height: 38px;
            object-fit: cover; /* 保持图片比例 */
            border-radius: 50%; /* 可选：图片圆角 */
        }

        /* 第二个div：淡入淡出轮播容器 */
        .carousel-container {
            flex-shrink: 0;
            width: 100%;
            height: 0;
            padding-bottom: 50%; /* 宽高比1:2，可调整 */
            position: relative;
            overflow: hidden;
            border-radius: 8px;
        }

        .carousel-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0; /* 默认隐藏 */
            transition: opacity 0.8s ease; /* 淡入淡出平滑过渡 */
            pointer-events: none; /* 隐藏时不响应事件 */
        }

        .carousel-item.active {
            opacity: 1; /* 显示当前图片 */
            pointer-events: auto;
        }

        .carousel-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 第三个div：按钮列表容器 */
        .button-container {
            flex: 1; /* 占据剩余高度 */
            display: flex;
            flex-direction: column;
            gap: 6px;
			padding-top: 10px;
			padding-bottom: 30px;
        }

        /* 圆角按钮样式（平滑过渡高亮） */
        .btn-item {
            display: flex;
            align-items: center;
            padding: 12px 20px;
            background-color: #f2f5ee;
            border-radius: 12px;
			background-image: url('../Images/about_icon02.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 94% 50%; 
			background-size: auto 40%;
            border-left: 4px solid transparent; /* 占位：避免宽度跳动 */
            /* 所有样式平滑过渡 */
            transition: 
                background-color 0.4s ease,
                color 0.4s ease;
        }

        /* 绿色高亮状态（替代hover，适配移动端） */
        .btn-item.active {
            background-color: #77b540; /* 淡绿色背景 */
			background-image: url('../Images/about_icon03.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 94% 50%; 
			background-size: auto 40%;
        }

        .btn-item.active .btn-text {
            color: #ffff;
			font-size: 20px;
        }

        .btn-text {
            font-size: 20px;
            color: #252525;
            transition: color 0.4s ease; /* 文字颜色平滑过渡 */
        }

        /* 滚动条美化 */
        .button-container::-webkit-scrollbar {
            width: 4px;
        }
        .button-container::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 2px;
        }

/* 风琴菜单 */
/* 全屏背景图 - 平滑切换 */
        .fullscreen-bg {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100vh;
            background-size: cover;
            background-repeat: no-repeat;
			background-position: center center;
            transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .fullscreen-bg.active {
            opacity: 1;
        }

        /* 面板容器 - 固定尺寸 */
        .container {
			margin: 0 auto;
            width: 100%;
            height: 100vh;
            display: flex;
            position: relative;
            z-index: 999;
        }

        /* 单个面板 - 基础样式+分割线，所有状态字母水平居中 */
        .panel {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center; /* 垂直居中 */
            align-items: center; /* 强制水平居中（核心） */
            color: white;
            transition: flex 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            position: relative;
            background: transparent;
            padding: 0;
            overflow: hidden;
        }
        

        /* 1px白色实线分割线 - 不随缩放变形 */
        .panel:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 1px;
            background: rgba(255,255,255,0.3);
            z-index: 2;
            pointer-events: none;
        }

        /* 展开状态 */
        .panel.active {
            flex: 2;
        }

        /* 未展开/已关闭状态 - 字母透明度50%，平滑过渡 */
        .panel:not(.active) {
            opacity: 0.5;
            transition: flex 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.5s ease;
        }

		
        /* 字母+右侧内容容器 */
        .content-wrap {
            display: flex;
			flex-direction: column;
            align-items: center;
            gap: 0;
            width: 100%;
            justify-content: center; /* 未展开时仅字母居中 */
			animation: float 3s ease-in-out infinite; /* 未展开时字母浮动 */
        }
			
        /* 字母样式 - 无阴影，平滑过渡（展开/关闭时尺寸切换） */
        .letter {
            text-shadow: none !important;
            line-height: 1;
            transition: font-size 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none; /* 彻底禁用字母单独点击事件，仅面板可点击 */
			font-family: 'Arial';
			color: rgba(255,255,255,0.8);
        }
        /* 展开字母上下浮动动画 */
        .panel.active .letter {
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {
            0% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0); }
        }

        /* 右侧文字和按钮 - 双向平滑过渡 */
        .side-content {
            display: flex;
            flex-direction: column;
            gap: 0;
            white-space: nowrap;
            opacity: 0;
            transform: translateX(-20px);
            transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
			padding-bottom: 200px;
			text-align: center;
        }

        .panel.active .side-content {
            opacity: 1;
            transform: translateX(0);
        }

        .panel:not(.active) .side-content {
            opacity: 0;
            transform: translateX(-20px);
            transition: opacity 0.8s ease 0.1s, transform 0.8s ease 0.1s;
        }

        .side-content h1 {
            font-size: 20px;
			font-weight: bold;
			color: #fff;
		}

        .side-content button {
            border: 1px solid white;
            background: transparent;
            color: white;
            border-radius: 30px;
            font-size: 16px;
			width: 120px;
			margin: 0 auto;
			height: 40px;
        }


        /* 底部文字 - 双向平滑过渡 */
        .bottom-text {
			margin: 0 auto;
			width: 86%;
            position: absolute;
            bottom: 9rem;
            left: 1rem;
            right: 1rem;
            font-size: 14px;
            line-height: 1.5;
            text-align: left;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
        }

        .panel.active .bottom-text {
            opacity: 1;
            transform: translateY(0);
			
        }

        .panel:not(.active) .bottom-text {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s ease 0.2s, transform 1s ease 0.2s;
			overflow: hidden;  /* 防止溢出 */
			
        }

/* 业务领域 */
        #bus_container {
            width: 100vw;
            height: auto;
            background-size: cover;
            background-position: center;
            transition: background-image 0.5s ease-in-out;
            padding: 15px 15px 35px 15px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 下拉菜单容器 */
        .bus_select_wrapper {
            position: relative;
            width: 100%;
        }

        /* 模拟下拉框触发区 */
        #bus_select_trigger {
            width: 100%;
			margin-top: 25px;
            padding: 12px 25px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 30px;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            border: 1px solid #eee;
        }

        /* 下拉箭头样式 - 右侧小箭头 */
        .bus_arrow {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid #4e4e4e;
            transition: transform 0.3s ease;
        }

        .bus_arrow.active {
            transform: rotate(180deg);
        }

        /* 下拉选项列表 */
        #bus_options {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 8px;
            margin-top: 5px;
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            z-index: 100;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        #bus_options.active {
            max-height: 300px;
        }

        /* 下拉选项样式 */
        .bus_option {
            padding: 12px 15px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .bus_option:hover {
            background-color: #f5f5f5;
        }

        /* 第二部分：固定白色标题 */
        .bus_fixed_title {
			margin-top: 15px;
			padding-left: 4px;
            color: white;
            font-size: 18px;
            line-height: 1.4;
            text-align: left;
        }

        /* 第三部分：动态内容容器 */
        .bus_content_wrapper {
            display: flex;
            flex-direction: column;
            gap: 10px;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        /* 第三部分-白色文字标题 */
        .bus_content_title {
            color: white;
			padding-left: 4px;
            font-size: 28px;
            font-weight: 500;
            text-align: left;
        }

        /* 圆角按钮 - 固定150px宽度 */
        .bus_round_btn {
            width: 150px;
            padding: 10px 20px;
			/*margin-top: 15px;*/
            background: rgba(255, 255, 255, 0.4);
            border: none;
            border-radius: 30px;
            font-size: 16px;
            color: #fff;
            cursor: pointer;
            transition: background-color 0.2s;
            text-align: left;
			border: 1px double rgba(255, 255, 255, 0.7);
			background-image: url('../Images/about_icon03.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 114px 50%; 
			background-size: auto 30%;
			text-decoration: none;
        }

        .bus_round_btn:hover {
            background: rgba(0, 0, 0, 0.2);
			background-image: url('../Images/about_icon03.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 114px 50%; 
			background-size: auto 30%;
        }

        /* 图片文字圆角框 */
        .bus_img_text_box {
			margin-top: 15px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            padding: 15px 15px 0 15px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 图片样式 - 100%宽度 */
        .bus_content_img {
            width: 100%;
            border-radius: 8px;
            object-fit: cover;
            height: auto;
        }

        /* 文字内容样式 */
        .bus_content_text {
			height: 180px;
            color: #333;
            font-size: 15px;
            line-height: 1.5;
			overflow: hidden;
        }

/* 业绩展示 */
        .per_container {
            width: 100%;
            height: auto;
            position: relative;
            overflow: visible; /* 允许内容滚动 */
        }

        /* 背景图容器 - 绝对定位铺满容器 */
        .per_bg-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        /* 背景图片样式 - 平滑切换 */
        .per_bg-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.8s ease;
        }

        /* 激活的背景图显示 */
        .per_bg-img.per_active {
            opacity: 1;
        }

        /* 内容容器 - 相对定位，层级高于背景 */
        .per_content {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            padding: 20px 20px 40px 20px;
            color: #fff;
        }

        /* 第一部分：标题 */
        .per_title-section {
            margin-bottom: 0px;
        }

        .per_title {
            font-size: 18px;
            color: #fff;
			margin-top: 20px;
			font-weight: 400;
        }

        /* 第二部分：文字内容 */
        .per_content-section {
            margin-bottom: 30px;
            font-size: 29px;
            line-height: 1.5;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }
        .per_content-section p {
            font-size: 20px;
            line-height: 1.5;
			margin: 4px 0;
        }

        /* 第三部分：按钮容器 */
        .per_buttons-section {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        /* 按钮样式 - 圆角半透明 */
        .per_btn {
            display: flex;
            align-items: center;
            padding: 16px 15px;
            background: rgba(255,255,255,0.2);
            border-radius: 8px;
            text-decoration: none;
            color: #fff;
            transition: background 0.3s ease;
            backdrop-filter: blur(5px);
			background-image: url('../Images/performance_r_ico.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 94% 50%; 
			background-size: auto 28%;
        }

        /* 按钮激活/hover状态 */
        .per_btn.per_active{
            background: rgba(255,255,255,0.4);
			border: 2px double rgba(255,255,255,0.5);
			background-image: url('../Images/performance_r_ico.png');
			background-repeat: no-repeat; /* 确保图片不重复 */
			background-position: 94% 50%; 
			background-size: auto 28%;
        }

        /* 按钮内左侧小图片 */
        .per_btn-img-left {
            width: 30px;
            height: 30px;
            margin-right: 10px;
            object-fit: cover;
        }

        /* 按钮内文字 */
        .per_btn-text {
            flex: 1;
            font-size: 18px;
        }
/* 新闻 */
       .news_container {
            width: 100%;
            background: url('../Images/news_bg.png') no-repeat center center;
            background-size: 100% 100%;
            padding: 10px 0 0 0;
        }

        /* 内容容器 - 90%宽度 + 圆角背景 */
        .news_content {
            width: 90%;
            height: 620px;
            margin: 30px auto auto auto;
            background-color: rgba(11, 40, 84, 0.9);
            border-radius: 12px;
            padding: 15px;
        }

        /* 标题栏 */
        .news_title_bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .news_title_text {
            font-size: 25px;
            color: #fff;
        }
        .news_title_img {
            width: 30px;
            height: 30px;
            border-radius: 4px;
            object-fit: cover;
        }

        /* 按钮组 */
        .news_btn_group {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }
        .news_tab_btn {
            flex: 1;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: none;
            border-radius: 20px;
            background-color: rgba(255, 255, 255, 0.3);
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            outline: none;
			border: 1px double rgba(255, 255, 255, 0.5);
        }
        .news_tab_btn:hover, .news_tab_btn.active {
            background-color: rgba(255, 255, 255, 0.9);
            color: #004480;
        }
        .news_tab_btn:focus {
            outline: none;
            box-shadow: none;
        }

        /* 新闻内容区 */
        .news_list_wrap {
            position: relative;
            min-height: 300px; /* 最小高度防止布局塌陷 */
            margin-bottom: 20px;
        }
        .news_list_item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease;
        }
        .news_list_item.active {
            opacity: 1;
            visibility: visible;
        }

        /* 单条新闻样式 */
        .news_item {
            display: flex;
            gap: 10px;
            padding: 10px 0 0 0;
        }
        .news_item:last-child {
            border-bottom: none;
        }
        .news_item_img {
            width: 125px;
            height: 75px;
            border-radius: 6px;
            object-fit: cover;
            flex-shrink: 0;
        }
        .news_item_content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .news_item_title {
            font-size: 16px;
            color: #fff;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .news_item_date {
            font-size: 16px;
            color: #86a4d1;
        }

        /* 底部图片容器 */
        .news_footer_img {
            display:block;
			width:100%;
			overflow:hidden;
            gap: 2%;
            padding: 15px;
            background-color: rgba(11, 40, 84, 0.9);
            border-radius: 12px;
            width: 90%;
            margin: 0 auto;
            margin-top: 15px;
			margin-bottom: 25px;
        }
        .news_footer_img a{
            flex: 1;
			width: 49%;
			display:block;
			height:auto;
			overflow:hidden;
			float:left;
            border-radius: 8px;
            object-fit: cover;
        }
		.news_footer_img a:last-child{float:right;}
		.news_footer_img a img{width:100%; height:auto;}

/* foot */
        .foot_container {
            width: 100%;
            background-color: #004480;
            display: flex;
            flex-direction: column; /* 垂直排列子元素 */
            align-items: center; /* 内部90%容器居中 */
        }

        /* 第一部分：宽度100%的图片 */
        .foot_top-img {
            width: 100%;
            display: block; /* 消除图片默认行内间隙 */
            object-fit: cover; /* 保持图片比例，避免拉伸 */
        }

        /* 第二部分：90%宽度容器 */
        .foot_main-box {
            width: 90%;
            padding: 15px 0; /* 内边距优化移动端显示 */
            display: flex;
            flex-direction: column;
            gap: 12px; /* 内部三部分间距 */
        }

        /* 第一子部分：9个超链接容器（水平排列） */
        .foot_link-group {
            display: flex;
            flex-wrap: wrap; /* 超出自动换行，适配小屏 */
            gap: 12px 12px; /* 行间距12px，列间距8px */
            padding: 0; /* 左右内边距，避免贴边 */
        }

        /* 超链接样式：16px、#82a5dd、无下划线 */
        .foot_link {
            font-size: 16px;
            color: #82a5dd;
            text-decoration: none; /* 去除下划线 */
            line-height: 1.5; /* 优化行高 */
            white-space: nowrap; /* 链接文字不换行 */
        }

        .foot_link2 {
            font-size: 14px;
            color: #82a5dd;
            text-decoration: none; /* 去除下划线 */
            line-height: 1.5; /* 优化行高 */
            white-space: nowrap; /* 链接文字不换行 */
        }

        /* 第二子部分：分割线 1px实线 #82a5dd */
        .foot_divider {
            width: 100%;
            height: 1px;
            background-color: #82a5dd;
            border: none; /* 清除默认边框 */
			margin: 10px 0;
        }

        /* 第三子部分：图片+3行文字容器 */
        .foot_info-group {
            display: flex;
            flex-direction: column;
            gap: 0px; /* 图片和文字、文字之间的间距 */
            padding: 0; /* 左右内边距 */
        }
        .foot_info-group p {
            margin: 5px 0;
			text-align: left;
        }

        /* 第三部分的图片样式 */
        .foot_info-img {
            width: auto; /* 保持图片原有宽度比例 */
            max-width: 70%; /* 不超出容器 */
            height: auto; /* 自适应高度 */
        }

        /* 第三部分的文字样式：14px、#82a5dd */
        .foot_info-text {
            font-size: 14px;
            color: #82a5dd;
            line-height: 1.5; /* 优化行高 */
        }