/* 以下样式不用修改 开始*/
    /* 默认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
{}

    /* --- 主容器 --- */
        .news-container {
            width: 945px;
            background: #fff;
            padding: 40px;
            border-radius: 8px;
            /* 动态效果：整体轻微阴影 */
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;}
        .news-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);}

        /* --- 标题区域 --- */
        .section-header {

            align-items: center;
            margin-bottom: 30px;}
        .section-header h2 {
            font-size: 30px;
            color: var(--text-dark);
            margin-right: 15px;}
        .section-header .dotx {
            width: 12px;
            height: 12px;
            background: #0056b3;
            border-radius: 50%;
            margin-right: 10px;
            display: inline-block;}
        .section-header span {
            font-size: 16px;
            letter-spacing: 2px;
            color: #000;
            text-transform: uppercase;}


        /* --- 新闻主体网格 (核心布局) --- */
        .news-grid {
            display: flex;
            height: 430px; /* 固定高度以确保对齐 */
            gap: 0;}

        /* 左侧大图区域 */
        .main-item {
            flex: 3; /* 占据 3/4 宽度 */
            position: relative;
            overflow: hidden; /* 隐藏放大的图片部分 */
            border-radius: 8px 0 0 8px; /* 左侧圆角 */
            cursor: pointer;}
        .main-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

        /* 左侧图片上的文字蒙层 */
        .main-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            /* 渐变背景，确保文字清晰 */
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            color: #fff;
            z-index: 2;
            transition: background 0.3s ease;}
        .main-overlay h3 {
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: 700;}
        .main-overlay .date {
            font-size: 14px;
            opacity: 0.9;
            display: flex;
            align-items: center;}
        .main-overlay .date i { margin-right: 5px; color: #ffcc00;}

        /* 右侧列表区域 */
        .side-list {
            flex: 1; /* 占据 1/4 宽度 */
            display: flex;
            flex-direction: column;}
        .side-item {
            flex: 1; /* 两个项目均分高度 */
            position: relative;
            overflow: hidden;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
            border-left: 1px solid #fff;}
        /* 去除第一个元素的上边框，保留圆角 */
        .side-item:first-child { border-top-right-radius: 8px;}
        .side-item:last-child { border-bottom-right-radius: 8px;}

        /* 右侧第一个蓝色背景 */
        .side-item.blue { background-color: #0158cc; color: #fff;}
        /* 右侧第二个图片背景 */
        .side-item img {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover;
            z-index: 1;
            transition: transform 0.5s ease;}
        /* 图片上的遮罩 */
        .side-item::after {
            content: ''; position: absolute; top:0; left:0; right:0; bottom:0;
            background: rgba(0,0,0,0.3); /* 图片变暗以便阅读文字 */
            z-index: 2;
            transition: background 0.3s;}

        /* 右侧文字内容层级 */
        .side-content {
            position: relative;
            z-index: 3; /* 确保文字在最上层 */
            color: #fff;
            padding: 10px;}
        .side-content h4 { font-size: 18px; margin-bottom: 8px; line-height: 1.4; text-align: left;}
        .side-content .date { font-size: 13px; opacity: 0.9;text-align: left;}

        /* --- 动态交互效果 --- */

        /* 1. 左侧大图悬停：图片放大，蒙层加深 */
        .main-item:hover img { transform: scale(1.1);}
        .main-item:hover .main-overlay { background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.5));}

        /* 2. 右侧蓝色块悬停：轻微变色 */
        .side-item.blue:hover { background-color: #004494;}

        /* 3. 右侧图片块悬停：图片放大，遮罩变淡 */
        .side-item:hover img { transform: scale(1.1);}
        .side-item:hover::after { background: rgba(0,0,0,0.2);}

        /* 4. 查看更多链接 */
        .view-more {
            margin-top: 25px;
            display: inline-block;
            color: var(--primary-blue);
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            position: relative;
            padding-right: 20px;
            transition: color 0.3s;}
        .view-more i {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: transform 0.3s;}
        .view-more:hover { color: #003366;}
        .view-more:hover i { transform: translateY(-50%) translateX(4px);}

       /* --- 主卡片 --- */
        .notice-board {
            width: 410px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            padding: 30px;}

        /* --- 头部 --- */
        .header {

            align-items: center;
            margin-bottom: 25px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 2px;padding-top: 10px;}

        .main-title {
            font-size: 30px;
            font-weight: bold;
            color: var(--text-dark);
            margin-right: 10px;}

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

.double-dot {
    display: flex;
    margin-right: 8px;}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;}

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

.sub-title {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;}
        
        
        

        /* --- 列表 --- */
        .news-list {
            list-style: none;}

        .news-item {
            display: flex;
            align-items: flex-start; /* 顶部对齐，保证日期和第一行文字对齐 */
            margin-bottom: 22px;
            padding-bottom: 18px;
            border-bottom: 1px dashed #c9c9c9;}
        
        /* 去掉最后一项的分割线 */
        .news-item:last-child {
            margin-bottom: 10px;
            border-bottom: none;
            padding-bottom: 0;}

        /* 图标样式 */
        .news-icon {
            color: #0056b3;
            font-size: 14px;
            margin-top: 4px; /* 微调图标垂直位置 */
            margin-right: 15px;
            flex-shrink: 0;}

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

        /* 日期：第一行 */
        .news-date {
            font-size: 14px;
            color: #0056b3;
            font-weight: 600;
            margin-bottom: 4px; /* 日期和标题的间距 */
            font-family: monospace;}

        /* 标题：第二行 */
        .news-title {
            font-size: 15px;
            color: var(--text-dark);
            line-height: 1.5;
            transition: color 0.3s;
            text-align: justify;}

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

        /* --- 底部链接 --- */
        .footer-link {
            display: block;
            text-align: right;
            margin-top: 15px;
            color: var(--primary-blue);
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;}
        .footer-link i {
            font-size: 16px;
            margin-left: 5px;
            transition: transform 0.3s;}
        .footer-link:hover i {
            transform: translateX(3px);}
        /* --- 主容器 --- */
        .hero-section {
            display: flex;
            width: 100%;
            height: 800px;
            background-color: #0b1c3d;
            color: white;

            overflow: hidden; /* 防止内容溢出圆角 */
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);}

        /* =========================================
           左侧：讲座预告 (50% 宽度)
           ========================================= */
        .left-panel {
            width: 50%; /* 强制 50% 宽度 */
            padding: 40px;
            display: flex;
            flex-direction: column;

            /* 背景渐变，增加层次感 */
            background: linear-gradient(135deg, #0b1c3d 0%, #1a2c5e 100%);}

        /* 顶部文字信息 */
        .lecture-header { margin-bottom: 30px;}
        .tag {
            display: inline-block;
            padding: 4px 12px;
            background: rgba(255,255,255,0.15);
            border-radius: 20px;
            font-size: 14px;
            margin-bottom: 15px;
            backdrop-filter: blur(5px);
            color: #64c8ff;}
        .main-title {
            font-size: 32px;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 10px;}
        .meta-info {
            font-size: 14px;
            color: #a0a0a0;
            display: flex;
            gap: 20px;}
        .meta-info i { color: #64c8ff; margin-right: 5px;}

        /* --- 关键修改：滚动容器 --- */
        .poster-scroll-area {
            display: flex; /* 让子元素横向排列 */
            gap: 20px; /* 卡片之间的间距 */
            overflow-x: auto; /* 1. 开启横向滚动 */
            padding-bottom: 20px; /* 给滚动条留点位置 */
            
            /* 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: 200px;
            height: 280px;
            background-color: #1a2b5c;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s;
            cursor: pointer;}
        .poster-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px 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: 25px;
            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;} /* 文字层级提高 */

        .news-date { font-size: 12px; color: #4facfe; margin-bottom: 10px; font-weight: bold;}
        .news-text { font-size: 16px; line-height: 1.6; color: #e0e0e0;}
        .news-text strong { color: #fff; display: block; margin-bottom: 5px;}

        /* 特定方块背景图 (可选) */
        .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;
  margin: 10px auto;
  height: 480px;
  padding: 3px 4px;
  border-radius: 20px;}
.swiper-container {
  width: 100%;
  height: 480px;
  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);}
.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: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;}
.swiper-active-switch {
  background: #fff;}
.swiper-img{width:280px;}
.swiper-img img{width:280px;}
/* 选中每一个滑块 */
.swiper-slide {
    /* 设置右边距 */
    margin-right: 30px;}
/* 可选：如果最后一张图不需要右边距，可以重置它 */
.swiper-slide:first-child {
    margin-left: -283px;}