/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

/* --- 轮播容器 (保持原样) --- */
.banner-wrapper {
    width: 19.20rem;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #000;}

/* ... 图片、文字层、滚动提示的 CSS 保持不变 ... */
/* 1. 文字层容器定位 */
.slide-caption-layer {
    position: absolute; /* 必须绝对定位，否则无法相对于 slide 移动 */
    bottom: 2rem;       /* 距离底部的距离，根据你的设计稿调整 */
    left: 1.5rem;       /* 距离左侧的距离，与分页器对齐 */
    z-index: 10;        /* 【关键】必须大于图片的 z-index (图片是1)，否则会被挡住 */
    width: 7.5rem;         /* 限制宽度，防止文字太长溢出屏幕 */
    color: #fff;        /* 确保文字是白色的 */
    text-align: left;}

/* 2. 标题文字样式 */
.slide-title {
    font-size: 0.44rem; /* 根据 rem 基准调整大小 */
    line-height: 0.6rem;
    margin-bottom: -0.2rem;
    
    /* 可选：添加文字阴影，防止背景图也是白色时看不清文字 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); 
    
    /* 可选：如果标题太长，限制显示两行并省略 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
/* --- 核心修改：分页器样式 --- */

/* 1. 将选择器从 .swiper-pagination 改为更具体的 .banner-pagination */
.banner-pagination {
    bottom: 1.4rem !important;
    left: auto !important;
    left: 1.5rem !important;
    width: auto !important;
    z-index: 10;}

/* 2. 进度条风格圆点 */
.banner-pagination .swiper-pagination-bullet {
    width: 0.48rem;
    height: 0.08rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    opacity: 1;
    margin: 0 0.04rem !important;
    transition: all 0.3s ease;}

/* 3. 激活状态 */
.banner-pagination .swiper-pagination-bullet-active {
    background: #fff;
    width:0.5rem;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);}

/* 4. 悬停状态 */
.banner-pagination .swiper-pagination-bullet:hover {
    background: #fff;}

/* 1. 确保 Slide 容器本身是全屏的 */
.banner-swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative; /* 必须加这个，为了让内部图片绝对定位 */
    overflow: hidden;}

/* 2. 强制图片铺满并裁剪 (核心修复代码) */
.banner-swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 关键：保持比例填满容器，多余部分裁掉 */
    object-position: center; /* 关键：居中显示，防止人脸被切掉 */
    display: block;         /* 消除图片底部的微小缝隙 */
    position: absolute;     /* 可选：绝对定位能更彻底地解决尺寸塌陷 */
    top: 0;
    left: 0;
    z-index: 1;}
        /* 滚动提示容器 */
        .scroll-indicator {
            position: absolute;
            bottom: 0.4rem;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            color: #fff;
            font-size: 14px;
            opacity: 0.8;
            z-index: 10;
            pointer-events: none;}

        /* 鼠标滚轮图标 */
        .mouse-icon {
            display: block;
            width: 0.24rem;
            height: 0.36rem;
            border: 0.02rem solid #fff;
            border-radius: 0.12rem;
            margin: 8px auto 0;
            position: relative;}

        .mouse-icon::before {
            content: '';
            position: absolute;
            top: 0.06rem;
            left: 50%;
            transform: translateX(-50%);
            width: 4px;
            height: 8px;
            background: #fff;
            border-radius: 2px;
            animation: scrollDown 1.5s infinite ease-in-out;}

        @keyframes scrollDown {
            0% { opacity: 1; transform: translateX(-50%) translateY(0);}
            100% { opacity: 0; transform: translateX(-50%) translateY(12px);}
        }

        /* 响应式适配小屏幕 */
        @media (max-width: 768px) {
            .scroll-indicator { font-size: 12px; bottom: 20px;}
            .mouse-icon { width: 20px; height: 30px;}
        }
        .news-container {
            width: 12.50rem;
            height: 8.61rem;
            background: #fff;
            padding: 0rem 0;
            border-radius: 0.08rem;
            /* 动态效果：整体轻微阴影 */    position: relative;
            box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.05);
            transition: transform 0.3s ease;background: #F4F5F7;}
        
.bottom-bg-img {
    position: absolute;
    top: 0.71rem;          /* 贴底 */
    left: -149px;
    width: 19.32rem;        /* 宽度占满 */
    height: 2.40rem;       /* 高度自动，保持比例 */
    z-index: 1;        /* 关键：置于文字内容下方 */
    pointer-events: none;}
/* 飞入图片的样式 */
.bg-fly-in {
    position: absolute;
    top: 1.60rem;
    width: 100%;
    left: 0;            /* 固定在左侧 */
    z-index: 0;         /* 放在文字内容的下面 */
    
    /* 初始状态：向左偏移 500px (在屏幕外) */
    transform: translateX(-5rem);
    
    /* 调用动画：名称 时长 缓动效果 延迟时间 结束后状态 */
    animation: flyInFromLeft 1s ease-out 0.5s forwards;}
      /* --- 标题区域 --- */
        .section-header {
    width: 11rem;
    float: right;    margin-top:1.01rem;
            align-items: center;
          z-index: 99;
    position: relative;}
        .section-header h2 {
            font-size: 0.3rem;
            color: var(--text-dark);
            margin-right: 0.15rem;}
        .section-header .dotx {
            width: 0.12rem;
            height: 0.12rem;
            background: #0056b3;
            border-radius: 50%;
            margin-right: 0.1rem;
            display: inline-block;}
        .section-header span {
            font-size: 0.16rem;
            letter-spacing: 0.02rem;
            color: #000;
            text-transform: uppercase;}

        /* --- 新闻主体网格 (核心布局) --- */
        .news-grid {    position: relative;
            display: flex;
            height: 5.00rem; /* 固定高度以确保对齐 */
            gap: 0; /* 关键：去除间隙 */    float: right;    z-index: 10;}
        
        /* 右侧列表区域 */
        .side-list {
    width: 2.6rem;
    display: flex;
    flex-direction: column;
    height: 5rem;    float: right;}
        .side-item1 {

            position: relative;
            overflow: hidden;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
           height:2.5rem;}
        /* 去除第一个元素的上边框，保留圆角 */
        .side-item1:first-child { border-top-right-radius: 0rem;}
        .side-item1:last-child { border-bottom-right-radius: 0rem;}

        /* 右侧第一个蓝色背景 */
        .side-item1.blue {background: url(images/xwbjxts.png); color: #fff;}
        /* 右侧第二个图片背景 */
         .side-item1.blue:hover {background: url(images/xwbjxtq.png);}
        .side-item1 img {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover;
            z-index: 1;
            transition: transform 0.5s ease;}
        .side-item1:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}
           .side-item1 a:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}     
        /* 图片上的遮罩 */
        .side-item1::after {
            content: ''; position: absolute; top:0; left:0; right:0; bottom:0;
            z-index: 2;
            transition: background 0.3s;}
        .side-item2 {

            position: relative;
            overflow: hidden;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
           height:2.5rem;}
        /* 去除第一个元素的上边框，保留圆角 */
        .side-item2:first-child { border-top-right-radius: 0rem;}
        .side-item2:last-child { border-bottom-right-radius: 0rem;}


.side-item2.black {
    position: relative; /* 确保父级有定位基准 */
    overflow: hidden;}

/* 核心代码：创建一个黑色的遮罩层 */
.side-item2.black::after {
    content: "";        /* 必须有这个属性才能生成伪元素 */
    position: absolute; /* 绝对定位 */
    top: 0;
    left: 0;
    width: 100%;        /* 宽度撑满 */
    height: 100%;       /* 高度撑满 */
    background: url(images/xwbtb1.png); /* 这里可以是纯黑，也可以是 rgba(0,0,0,0.5) 半透明黑 */
    z-index: 1;         /* 确保层级比 img 高 */
    pointer-events: none;}

/* 确保图片填满容器 */
.side-item2.black img {
    width: 100%;
    height: 100%;
    object-fit: cover;}
.side-item2.black:hover::after {
    background: url(images/xwbtb2.png);}


        .side-item2 img {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover;
            z-index: 1;
            transition: transform 0.5s ease;}
        .side-item2:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}
           .side-item2 a:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}     
        /* 图片上的遮罩 */
        .side-item2::after {
            content: ''; position: absolute; top:0; left:0; right:0; bottom:0;
            z-index: 2;
            transition: background 0.3s;}
        /* 右侧文字内容层级 */
        .side-content {
            position: relative;
            z-index: 3; /* 确保文字在最上层 */
            color: #fff;
            padding: 1.4rem 0.24rem 0.33rem 0.24rem;}
        .side-content h4 { font-size: 0.16rem;  line-height: 1.4; text-align: left;}
        .side-content .date { font-size: 0.13rem; opacity: 0.9;text-align: left;}

        
        
        
        


/* --- 轮播总容器 --- */
.news-slider-wrapper {
    width:11rem; /* 保持原有宽度感 */
    margin-top: 0.48rem;
    position: relative;
    float: right; /* 保持原有浮动习惯 */
    z-index: 10;}

/* --- 图片展示区 (视窗) --- */
.slider-track {
    width: 8.40rem;
    height: 5rem; /* 保持原有高度 */
    position: relative;
    overflow: hidden;    float: left;}

/* --- 单个幻灯片 --- */
.slide-item {
    position: absolute;            overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.5s ease-in-out; /* 淡入淡出动画 */
    z-index: 1;}

/* 激活状态显示 */
.slide-item.active {
    opacity: 1;
    z-index: 2;}

.slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
        .slide-item:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}
           .slide-item a:hover img {
    /* 【关键】放大到 1.1 倍 */
    transform: scale(1.1);}  

/* --- 幻灯片上的文字遮罩 (复用原样式并微调) --- */
.slide-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: #fff;
    width: 6rem;
    height: 0.9rem;
    color: #2c2c2c;
    box-sizing: border-box;}

.slide-overlay h3 {
    font-size: 0.2rem; /* 稍微加大标题 */
    margin-bottom: 0.1rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.slide-overlay .date {
    font-size: 0.12rem;
    opacity: 0.4;
    display: flex;
    align-items: center;}

/* --- 底部导航栏 (数字 1 2 3) --- */
.slider-nav {
    display: flex;
    align-items: center;
    padding: 10px 1px;}

.nav-btn {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #666;
    font-size: 0.15rem;
    margin-right: 0.15rem;
    cursor: pointer;
    transition: all 0.3s;
    font-family: Arial, sans-serif;    border: 1px solid #0058CC;
    font-weight: bold;}

/* 选中状态的数字 */
.nav-btn.active {
    background-color: #0058CC; /* 你的主题蓝 */
    color: #fff;}

.nav-btn:hover {
    background-color: #004494;
    color: #fff;}

/* --- 查看更多链接 --- */
.view-more-link {

    margin-right: 0.2rem;
    color: #0058CC;
    text-decoration: none;
    font-size: 0.16rem;
    font-weight: 600;}

.view-more-link:hover {
    text-decoration: underline;}
       /* --- 主卡片 --- */
        .notice-board {
            width: 6.7rem;
            background: #fff;
            padding: 0 0.3rem;    z-index: 10;}

        /* --- 头部 --- */
        .header {width:3.70rem;
margin: 0 auto;
            align-items: center;
            margin-bottom: 0.48rem;
padding-top: 1.0rem;}

        .main-title {
            font-size: 0.3rem;
            font-weight: bold;
            color: var(--text-dark);
            margin-right: 0.1rem;}

.sub-header-row {
    display: flex;
    align-items: center;}

.double-dot {
    display: flex;
    margin-right: 0.08rem;}

.dot {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;}

.dot-1 { background-color: #004494; margin-right: -0.03rem;}
.dot-2 { background-color: #00aaff;}

.sub-title {
    font-size: 0.16rem;
    color: #000;
    letter-spacing:0.01rem;}
        
        
        

        /* --- 列表 --- */
        .news-list {
width: 3.7rem;
    list-style: none;
    margin: 0 auto;}

        .news-item {
            display: flex;
            align-items: flex-start; /* 顶部对齐，保证日期和第一行文字对齐 */
            margin-bottom: 0.10rem;
            padding-bottom:0.1rem;
            border-bottom:1px solid #dddcdc;}
        
        /* 去掉最后一项的分割线 */
        .news-item:last-child {
            margin-bottom: 0.01rem;
            border-bottom: none;
                        padding-bottom: 0.18rem;
            border-bottom:1px solid #dddcdc;}

        /* 图标样式 */
        .news-icon {
    color: #0056b3;
    font-size: 13px;
    margin-right: 7px;
    margin-top: 9px;}

        /* 文字内容容器：关键修改点 */
        .news-content {
            display: flex;
            flex-direction: column; /* 垂直排列 */
            flex: 1;}

        /* 日期：第一行 */
        .news-date {
            font-size:0.13rem;
            color: #0053B2;
            font-weight: 600;
            font-family: monospace;}

        /* 标题：第二行 */
        .news-title {
            font-size: 0.16rem;
            color: #000000;
            line-height: 1.5;
            transition: color 0.3s;
            text-align: justify; /* 两端对齐，视觉更整齐 */    margin-left: -0.16rem;    height: 0.48rem;}

        /* 悬停效果 */
        .news-item:hover .news-title {
            color: #0056b3;
            cursor: pointer;}

        /* --- 底部链接 --- */
        .footer-link {
display: block;
    text-align: left;
    color: #0058CC;
    font-size: 0.16rem;
    font-weight: bold;
    text-decoration: none;
    width:3.7rem;
    margin: 0 auto;
    padding-top: 0.1rem;}
        .footer-link i {
            font-size: 0.16rem;
            margin-left: 0.05rem;
            transition: transform 0.3s;}
        .footer-link:hover i {
            transform: translateX(0.03rem);}
/* 容器高度 */
.swiper-container {
    width: 100%;
    height: 5.5rem;}

/* 单个幻灯片样式 */
.swiper-slide {
    /* 关键：必须指定宽度！ */
    width: 2.80rem;
    height: 4rem; /* 建议也指定高度，保持整齐 */

    /* 可选：加上过渡动画让切换更平滑 */
    transition: all 0.3s ease;
    opacity: 0.6; /* 默认半透明 */
    transform: scale(0.8);}

/* 激活状态的幻灯片（中间那张） */
.swiper-slide-active {
    opacity: 1; /* 完全不透明 */
    transform: scale(1); /* 恢复原大小 */
    z-index: 10;}





        /* --- 主容器 --- */
        .hero-section {
            display: flex;
            width: 100%;
            height: 9.1rem;
            background-color: #0b1c3d;
            color: white;

            overflow: hidden; /* 防止内容溢出圆角 */
            box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.15);}
.xsjz-bg-img {
    position: absolute;
    width: 9.6rem;
    height: 3.40rem;
    z-index: 1;
    pointer-events: none;}
        /* =========================================
           左侧：讲座预告 (50% 宽度)
           ========================================= */
        .left-panel {
            width: 50%; /* 强制 50% 宽度 */

            display: flex;
            flex-direction: column;

            /* 背景渐变，增加层次感 */
            background: #001633;}

        /* 顶部文字信息 */
        .lecture-header {     z-index: 10;
  padding: 0px 0px 0.37rem 1.5rem;}
 .lecture-header .jzygms{    width: 4.1rem;

    padding-top: 0.38rem;}
     .lecture-header .jzygms img{    width: 4.1rem;}
         .lecture-header .jzygtt{    width: 1.02rem;
    height: 0.22rem;
    padding-top: 1.2rem;}
             .lecture-header .jzygtt img{    
    height: 0.22rem;}
        .tag {
            display: inline-block;
            padding: 0.04rem 0.12rem;
            background: rgba(255,255,255,0.15);
            border-radius: 20px;
            font-size: 0.14rem;
            margin-bottom: 0.15rem;
            backdrop-filter: blur(0.05rem);
            color: #64c8ff;}
        .main-title {
            font-size: 0.32rem;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 0.1rem;}
        .meta-info {
            font-size: 0.14rem;
            color: #a0a0a0;
            display: flex;
            gap: 0.2rem;}
        .meta-info i { color: #64c8ff; margin-right: 0.05rem;}

        /* --- 关键修改：滚动容器 --- */
        .poster-scroll-area {
            display: flex; /* 让子元素横向排列 */
            gap: 0.2rem; /* 卡片之间的间距 */
            overflow-x: auto; /* 1. 开启横向滚动 */
            padding-bottom: 0.2rem; /* 给滚动条留点位置 */
            
            /* 2. 隐藏默认滚动条 (美观) */
            -ms-overflow-style: none;  /* ie and edge */
            scrollbar-width: none;}
        .poster-scroll-area::-webkit-scrollbar {
            display: none;}

        /* 海报卡片 */
        .poster-card {
            /* 3. 关键：不收缩，不拉伸，保持原宽 */
            flex: 0 0 auto; 
            width: 2rem;
            height: 2.80rem;
            background-color: #1a2b5c;
            border-radius: 0.08rem;
            overflow: hidden;
            transition: transform 0.3s;
            cursor: pointer;}
        .poster-card:hover {
            transform: translateY(-0.05rem);
            box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);}
        .poster-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.8;}
        .poster-card:hover .poster-img { opacity: 1;}









       /* =========================================
           右侧：4个方框 (50% 宽度)
           ========================================= */
        .right-panel {
            width: 50%; /* 强制 50% 宽度 */
            display: grid;
            grid-template-columns: 1fr 1fr; /* 两列 */
            grid-template-rows: 1fr 1fr;    /* 两行 */
            gap: 1px; /* 分割线间隙 */
            background: #1a2b5c;}

        .news-itemjz {
            background: #0158cc;
            padding: 0.25rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: background 0.3s;
            cursor: pointer;}
        .news-itemjz:hover {
            background: #1f336b;}
        /* 特定方块背景图 (可选) */
        .item-1 { 
            background: url(images/685.png) center/cover; 
            position: relative;}
        .item-1::after { 
            content:''; 
            position: absolute; 
            inset: 0;}
        .item-1 > * { position: relative; z-index: 2;} /* 文字层级提高 */

        .news2-date { font-size: 0.12rem; color: #4facfe; margin-bottom: 0.1rem; font-weight: bold;}
        .news2-text { font-size: 0.16rem; line-height: 1.6; color: #e0e0e0;}
        .news2-text strong { color: #fff; display: block; margin-bottom: 0.05rem;}

        /* 特定方块背景图 (可选) */
        .item-4 { 
            background: url(images/lpdbj.png) center/cover; 
            position: relative;}
        .item-4::after { 
            content:''; 
            position: absolute; 
            inset: 0;}
        .item-4 > * { position: relative; z-index: 2;} /* 文字层级提高 */


.device {
width: 100%;
    position: relative;
    height: 5.5rem;
    padding: 0.72rem 0px 0px 1.5rem;
    border-radius: 0.2rem;}
}
.swiper-container {
  width: 100%;
  height: 5.50rem;
  color: #fff;
  text-align: center;}
.swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0.8);}
.swiper-slide-visible {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);}
.red-slide {
  background: #ca4040;}
.blue-slide {
  background: #4390ee;}
.orange-slide {
  background: #ff8604;}
.green-slide {
  background: #49a430;}
.pink-slide {
  background: #973e76;}
.swiper-slide .title {
  font-style: italic;
  font-size:0.42rem;
  margin-top: 0.8rem;
  margin-bottom: 0;
  line-height: 0.45rem;}
.pagination {
    position: relative;
    z-index: 20;
    left: 0px;
    width: 100%;
    bottom: 1.20rem;}
.swiper-pagination-switch {
  display: inline-block;
  width: 0.24rem;
  height:0.06rem;
  background: #aaa;
  margin-right: 0.08rem;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 1;
  position: relative;}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;}
.swiper-active-switch {
  background: #fff;}
.swiper-img{width:2.8rem;}
.swiper-img img{width:2.8rem;}
/* 选中每一个滑块 */


/* 文字信息容器 */
.slide-info {
    position: absolute;
    right: -3.2rem; /* 调整这个数值来控制文字距离图片的距离 */
    top: 50%;      /* 垂直居中 */
    transform: translateY(-50%);
    width: 2.8rem;  /* 根据设计稿设定宽度 */
    text-align: left;
    color: #fff;}

/* 每一行文字的样式 */
.slide-info .info-item {
    margin-bottom: 0.15rem; /* 行间距 */
    font-size: 0.16rem;     /* 字体大小 */
    display: flex;       /* 让图标和文字对齐 */
    align-items: center;}

/* 图标样式 (可选) */
.slide-info i {
    margin-right: 0.1rem;
    color: #4facfe; /* 图标颜色，比如浅蓝色 */
    font-size:0.18rem;}

/* 针对第一张图（默认高亮）的特殊处理（可选） */
/* 如果您希望未选中的幻灯片文字也隐藏或变淡，可以加透明度控制 */
.swiper-slide:not(.swiper-slide-active) .slide-info {
    opacity: 0; /* 非激活状态下隐藏文字，或者设为 0.3 变淡 */
    transition: opacity 0.3s ease;}
.swiper-slide-active .slide-info {
    opacity: 1;}





/* 右上角文字显示框 */
.lecture-info-display {
    position: absolute;
    top: 1.7rem;
    left: 6.4rem;
    width:2.6rem;
    padding: 0.1rem;
    z-index: 100;}

.lecture-info-display .info-row {
    color: #fff;
    font-size:0.14rem;
    margin-bottom: 0.19rem;
    line-height: 1.4;
    display: flex;
    align-items: center;}
.lecture-info-display .info-row img{width:16px;height:16px;}
.lecture-info-display .info-row span{    padding-left: 10px;}

.lecture-info-display .info-row:last-child {
    margin-bottom: 0;}

.lecture-info-display i {
    color: #64c8ff; /* 图标颜色 */
    margin-right: 0.08rem;
    width: 0.16rem;
    text-align: center;}


/* 1. 锁定最外层盒子 */
.jzyglb-wrapper {
    width: 4.8rem!important;
    height: 4.55rem!important;
    position: relative;
    overflow: hidden;
    background: #000;}

/* 2. Swiper 容器填满 */
.jzyglb-swiper {
    width: 100% !important;
    height: 100% !important;}

/* 3. 核心修复：Slide 内部布局 */
.jzyglb-swiper .swiper-slide {
    /* 强制 slide 也是 480x500，防止计算错误 */
    width: 4.8rem!important;
    height: 4.55rem!important;
    padding: 0 !important;}

/* 4. 图片填充方案 */
.slide-inner {
    width: 100%;
    height: 100%;
    position: relative;}

.slide-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 暴力裁剪，保证无黑边 */
    display: block;}

/* 5. 左下角按钮定位 */
.jzyglb-pagination {
    bottom: 0.2rem!important;   /* 距离底部稍微远一点，美观 */
    left: 0.2rem!important;     /* 距离左侧稍微远一点 */
    right: auto !important;
    text-align: left !important;
    width: auto !important;
    z-index: 100;}

/* 按钮小圆点样式 */
.jzyglb-pagination .swiper-pagination-bullet {
    width: 0.24remimportant;      /* 宽度拉长 */
    height: 0.06rem!important;      /* 高度压扁 */
    border-radius: 0.02rem!important; /* 圆角设为很小，看起来像两头圆润的棍子 */
    background: #aaa !important;
    opacity: 0.5 !important;     /* 未选中时的透明度 */
    margin: 0 0.04rem !important;    /* 横条之间的间距 */
    transition: all 0.3s ease;}
.jzyglb-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #ffffff !important; /* 激活颜色，按需修改 */
    width: 0.24rem !important;}
/* --- 讲座新闻列表专用样式 (JZ = JiangZuo) --- */

/* 容器：设置间距，模拟列表感 */
.jz-news-list {
    display: flex;
    flex-direction: column;
    gap: 0.09rem;
    padding: 1.06rem 0.64rem 0.64rem 0.64rem ;
    background: #0158cc;}
.jz-news-list:hover { background: #0158cc;}
/* 单条新闻链接块 */
.jz-item {
    display: block;
    text-decoration: none;
    color: #fff; /* 默认白色文字 */
    transition: all 0.3s ease;
    padding-bottom: 0px;}

/* 鼠标悬停效果：整体稍微变亮或右移 */
.jz-item:hover {
    opacity: 0.9;
    transform: translateY(-5px);
    font-weight: 600;}

/* 内容包裹层 */
.jz-content {
    display: flex;
    flex-direction: column;
    justify-content: center;}

/* 标题：核心样式 */
.jz-headline {
    margin: 0 0 0rem 0; /* 底部留白给日期 */
    font-size:0.18rem;   /* 根据实际设计稿调整大小 */
    line-height: 1.5;
    font-weight: 500;  /* 不需要太粗，中等即可 */
    letter-spacing: 0.5px;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制最多显示2行，多了省略号 */
    -webkit-box-orient: vertical;
    overflow: hidden;}

/* 日期行 */
.jz-meta {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.6); /* 半透明白色，显得更有层次 */
    display: flex;
    align-items: center;
    gap: 0.06rem;}

/* 图标微调 (如果用了 FontAwesome) */
.jz-meta i {
    font-size:0.14rem;}

/* 查看更多区域 */
.jz-more-wrapper {
    margin-top:0.1rem;
    text-align: left;}

.jz-more-btn {
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.16rem;
    transition: color 0.3s;}

.jz-more-btn:hover {
    color: #fff;}

.jz-more-btn span {
    font-family: Arial, sans-serif;
    font-weight: bold;}
/* --- 容器设置 --- */
.jz-quote-card {
    position: relative; /* 用于定位背景引号 */
    background-color: #0056b3; /* 这里的蓝色参考了截图，可根据需要调整 */
    color: #ffffff;
    padding: 1.16rem 0.64rem; /* 内边距，留出空间给引号 */
    height: 100%;       /* 撑满父容器高度 */
    box-sizing: border-box;
    display: flex;
    overflow: hidden;}
.jz-quote-card:hover {   background-color: #0058CC;    opacity: 0.9;
    transform: translateY(-0.04rem);
    font-weight: 600;}
/* --- 内容区域 --- */
.jz-quote-content {
    position: relative;
    z-index: 2; /* 确保文字在引号上面 */
    width: 100%;}

/* --- 标题样式 --- */
.jz-quote-title {
    font-size: 0.18rem;      /* 较大的标题字号 */
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 1.4;
    color: #fff;}

/* --- 日期样式 --- */
.jz-quote-date {
    font-size: 0.13rem;
    color: rgba(255, 255, 255, 0.6); /* 半透明白色，显得高级 */
    margin-bottom: 0.82rem;
    display: flex;
    align-items: center;
    gap:0.08rem;}

/* --- 摘要文本样式 (核心：多行省略号) --- */
.jz-quote-desc {
    font-size: 0.13rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.6);
    text-align: justify; /* 两端对齐更整齐 */

    /* 限制显示行数，多余变省略号 */
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 这里设置显示几行，截图看起来像3-4行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

/* --- 背景装饰大引号 --- */
.jz-quote-mark {
    position: absolute;
    font-family: serif; /* 使用衬线体更像引号 */
    color: rgba(255, 255, 255, 0.1); /* 非常淡的白色，作为水印效果 */
    line-height: 1;
    z-index: 1;
    pointer-events: none;}

.jz-mark-top {
    top: 2.48rem;
    left: 0.64rem;}

.jz-mark-bottom {
    bottom: 1.26rem;
    right: 0.64rem;}
/* 1. 外层容器：定宽定高 */
.stat-card {
    width: 4.8rem;  /* 根据你截图的尺寸设定 */
    height: 4.55rem;
    position: relative; /* 关键：作为定位基准 */
    overflow: hidden;   /* 防止图片溢出圆角 */
    border-radius:0.08rem;}

/* 2. 背景图：填满容器 */
.bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保证图片填满且不变形 */
    display: block;
        transition: transform 0.8s ease-out;

    /* 可选：加上 will-change 可以让动画在部分浏览器中更丝滑 */
    will-change: transform;}
/* --- 3. 鼠标悬停效果 --- */
.stat-card:hover .bg-image {
    /* 放大到 1.05 倍 (即 105%) */
    transform: scale(1.5);}

/* 3. 文字图层：悬浮在背景之上 */
.ryds1{
    position: absolute;
    top: 1.08rem;
    left: 1.29rem;
    width: 2.3rem;
    height: 0.56rem;
    z-index: 2;
    pointer-events: none;}
.ryds2{
    position: absolute;
    top: 1.83rem;
    left: 0.6rem;
    width: 3.6rem;
    height: 1.12rem;
    z-index: 2;
    pointer-events: none;}
.ryds3{
    position: absolute;
    top: 3.07rem;
    left: 0.6rem;    width: 3.52rem;
    height:0.48rem;
    z-index: 2;
    pointer-events: none;}
.text-overlay {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    width: 2.57rem;
    height: 2.3rem;
    z-index: 2;
    pointer-events: none;}
.foot-logo{
    width: 224px;
    float: left;}
.foot-xx{
    float: left;    padding-left: 72px;}