/* 滚动容器 - 仅用于包裹屏幕，禁用默认滚动 */
        .scroll-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            overflow: hidden; /* 禁用浏览器默认滚动，由JS控制滚动逻辑 */
        }

        /* 屏幕容器 - JS控制 translateY 实现整屏滚动，带平滑过渡 */
        .screen-wrapper {
            display: flex;
            flex-direction: column;
            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        /* 单个屏幕 - 核心：高度100vh，完全占满视口，无需考虑导航 */
        .screen {
            width: 100vw;
            height: 100vh; /* 直接设为100vh，全屏显示，导航悬浮覆盖在上方 */
            justify-content: center;
            align-items: center;
            font-size: 3rem;
            color: #fff;
            /* 可选：给屏幕添加顶部内边距，避免内容被导航遮挡（如需显示完整内容） */
            /* padding-top: 80px; */
        }

        /* 屏幕背景色区分 */
        .screen1 { background-color: #093979; }
        .screen2 { background-color: #fff; }
        .screen3 { background-color: #fff;background: url(../img/course.jpg) no-repeat;background-size: contain;background-position: top 80px center;}
        .screen4 { background-color: #fff; position: relative;}
        .screen5 { background-color: #fff; }
        .screen6 { background-color: #fff;position: relative;overflow-x: hidden !important;
    overflow-y: visible !important;}

        /* 右侧悬浮导航原点 */
        .nav-dots {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            list-style: none;
            z-index: 999; /* 低于导航，高于屏幕 */
        }
        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(201, 201, 255, 0.6);
            margin: 15px 0;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .nav-dot.active {
            background-color: #e57a22;
            transform: scale(1.2);
        }
.screen1 video{ height: 100vh; width: 100vw;object-fit: cover;} 
.screen2{clear: both;}
.about_bt{font-size: 36px;color: #083979;position: relative;
    top: 1vh;}
.about {
  width: 1200px;
  margin: 0 auto;
  height: auto;
}
.about_slogn {
  font-size: 32px;
  line-height: 50px;
  color: #fff;
  position: absolute;
  bottom: 20%;
  left: 50%;
  margin-left: -700px;
  width:1400px;
  z-index: 10;
  text-align-last: justify;
}
.about_slogn span{text-transform: uppercase; font-size:18px; text-align-last: justify;}
.ab_container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 0;
  height: 500px;
}
/* 左侧文字区 */
.ab_left_section {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-left: calc(100vw / 2 - 600px);
  width: 40%;
}
.ab_left_item {
  width: calc(50% - 10px);
  padding-top: 30px;
}
.ab_left_item.ab_full_width {
  width: 100%;
}
.ab_num {
  color: #e57a22;
  font-size: 50px;
  font-weight: 700;
  display: block;
}
.ab_desc {
  color: #3d3d3d;
  font-size: 18px;
  margin-top: 8px;
}
/* 右侧图片区 */
.ab_right_section {
  background: url("../img/ab_top_r.jpg") no-repeat; background-size: cover; background-position: center center;
  padding: 30px;
  color: #fff;
  display: flex;
 width: calc(calc((100vw - 1200px) / 2) + 860px);

}
.ab_right_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ab_right_desc {
  line-height: 1.6;
}
.ab_icon_group {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 40px;
}
.ab_icon_item {
  display: flex;
  align-items: center;
}
.ab_icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #093979;
}
.ab_icon img {
  width: 24px;
  height: 24px;
}

.ab_core_tema {
  width: 100%;
  height: 990px;
  background: url(../img/core_tema_top.jpg) no-repeat;
  background-position: top left;
}
.ab_core_con {
  width: 1200px;
  margin: 0 auto;
	margin-top: 170px !important;
}
.ab_core_team-card {
  width: 1200px; /* 固定宽度1000px */
  margin: 0 auto; /* 水平居中 */
  color: #3d3d3d;
}
.ab_core_person-item {
      display: flex;
    width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -160px;
    margin-left: -600px;
    left: 50%;
	gap: 80px;
	text-align: justify;
}
/* 吕杰勇布局：信息左、头像右 */
.ab_core_lv-item .ab_core_person-info {
  margin-left: 0;
  flex: 1; /* 信息区域自适应剩余宽度 */
}
/* 方壮熙布局：信息右、头像左 */
.ab_core_fang-item {
  flex-direction: row-reverse;
}
.ab_core_fang-item .ab_core_person-info {
  margin-left: 0;
  flex: 1; /* 信息区域自适应剩余宽度 */
}
.ab_core_person-avatar {
  width: 366px; /* 头像固定宽度，不随容器变化 */
  flex-shrink: 0; /* 防止头像被压缩 */
}
.ab_core_person-avatar img {
  width: 100%;
  height: auto;
  display: block;
}
.ab_core_person-name {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 20px;
}
.ab_core_person-position {
  position: relative;
    font-size: 20px;
    left: 0;
    z-index: 999;
    text-align: center;
	    top: -315px;
}
.ab_core_person-position1 {
    position: relative;
    font-size: 20px;
    left: 0;
    z-index: 999;text-align: center;
	top: -315px;
}
/* 统一简介列表样式 */
.ab_core_intro-list {
  list-style: none;
  line-height: 1.8;
  font-size: 20px;
}
.ab_core_intro-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 40px; /* 适配12px正方形，预留左侧间距 */
  line-height: 1.8; /* 明确行高，保证标记定位稳定 */
  color: #3d3d3d;
}

/* 12px正方形标记样式（固定在第一行位置） */
.ab_core_intro-list li::before {
  content: '';
  display: inline-block;
  width: 12px; /* 12px正方形宽度 */
  height: 12px; /* 12px正方形高度 */
  background-color: #093979; /* 指定颜色 */
  position: absolute;
  left: 0;
  top: 12px; /* 关键：定位到第一行文字垂直居中位置（适配20px字号+1.8行高） */
}
.ab_culture {
  height: auto;
	position: relative;
    top: 50%;
    margin-top: -360px;
}
.ab_culture_con {
  width: 1200px;
  margin: 0 auto;
  height: auto;
  clear: both;
}
.ab_culture_left {
  height: 260px;
  box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1);
  width: 440px;
  padding-left: 40px;
  padding-top: 30px;
}
.ab_culture_right {
  background: url("../img/Culture_1.jpg") no-repeat;
  background-size: cover;
  width: calc(50% + 90px);
  height: 290px;
  margin-left: 30px;
}
.ab_culture_vision-header {
  display: flex;
  align-items: baseline; /* 对齐文字基线，更美观 */
}
.ab_culture_vision-num {
  font-size: 120px; /* 大号数字，可按需调整 */
  color: #eef0f4; /* 浅灰色（对应原图淡色效果） */
  font-weight: bold;
  margin-right: 8px;
}
.ab_culture_vision-en {
  font-size: 24px; /* VISION 字体大小 */
  color: #093979; /* 指定色值 */
  font-weight: bold;
  position: relative;
  right: 70px;
  bottom: 20px;
}
/* 愿景标题 */
.ab_culture_vision-title {
  font-size: 24px;
  color: #093979; /* 指定色值 */
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 50px;
}
/* 描述文本 */
.ab_culture_vision-desc {
  font-size: 20px;
  color: #333; /* 深灰色（对应原图描述文字） */
  line-height: 80px;
}
.ab_Culture_se {
  height: 290px;
  box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1);
}
.Culture-2 .ab_Culture_se:nth-child(1) {
  background: url("../img/Culture_2.jpg") no-repeat;
  background-size: cover;
  width: calc(50% - 485px);
  margin-right: 30px;
}
.Culture-2 .ab_Culture_se:nth-child(2) {
  height: 260px;
  width: 640px;
  padding-left: 40px;
  padding-top: 30px;
  margin-right: 30px;
}
.Culture-2 .ab_Culture_se:nth-child(3) {
  height: 260px;
  width: 340px;
  padding-left: 40px;
  padding-top: 30px;
}
/* 左侧选项卡按钮区域（进度条容器父级） */
        .ab_lock_tab-icon-wrapper {
            flex: 0 0 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; /* 按钮组垂直居中 */
            padding: 20px 0;
            position: relative; /* 为进度条定位 */
        }

        /* 垂直进度条容器（固定在按钮区右侧） */
        .ab_lock_progress-bar-container {
            position: absolute;
            top: 20px;
            right: 120px; /* 贴紧右侧分隔线 */
            width: 4px; /* 进度条宽度 */
            height: calc(100% - 40px); /* 与按钮区上下padding匹配 */
            background-color: #ccc; /* 进度条底色（浅透明白） */
            border-radius: 2px;
            overflow: hidden;
        }

        /* 填充式进度条（无滑块，纯高度变化） */
        .ab_lock_progress-bar {
            width: 100%;
            height: calc(100% / 3); /* 初始高度：1/3（对应第一个选项卡） */
            background-color: #093979; /* 进度条填充色（白色） */
            border-radius: 2px;
            transition: height 0.5s ease; /* 高度变化的平滑过渡 */
        }

        /* 选项卡按钮组 */
        .ab_lock_tab-buttons {
            display: flex;
            flex-direction: column;
            gap: 85px; /* 按钮间距 */
            z-index: 1; /* 按钮在进度条上层 */
			position: relative;
			right: 77px;
        }

        /* 选项卡按钮样式【核心修复：拆分background属性，避免覆盖背景图】 */
        .ab_lock_tab-btn {
            width: 76px;
            height: 76px;
            border: 5px solid #fff;
            border-radius: 50%;
            background-color: #d3d2d5; /* 仅设背景色，不覆盖背景图 */
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        /* 选项卡选中态（保留边框/背景色，确保图标不被覆盖） */
        .ab_lock_tab-btn.active {
            border-color: #fff;
            background-color: #093979; /* 仅改背景色，保留背景图 */
        }

        /* 右侧文字选项卡区域 */
        .ab_lock_text-tab-wrapper {
            padding: 50px 0 0 70px;
            line-height: 2;
            font-size: 18px;
			    width: 550px;
    text-align: justify;
    position: absolute;
        }

        .ab_lock_text-item {
            flex-direction: column;
            justify-content: center;
            animation: ab_lock_fadeIn 0.5s ease;
        }

        /* 淡入动画（前缀同步） */
        @keyframes ab_lock_fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

/* 发展历程 */
.ab_course {
  width: 100%;
  height: 74vh;
}
.course_con {
  width: 1200px;
  margin: 0 auto;
  height: 100vh;
}
.ab_course_tit {
  width: 100%;
  height: calc(26vh - 100px);
  background: #eeeeee;align-items: center; display: flex;
	
}
.ab_course_five_year_plan {
  height: 130px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center; /* 垂直居中 */
}
/* 每个规划项：平分宽度 + 内部垂直排列 */
.ab_course_plan_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* 标题：蓝色+28px */
.ab_course_plan_title {
  color: #3d3d3d;
  font-size: 18px;
  margin-bottom: 6px; /* 标题与描述的间距 */
}
/* 描述：灰色+24px */
.ab_course_plan_desc {
  color: #093979;
  font-size: 22px;
	font-weight: bold;
	letter-spacing: 0 !important;
}
/* 箭头分隔符：用背景图实现（替换成你的箭头图路径） */
.ab_course_plan_arrow {
  width: 139px;
  height: 38px;
  background-image: url("../img/jt_blue.png"); /* 替换为实际箭头图（蓝色样式） */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 10px;
  position: relative;
  right: 60px;
}
 /* 基础变量：仅保留必要颜色/动画，不改动文字相关 */
:root {
  --ab-yellow: #e57a22;
  --ab-yellow-z: #db7a2a;
  --ab-blue: #093979; /* 选项卡背景色用这个主色 */
  --ab-gray: #3d3d3d;
  --ab-anime-duration: 0.6s; /* 动画时长 */
}


/* 年份容器：弹性布局，适配不同分辨率 */
.ab_course_container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 74vh;
  position: relative;
  bottom: 50px;
}

/* 单个年份列：核心定位基准 */
.ab_course_item {
  width: calc((100% - 60px) / 5);
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: transform var(--ab-anime-duration) ease;
  position: relative; /* 选项卡定位核心基准 */
  z-index: 2;
}

/* 不同年份列的垂直位置：适配不同屏幕高度 */
.ab_course_container .ab_course_item:nth-child(1) {margin-bottom: calc(100vh * 0.05);}
.ab_course_container .ab_course_item:nth-child(1) .ab_course_line{ height: calc(100vh * 0.12);}
.ab_course_container .ab_course_item:nth-child(2) {margin-bottom: calc(100vh * 0.08);}
.ab_course_container .ab_course_item:nth-child(2) .ab_course_line{ height: calc(100vh * 0.18);}
.ab_course_container .ab_course_item:nth-child(3) {margin-bottom: calc(100vh * 0.16);}
.ab_course_container .ab_course_item:nth-child(3) .ab_course_line{ height: calc(100vh * 0.18);}
.ab_course_container .ab_course_item:nth-child(4) {margin-bottom: calc(100vh * 0.22);}
.ab_course_container .ab_course_item:nth-child(4) .ab_course_line{ height: calc(100vh * 0.18);}
.ab_course_container .ab_course_item:nth-child(5) {margin-bottom: calc(100vh * 0.26);}
.ab_course_container .ab_course_item:nth-child(5) .ab_course_line{ height: calc(100vh * 0.18);}
.ab_course_container .ab_course_item:nth-child(6) {margin-bottom: calc(100vh * 0.32);}
.ab_course_container .ab_course_item:nth-child(6) .ab_course_line{ height: calc(100vh * 0.18);}

/* 年份列hover上浮：保留原有 */
.ab_course_item:hover {
  transform: translateY(-20px);
}

/* 选项卡：核心修改bottom值，让底边与圆点位置一致（向上调整） */
.course_tab {
  /* 完全保留你要求的宽高 */
    width: 227px;
    height: 240px;
  /* 核心定位：底边与圆点中心对齐（向上调整后的精准值） */
  position: absolute;
  bottom: calc(8px + 8.5px); /* 8px(描述-圆点间距) + 8.5px(圆点一半高度) → 底边对准圆点中心 */
  left: 50%;
  transform: translateX(-50%); /* 水平居中不变 */
  background: url("../img/course_cen.png") no-repeat;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  /* 默认隐藏+动画：保留原有 */
   opacity: 0;
  visibility: hidden;
  transition: all var(--ab-anime-duration) ease;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  letter-spacing: 0 !important;
	padding: 90px 0;
}
/* hover显示选项卡：保留动画，位置同步调整 */
.ab_course_item:hover .course_tab {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1800px) {
	.ab_course_item:hover .course_tab {bottom: calc(100vh - 95vh)}
}
@media (min-width: 1400px) {
	ab_course_item:hover .course_tab {bottom: calc(100vh - 95vh)}
}
/* 年份文字：保留原有样式 */
.ab_course_year {
  font-size: 54px;
  font-weight: bold;
  color: var(--ab-gray);
  margin-bottom: 8px;
  transition: color var(--ab-anime-duration) ease;
  text-align: center;
}
.course_tab span{ 
	color: #fff;
}
/*.ab_course_item:hover .ab_course_year {
  color: #fff;
  position:relative;
  bottom:120px;
  left:0;
  z-index:999;
	text-align: center;
}
.ab_course_item:hover .ab_course_desc {
  color: #fff;
  position:relative;
  bottom:120px;
  left:0;
  z-index:999;
	text-align: center;
}*/
@media (min-width: 1800px) {
	.ab_course_item:hover .ab_course_desc {bottom:80px;}
	.ab_course_item:hover .ab_course_year {bottom:80px;}
}
@media (min-width: 1400px) {
	.ab_course_item:hover .ab_course_desc {bottom:90px;}
	.ab_course_item:hover .ab_course_year {bottom:90px;}
}
@media (min-width: 1200px) {
	.ab_course_item:hover .ab_course_desc {bottom:70px;}
	.ab_course_item:hover .ab_course_year {bottom:70px;}
}
/* 描述文字：保留原有样式 */
.ab_course_desc {
  font-size: 22px;
  color: var(--ab-gray);
  margin-bottom: 8px;
  transition: color var(--ab-anime-duration) ease;
  text-align: center;
}

/* 黄色圆点：保留原有（尺寸17px） */
.ab_course_dot {
  width: 17px;
  height: 17px;
  background-color: var(--ab-yellow);
  border-radius: 50%;
  transition: transform var(--ab-anime-duration) ease, background-color var(--ab-anime-duration) ease;
}
.ab_course_item:hover .ab_course_dot {
  transform: scale(1.2);
  background-color: #d06c18;
}

/* 黄色竖线：保留原有 */
.ab_course_line {
  width: 3px;
  background: linear-gradient(to bottom, var(--ab-yellow), transparent);
  transition: background var(--ab-anime-duration) ease;
  flex-shrink: 0;
}
.ab_course_item:hover .ab_course_line {
  background: linear-gradient(to bottom, #db6f17, transparent);
}

/* 间距样式：保留原有 */
.h160 {height: 160px;}
.h80 {height: 80px; max-width: 1440px; width: 100%; margin: 0 auto;}

.ab_honors {
  width: 100%;
	position: relative;
    top: 50%;
    margin-top: -360px;
}
.ab_honors_con {
  margin: 0 auto;
  width: 1200px;
  height: auto
}
/* 隐藏单选按钮（仅作为状态备份） */
.ab_honors_radio {
  display: none;
}
/* 全局容器 - 合并重复样式，统一布局 */
.ab_honors_container {
  max-width: 1200px;
  padding: 30px 0;
  position: relative;
  box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1);
  height: 280px;
}
/* 左右切换箭头 - 优化定位和状态 */
.ab_honors_arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #093979; /* 蓝色色值 */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  user-select: none; /* 禁止选中 */
}
/* 箭头hover提示文字 */
.ab_honors_arrow::after {
  content: attr(data-tip);
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.ab_honors_arrow:hover::after {
  opacity: 1;
}
/* 箭头禁用状态 */
.ab_honors_arrow.disabled {
  border-color: #ccc;
  cursor: not-allowed;
  background-color: #f5f5f5;
}
/* 左箭头 */
.ab_honors_arrow_left {
  left: 40px;
}
/* 右箭头 */
.ab_honors_arrow_right {
  right: 40px;
}
/* 纯CSS绘制箭头形状 */
.ab_honors_arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #093979;
  border-right: 2px solid #093979;
  transition: border-color 0.3s;
  z-index: 1;
}
.ab_honors_arrow_left::before {
  transform: rotate(-135deg);
}
.ab_honors_arrow_right::before {
  transform: rotate(45deg);
}
/* hover时箭头变色（非禁用状态） */
.ab_honors_arrow:not(.disabled):hover {
  background-color: #093979;
}
.ab_honors_arrow:not(.disabled):hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* 禁用状态箭头颜色 */
.ab_honors_arrow.disabled::before {
  border-top-color: #ccc;
  border-right-color: #ccc;
}
/* 小屏幕适配：隐藏箭头（避免超出屏幕） */
@media (max-width: 1050px) {
  .ab_honors_arrow {
    display: none;
  }
}
/* 核心：整体切换面板容器 */
.ab_honors_panel_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
/* 每个年份的整体面板（默认隐藏） */
.ab_honors_panel {
  display: none; /* 默认隐藏 */
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
/* 激活的面板显示 */
.ab_honors_panel.active {
  display: flex; /* 仅激活的面板显示 */
}
/* 左侧区域（核心修改：固定高度+滚动配置） */
.ab_honors_left {
  flex: 1;
  width: 700px; /* 小屏幕最小宽度，避免挤压 */
  max-height: 300px; /* 固定文字区域高度，可自定义（比如400px） */
  
  padding-right: 10px; /* 给滚动条预留空间，避免文字被遮挡 */
  margin: -10px 30px 20px 110px;
}
/* 可选：美化滚动条（提升视觉体验，不影响功能） */
.ab_honors_left::-webkit-scrollbar {
  width: 6px; /* 滚动条宽度 */
}
.ab_honors_left::-webkit-scrollbar-track {
  background: #f5f5f5; /* 滚动条轨道背景 */
  border-radius: 3px;
}
.ab_honors_left::-webkit-scrollbar-thumb {
  background: #093979; /* 滚动条滑块颜色（匹配主题） */
  border-radius: 3px;
}
.ab_honors_left::-webkit-scrollbar-thumb:hover {
  background: #072c61; /* 滑块hover加深 */
}
/* 顶部年份栏 */
.ab_honors_header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  position: sticky; /* 可选：滚动时年份栏吸顶，体验更好 */
  top: 0;
  background: #fff;
  padding: 5px 0;
  width: 890px;
  z-index: 1;
  position: relative;
}
.ab_honors_trophy_icon {
  width: 800px;
  height: 90px;
  background: url("../img/Honors_img_tbg.jpg") no-repeat;
  background-position: top left;
	    position: relative;
	background-size: cover;
    left: -45px;
}
.ab_honors_year {
  font-size: 32px;
  position: relative;
  right: 540px;
  font-weight: bold;
  color: #fff;
  top: 17px;
	width: 300px;
}
/* 荣誉列表（新增：长文本换行，避免触发横向滚动） */
.ab_honors_list {
  list-style: none;
	height: 180px;
    overflow-x: hidden;
	overflow-y: auto;
	padding: 0 30px 0 0;
}
.ab_honors_list::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条宽度 */
  height: 6px; /* 水平滚动条高度（若未隐藏） */
}

/* 滚动条轨道 */
.ab_honors_list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

/* 滚动条滑块 */
.ab_honors_list::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 3px;
}

/* 滑块hover状态 */
.ab_honors_list::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.ab_honors_list_item {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  color: #3d3d3d; /* 灰色色值 */
  font-size: 16px;
  line-height: 1.8;
  word-break: break-all; /* 长文本强制换行，杜绝横向溢出 */
}
.ab_honors_list_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  background-color: #093979; /* 蓝色色值 */
  border-radius: 1px;
}
/* 右侧区域（每个面板内的右侧）- 移除年份后简化 */
.ab_honors_right {
  width: 340px;
  position: relative;
  flex-shrink: 0; /* 避免宽度被挤压 */
}
/* 蓝色A形装饰 */
.ab_honors_blue_a {
  width: 340px;
}
/* 奖杯图片 */
.ab_honors_trophy_img {
  width: 340px;
  position: absolute;
  top: 20px;
  left: -30px;
  z-index: 1; /* 确保在A形装饰上层 */
}
/* 底部时间轴容器 - 固定高度解决晃动核心 */
.ab_honors_timeline_wrap {
  position: relative;
  width: 100%;
  margin-top: 45px;
  height: 80px; /* 固定容器高度，彻底避免晃动 */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* 底部时间轴 - 独立一行，固定基线 */
.ab_honors_timeline {
  display: flex;
  justify-content: space-around; /* 7个节点均匀分布 */
  align-items: center;
  width: 100%;
  position: relative;
  height: 40px; /* 固定时间轴高度 */
}
/* 时间轴横线 - 固定定位，避免基线变化 */
.ab_honors_timeline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  transform: translateY(-50%);
  z-index: 1;
	    background-image: linear-gradient(to right, #999 50%, transparent 50%);
    background-size: 12px 604px;
}
/* 时间轴节点 - 基础样式（固定内边距，取消偏移） */
.ab_honors_timeline_node {
  position: relative;
    z-index: 2;
    background: url("../img/data_cur.png") no-repeat;
    color: #3d3d3d;
    font-size: 20px;
    top: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    height: 93px;
    display: flex;
    align-items: center;
    justify-content: unset;
    background-position: center top;
}
/* 选中的时间轴节点 - 取消translateY，用内边距/阴影突出，避免布局偏移 */
.ab_honors_timeline_node.active {
    background: url(../img/ab_honors_logo.png) no-repeat;
    width: 110px;
    height: 103px;
    /* color: #fff; */
    background-position: bottom;
    top: -20px;
    font-size: 30px;
    text-align: center;
    /* line-height: 90px; */
    align-items: center;
    text-align: center;
    display: block;
    font-size: 38px;
    font-weight: 900;
    color: #e57a22;
}
.ab_honors_timeline_node.active:nth-child(1){text-indent: -40px;}
.ab_honors_timeline_node.active:nth-child(2){text-indent: -40px;}

/* 时间轴高亮年份 - 跟随选中年份显示（优化定位） */
.ab_honors_current_year {
  position: absolute;
  top: -50px; /* 固定在容器顶部，避免晃动 */
  font-size: 48px; /* 超大字体突出显示 */
  font-weight: 900;
  color: #e57a22;
  text-shadow: 0 2px 4px rgba(229, 122, 34, 0.2);
  transition: left 0.3s ease, opacity 0.3s ease; /* 仅左右过渡，无上下变化 */
  opacity: 1;
  z-index: 3;
  height: 40px; /* 固定高度 */
  line-height: 40px; /* 基线对齐 */
}

 .screen4-content-wrapper {
            display: flex !important;
            transition: transform 0.6s ease !important;
            height: 100vh !important;
            width: 200vw !important;
            position: absolute;
            top: 0;
            left: 0;
        }

        .screen4-page {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2.5rem;
            width: 100vw !important;
            height: 100vh !important;
            flex-shrink: 0 !important;
            flex-grow: 0 !important;
            position: relative;
        }

.ab_team_l{ color: #fff; padding: 300px 0 0 50px;
    font-size: 32px; background: url("../img/team_1.jpg") no-repeat; width: 366px;height: 463px;}
.ab_team_f{color: #fff; padding: 300px 0 0 50px;
    font-size: 32px; background: url("../img/team_2.jpg") no-repeat; width: 366px;height: 463px;}
.back_jt{
	background: #fcf1e8;
    padding: 10px 15px;
    color: #e98f46;
    width: 95px;
    font-size: 40px;
    line-height: 28px;
    text-align: center;
	margin-right:15px; 
	cursor: pointer;;
}
.jt_cus{background: #e6ebf1;width:45px ;color: #797979;}
.Culture-2 { 
	width: 100%;
	height: 290px;
}