/* --- 通用重置 --- */
        img {
            margin: 0;
            padding: 0;
        }
        /* li 样式被移除，因为结构已更换为 div */
        
        /* --- 容器样式 --- */
        .time-line-box {
            margin-top: 40px;
            position: relative; 
        }
        .swiper-container {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden; 
        }
        
        /* --- 时间轴结构样式 (替换了 ul, li, dl, dt, dd) --- */

        /* 替换 ul 选择器为 .timeline-wrapper */
        .timeline-wrapper:after {
            content: '';
            background: url(aboutus_line.png) repeat-x left bottom;
            height: 52px;
            width: 1000%;
            position: absolute;
            left: 0;
            z-index: 1;
        }
        
        /* 替换 ul li 选择器为 .timeline-wrapper .timeline-item */
        .timeline-wrapper .timeline-item {
            float: left; /* 保留 float 以支持 :after 伪元素的垂直线定位 */
            width: 211px;
            position: relative;
            padding-top: 176px;
            padding-bottom: 0;
            padding-left: 0;
            z-index: 2;
        }
        
        /* 替换 ul li:after - 垂直线 */
        .timeline-wrapper .timeline-item:after {
            content: '';
            height: 124px;
            border-left: #d3d3d2 2px solid;
            position: absolute;
            top: 52px;
            left: 0;
        }
        
        /* 替换 ul li dl 选择器为 .timeline-item .timeline-content-group */
        .timeline-wrapper .timeline-item .timeline-content-group {
            padding-left: 25px;
        }
        
        /* 替换 ul li dl dt 选择器为 .timeline-content-group .timeline-year */
        .timeline-content-group .timeline-year {
            font-size: 22px;
            color: #0052d9;
            font-weight: bold;
            position: relative;
            margin-bottom: 10px;
        }
        
        /* 替换 ul li dl dt:after - 年份圆点 */
        .timeline-content-group .timeline-year:after {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background: #0052d9;
            position: absolute;
            left: -32px;
            top: 0;
            border: #bddbff 4px solid;
        }
        
        /* 替换 ul li dl dd 选择器为 .timeline-content-group .timeline-event */
        .timeline-content-group .timeline-event {
            color: #333;
            font-size: 13px;
            line-height: 1.8;
            padding-left: 15px;
            position: relative;
        }
        
        /* 替换 ul li dl dd:after - 事件圆点 */
        .timeline-content-group .timeline-event:after {
            content: '';
            width: 6px;
            height: 6px;
            border-radius: 100%;
            background: #0052d9;
            position: absolute;
            left: 0;
            /* 关键3：用em定位到第一行文字中线，1em≈当前文字字号，0.5em即中线位置 */
            top: 0.5em; 
            /* 移除原有的“垂直居中”逻辑（top:50% + margin-top），避免干扰 */
            margin-top: 0; 
        }
        
        /* --- 结构定位和特殊样式 --- */
        .timeline-wrapper .timeline-item:first-child {
            margin-left: 95px;
        }
        .timeline-wrapper .timeline-item:last-child {
            margin-right: 40px;
        }
        
        /* 偶数项（底部内容） */
        .timeline-wrapper .timeline-item:nth-child(2n) {
            padding-top: 0;
        }
        .timeline-wrapper .timeline-item:nth-child(2n):after {
            top: auto;
            bottom: -51px;
            height: 76px;
            z-index: 2;
        }
        .timeline-wrapper .timeline-item:nth-child(2n) .timeline-year:after {
            left: -34px;
        }
        /* layui-text 已经替换为更通用的类，但为了兼容原始CSS逻辑，保留了此处的 .layui-text */
        .timeline-wrapper .timeline-item:nth-child(2n) .layui-text {
            position: absolute;
            left: 0;
            bottom: 10px;
            border-left: #d3d3d2 2px solid;
        }
        
        /* 当前项/高亮项 */
        .timeline-wrapper .item-this:after {
            border-left: #0052d9 2px solid; /* 高亮垂直线 */
        }
        .timeline-wrapper .item-this .layui-text {
            border-left: #0052d9 2px solid !important; /* 高亮内容框线 */
        }

        /* --- 导航按钮样式 (Navigation Buttons CSS) --- */
        .swiper-button-prev,
        .swiper-button-next {
            position: absolute;
            top: 50%; 
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: #0052d9; 
            color: white;
            z-index: 10;
            cursor: pointer;
            border-radius: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            opacity: 1; 
            transition: opacity 0.3s;
            /* 覆盖 Swiper 默认样式 */
            background-image: none !important;
        }

        .swiper-button-prev.swiper-button-disabled,
        .swiper-button-next.swiper-button-disabled {
            opacity: 0.3; 
            pointer-events: none;
        }

        .swiper-button-prev:after {
        content: ''; /* 必须加空内容，确保伪元素显示 */
        width: 12px; /* 缩小箭头尺寸（原60px过大，适配40px按钮） */
        height: 12px; /* 与宽度一致，保证箭头比例正常 */
        background-color: transparent; 
        border-color: #ffffff;
        border-style: solid;
        border-width: 3px 3px 0 0; /* 缩小边框宽度，避免箭头过粗 */
        /* 移除 margin: 300px auto（原设置导致箭头偏移到按钮外） */
        transform: rotate(225deg) translateX(-2px) translateY(2px); /* 修正旋转角度：135°才是左箭头方向（原45°是右上方向） */
         }
        .swiper-button-next:after {
        content: ''; /* 必须加空内容，确保伪元素显示 */
        width: 12px; /* 缩小箭头尺寸（原60px过大，适配40px按钮） */
        height: 12px; /* 与宽度一致，保证箭头比例正常 */
        background-color: transparent; 
        border-color: #ffffff;
        border-style: solid;
        border-width: 3px 3px 0 0; /* 缩小边框宽度，避免箭头过粗 */
        /* 移除 margin: 300px auto（原设置导致箭头偏移到按钮外） */
        transform: rotate(45deg) translateX(-3px) translateY(2px); /* 修正旋转角度：135°才是左箭头方向（原45°是右上方向） */
        }
        
        .swiper-button-prev {
            left: 10px;
        }
        
        .swiper-button-next {
            right: 10px;
        }