.header-menu .wrapper {
    width: 1400px;}

.header-menu ul>li {

    width: 150px;}

.i4 .i14{
    display: block;
    width: 100%;
    white-space: normal!important;
    line-height: 80px!important;
    height: 60px!important;}


.news-box {
    background: #fff;
    padding: 20px;
    animation: fadeInUp 0.5s ease-out;}

.news-box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 2px solid #a71d2a;
    margin-bottom: 15px;
    padding-top: 15px;}

.news-box-header h3 {
    font-size: 26px;
    color: #333;
    font-weight: bold;}

.news-box-header .more-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #888;
    transition: color 0.3s;}

.news-box-header .more-link:hover {
    color: #a71d2a;}

.news-box-header .more-link::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #e8a83a;
    border-radius: 50%;}

.news-list {
    display: flex;
    flex-direction: column;}

.news-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    transition: all 0.3s;
    cursor: pointer;
        position: relative;}

.news-item:hover {
    padding-left: 8px;}

.news-item:hover .news-title {
    color: #a71d2a;}

.news-item .dot {
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
    transition: background 0.3s;}

.news-item:hover .dot {
    background: #a71d2a;}

.news-item:first-child .dot {}

.news-item:first-child .news-title {}

.news-item:first-child:hover .news-title {
    color: #a71d2a;}

.news-title {
    flex: 1;
    font-size: 18px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s;}

.news-date {
    font-size: 13px;
    color: #999;
    margin-left: 15px;
    flex-shrink: 0;}

/* ======================
   核心：从左到右展开下划线动画
====================== */
.news-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    /* 距离文字底部距离 */
    width: 0;
    /* 默认宽度0，隐藏 */
    height: 1px;
    /* 下划线粗细 */
    background-color: #a71d2a;
    /* 下划线颜色 */
    transition: width 0.35s ease-out;
    /* 动画时长和曲线 */
    transform-origin: left center;}

/* 鼠标悬浮时，下划线宽度拉满 100% */
.news-item:hover::after {
    width: 100%;}


.quick-links {
    background: #fff;
    padding: 35px 0 0 0;}


.quick-links .container {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    max-width: 1480px;
    margin: 0 auto;}


.quick-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 33px;
border-radius: 5px;
    font-size: 24px;
    color: #fff;
    font-weight:bold;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    text-decoration: none;}

.quick-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);}

.quick-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;}
.quick-links .btn-5 { background: #1a6840;}
.quick-links .btn-5:hover { background: #145532;}
.quick-links .btn-2 { background: #e8a83a;}
.quick-links .btn-2:hover { background: #d49a2f;}
.quick-links .btn-3 { background: #2a9d8f;}
.quick-links .btn-3:hover { background: #238b7e;}
.quick-links .btn-4 { background: #4a90a4;}
.quick-links .btn-4:hover { background: #3d7a8c;}

.quick-links .btn-1 { background: #a71d2a;}
.quick-links .btn-1:hover { background: #a71d2a;}


.main-teaching {
    height: auto;    padding: 30px 0px;}
.teaching-items {

width: 1200px;
    float: none;
    padding: 30px 0;
    height: auto;}

div.main-teaching.main-teaching1 > div > div.news-box-header{
border-color:#fff;}

div.main-teaching.main-teaching1 > div > div.news-box-header .more-link,
div.main-teaching.main-teaching1 > div > div.news-box-header  h3 {

    color: #fff;}

.main-teaching2 .teaching-item {
 
    width: 390px;
    height: 270px;
     padding: 10px 0;
    margin: 5px;}

        /* 容器：实现两列布局 */
        .college-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;}

        /* 学院卡片 */
        .college-card {
            border: 1px solid #ccc;
            padding: 20px 30px;
            background-color: #fff;}

        /* 学院标题 */
        .college-title a {
            font-size: 22px;
            font-weight: bold;
            color: #662222;
            margin-bottom: 20px;}

        /* 导航列表 */
        .college-list {
            list-style: none;
            padding-left: 20px;}

        .college-list li  a{
            font-size: 18px;
            color: #662222;
            margin-bottom: 12px;
            line-height:35px;}

        /* 最后一个li去掉下边距 */
        .college-list li:last-child {
            margin-bottom: 0;}