.container {
            margin: 50px auto;
            display: flex;
            justify-content: space-between;}
   

        .column-wrap {
            /* width: 100%; */
            }
        .column-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;}
        .header-title {
            display: flex;
            align-items: center;
            font-size: 26px;
            font-weight: bold;
            color: #222;
            }
        .header-title1::before {
            content: "";
            width: 44px;
            height: 42px;
            background: url(../images/xyxwicon.png) no-repeat;
            margin-right: 10px;
            clip-path: polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);
            }
 .header-title2::before {
            content: "";
            width: 52px;
            height: 42px;
            background: url(../images/jcdticon.png) no-repeat;
            margin-right: 10px;
            clip-path: polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);
            }
        .more-link {
            color: #333;
            text-decoration: none;
            font-size: 14px;
            display: flex;
            align-items: center;
            line-height: 24px;
            }
        .more-link span {
            color: #d92121;
            display: block;
            line-height: 24px;
            display: flex;
            align-items: center;
            }
        /* 左侧校园新闻样式 */
        .news-item {
            display: flex;
            padding: 12px 0;
            border-bottom: 1px dashed #b8d0eb;
            gap:16px;}
        .news-date-box {
            background: #006DB8;
            color:#fff;
            width:72px;
            height:72px;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            flex-shrink:0;}
        .news-day {
            font-size:28px;
            line-height:1;}
        .news-month {
            font-size:14px;}
        .news-text {
            font-size:18px;
            color:#222;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            display: flex;
            align-items: center;
            }
.news-item:hover .news-text{
            color:#006DB8;
font-weight:bold;}
        /* 右侧基层动态样式 */
        .dynamic-item {
            padding: 36.5px 0;
            position:relative;
            cursor:pointer;
            }
        .dynamic-date {
            font-size:18px;
            color:#006DB8;
            display:inline-block;
            margin-right:8px;}
        .dynamic-title {
            font-size:18px;
            color:#222;
            transition:color 0.3s ease;
            font-weight: normal;
            }
        /* 下划线动画 */
        .dynamic-item::after {
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            width: 100%;
            height:1px;
            background:#b8d0eb;
            }
        .dynamic-item .line-animate {
            position:absolute;
            left:0;
            bottom:0;
            width:0;
            height:2px;
            background:#006DB8;
            transition:width 0.4s ease-out;
            z-index:2;
            width: 8%;
            }
        .dynamic-item:hover .line-animate {
            width: 100%;
            }
        .dynamic-item:hover .dynamic-title {
            color:#006DB8;
            font-weight: bold;
            }
        /* 响应式适配 */
        @media screen and (max-width:992px) {
            .container {
                grid-template-columns:1fr;}
        }
              .wrap {
            /* background-color: #0F52BA; */
            background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
            background-size: 30px 30px;
            width: 100%;
            padding: 40px 0;
            color: #fff;
            display: flex;
            justify-content: space-between;
        }
        @media (max-width:768px) {
            .wrap {
                grid-template-columns: 1fr;
                padding: 30px 4%;
                gap:30px;
            }
        }
        .title-box {
            display: flex;
            align-items: center;
            gap:12px;
            font-size: 26px;
            font-weight: 500;
            margin-bottom:30px;
            position: relative;
        }

.title-box>a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
}

.title-box>a img {
    vertical-align: middle;
    margin-left: 5px;
margin-top:-2px;
}
        .title-icon {
            width:36px;
            height:36px;
            fill:#fff;
        }
        /* ==========左侧科研动态区域========== */
        .research-item {
            display: flex;
            position:relative;
            cursor: pointer;
            /* border-radius: 6px; */
            padding-right:52px;
            border-bottom: 1px dashed #308ECE;
            padding: 16px 0;
            align-items: center;
            transition: all .3s;
            align-content: center;
color:#fff;
        }
        .research-date {
            min-width:80px;
            text-align:center;
            padding-right:15px;
        }
        .day {
            font-size: 30px;
            line-height:1;
        }
        .ym {
            font-size:14px;
            opacity:0.85;
        }
        .research-text {
            flex:1;
            padding: 0 0;
            font-size:17px;
            line-height: 24px;
            max-height: 48px;
            vertical-align: middle;
        }
        /* hover触发白色背景+右侧斜切蓝块+箭头 */
        .research-item:hover {
            background:#ffffff;
            color:#006db8;
            /* transform: translateX(3px); */
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            border-bottom: 1px dashed rgba(255,255,255,.0);
            padding-right: 50px;
            transition: all .3s;
            
        }
 .research-item:after {
            content:'';
            position:absolute;
            right:0;
            top: 0px;
            width: 55px;
            height: 101%;
            background: url(../images/xzbk_jt.png) center #1083D3 no-repeat;
            clip-path: polygon(30% 0,100% 0,100% 100%,0% 100%);
            background-size: 25px;
            transition: all .5s;
     opacity:0
        }
        .research-item:hover::after {
            content:'';
            position:absolute;
            right:0;
            top: 0px;
            width: 55px;
            height: 102%;
            background: url(../images/xzbk_jt.png) center #1083D3 no-repeat;
            clip-path: polygon(30% 0,100% 0,100% 100%,0% 100%);
            background-size: 25px;
            transition: all .3s;
                 opacity:1
        }
        .arrow{
            display:none;
            position:absolute;
            right:12px;
            top:50%;
            transform:translateY(-50%);
            color:#fff;
            font-weight:bold;
            font-size:22px;
        }
        .research-item:hover .arrow {
            display:block;
        }

        /* ==========右侧学术交流区域========== */
        /* 首项默认白色卡片样式（固定不变） */
        .academic-top-card {
            background:#ffffff;
            padding: 15px 20px;
            margin-bottom: 10px;
            /* border-radius:6px; */
        }
        .card-date {
            color:#0F52BA;
            font-size: 18px;
            margin-bottom: 5px;
        }
        .card-title {
            color:#006DB8;
            font-size: 20px;
            font-weight:bold;
            padding-bottom: 11px;
            border-bottom:1px solid #ccd6f0;
            margin-bottom: 10px;
            line-height:1.3;
        }
        .card-desc {
            font-size: 15px;
            color:#828282;
            line-height:1.7;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        /* 下方列表默认：左标题+右时间，蓝底白字 */
        .academic-list-item {
            display:flex;
            padding: 21px 6px;
            border-bottom:1px solid rgba(255,255,255,0.15);
            font-size:16px;
            cursor: pointer;
            /* border-radius:6px; */
            align-content: space-between;
            justify-content: space-between;
            transition:all .3s;
color:#fff;
        }
.academic-list-item:hover{border-bottom: 1px solid rgba(255,255,255,0.6);}
        .academic-list-item:last-child {
            border:none;
        }
        .list-left {
            display:flex;
            align-items:center;
            padding-right: 2.2rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 80%;
            font-weight: 400;
            padding-left: 20px;
            position: relative;
color:#fff;
        }
        .list-left::before {
            content:"";
            position:absolute;
            font-size:14px;
            opacity: 1;
            width: 16px;
            height: 16px;
            background: url(../images/xzbk_leftico.png) center no-repeat;
            background-size: 12px 12px;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        .list-date {
            opacity:0.8;
            min-width: 0;
        }
        /* 列表hover变为白色卡片样式，和首项结构完全一致 */
        .academic-list-item:hover .list-left{
            font-weight: 800;
        }
   
     @media screen and (max-width:1024px) {
         .container{
    display: block;
    padding: 0 10px;
}
         .s1-b3 .left-col{
    width: 98%;
    margin-bottom: 30px;
}
          .s1-b3 .right-col{
    width: 100%;
}
         .dynamic-item{
    padding: 23.5px 0;
}
         .section2 .wrap{
    display: block;
    padding: 30px 15px;
}
         .section2 .col-left{
    width: 100%;
    margin-bottom: 30px;
}
         .section2 .col-right{
    width: 100%;
}
     }