/* 当屏幕宽度小于1200px时，进行缩放 */

@media (min-width: 769px) and (max-width: 1200px) {


    html {
        width: 100vw !important;
        display: flex !important;
        justify-content: center !important;
    }

    .container-1200 {
        margin: auto;
        width: 768px !important;
    }

    .container-1200-pd {
        margin: auto;
        padding: 0 32px;
        width: 768px !important;
    }

    .student-news-bg {
        width: 768px !important;


    }

    .w-news-zone {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    .wgy-header {
        display: none;
    }

    .header-375 {
        height: 140px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 16px;
        /*overflow: hidden;*/
    }

    .Search {
        display: none !important;
    }
    .Search-en{
        display: none !important;
    }

    .header-375 .w-logo-wrap {

        height: 32px;
        display: flex;
        cursor: pointer;
    }

    .header-375 .w-top {
        width: 768px !important;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 32px;
    }

    .header-375 .more-icon {
        width: 24px;
        height: 24px;
    }


    .four-switch {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center !important;
    }

    .four-switch-wrap {
        top: -38px !important;
    }



    .w-news-zone .news-item-img-container {
        width: 311px !important;
        height: 210px !important;
    }

    .w-news-zone .news-list-title {
        width: 575px !important;
    }

    .news-content-padding-top {
        height: 0px !important;
    }


    .four-switch-item {
        width: 175px !important;
        height: 75px!important;
    }

    .w-news-zone .news-item-img-container {
        width: 311px !important;
        height: 210px !important;
    }

    .w-news-zone .news-list-item {
        width: 704px;
    }

    .w-news-zone .news-item {
        width: 340px !important;
        margin-bottom: 16px !important;
    }

    .w-news-zone .news-item2 {
        width: 340px !important;
        margin-bottom: 16px !important;
    }

    .w-news-zone .news-item-img-container {
        width: 340px !important;
    }

    .w-news-zone .news-list {
        width: 768px !important;
    }

    .announcement-item:hover .announcement-item-white-rectangle-content {
        width: 60px;
    }

    .announcement-container {
        width: 704px !important;
    }


    .announcement-item-white-rectangle {
        width: 609px !important;
        overflow: hidden !important;
    }

    .announcement-container {
        padding-right: 1px !important;
    }

    .translate-container {
        width: 704px !important;
    }

    .translate-white-rectangle {

        width: 704px !important;
        height: 400px !important;
        padding-bottom: 24px !important;
    }

    .translate-white-rectangle-en {
        width: 704px !important;
        height: 400px !important;
        padding-bottom: 24px !important;
        margin-top: 50px !important;
    }

    .translate-img-container {
        margin-top: -386px !important;
        margin-left: 443px !important;
    }


    .international-exchange-container {
        display: flex !important;
        justify-content: space-between !important;
        overflow: hidden !important;
        height: 235px !important;
    }

    .academic-report-container-item {
        width: 211px !important;
        height: 111px !important;
        margin-bottom: 10px !important;
        overflow: inherit !important;
    }

    .report-container {
        width: 211px !important;
    }

    .academic-report-container {
        width: 704px !important;
        flex-wrap: nowrap !important;
    }

    .academic-report-container-item-title-container {
        width: 211px !important;
        overflow: hidden !important;

    }

    .academic-report-container-text-container {
        width: 211px !important;
        height: 111px !important;
    }

    .report-container:hover .academic-report-container-text-container {
        background-size: 230px !important;
    }

    .academic-report-container-item-title {
        width: 189px !important;
        height: 20px !important;
        /*overflow: hidden !important;*/
        text-overflow: ellipsis !important; /* 超出部分显示省略号 */
    }

    .international-exchange-container-item-img {
        width: 160px !important;
    }

    .international-exchange-container-item {
        width: 160px !important;
        height: 205px !important;
    }

    .international-exchange-container-item-title {
        width: 140px !important;
    }

    .international-exchange-img-container {
        /*height: 1400px;*/
    }

    .international-exchange-container-item-img {
        height: 120px !important;
    }

    .academic-report-container-text-container {

    }


    .academic-report-container-text-container-bottom {
        margin-top: -42px !important;
        white-space: nowrap !important;
    }

    /*.academic-report-time-change-line-pot-container {*/
    /*    display: none !important;*/
    /*}*/
    /*.triangle-white {*/
    /*    display: none !important;*/
    /*}*/
    .academic-report-time-change-line-pot-container {
        margin-left: 146px !important;

    }

    .academic-report-container-item-img {
        margin-left: 155px !important;
        margin-top: -7px !important;
    }

    .academic-report-container-item-name {
        width: 170px !important;
        flex-wrap: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }
    .academic-report-container-item-clock{
        width: 170px !important;
        flex-wrap: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }
    .academic-report-container-item-address {
        width: 170px !important;
        flex-wrap: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }

    .carousel-btn {
        margin-top: 163px !important;
    }

    .academic-report-grey-time-line {
        margin-top: 538px !important;
    }

    #myCarousel {
        width: 704px !important;
    }

    .student-news-container {
        flex-wrap: nowrap !important;
    }

    .student-news-container-item-top {
        width: 220px !important;
        height: 150px !important;
    }

    .student-news-container-item-bottom {
        width: 190px !important;
        height: 120px !important;
        padding-top: 6px !important;
        padding-left: 6px !important;
    }

    .student-news-container-item-bottom-context-title {
        width: 127px !important;
    }

    .student-news-container {
        height: 300px !important;
    }

    .student-news-container-item-bottom-context-text {
        width: 127px !important;
    }

    .top-370px {
        top: 270px !important;
    }

    .departments-photo-item {
        width: 133px !important;
        height: 81px !important;
    }

    .international-exchange-0 {
        height: 550px !important;
        background-size: cover !important;
    }

    .department-bg {
        width: 100vw!important;
    }
    .other-link {
        margin-left: 65px!important;
    }

    .hc-footer .hc-footer-right {

        margin-left: 60px!important;
    }
    .friendly-link-content-left-item-container-en {
        width: 170px!important;
        white-space: wrap!important;
    }
    .other-link-en {
        margin-left: -222px!important;
    }
    .friendly-link-content-left-en {
        width: 200px!important;
    }




    .w-news-zone .news-list-item:hover {
        background: url("../img/bg-news-768.png") no-repeat right!important;
        background-size: 700px 100px !important;

    }























}

@media (max-width: 768px) {
    .banner-height{
        height: 320px!important;
    }

    .carousel-indicators {
        top: 265px!important;
    }


    html {
        width: 100vw !important;
        display: flex !important;
        justify-content: center !important;
    }

    .container-1200 {
        margin: auto;
        width: 375px !important;
    }

    .container-1200-pd {
        margin: auto;
        padding: 0 32px;
        width: 375px !important;
    }

    .student-news-bg {
        width: 375px !important;


    }

    .w-news-zone {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    .wgy-header {
        display: none;
    }

    .header-375 {
        height: 88px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 16px;
        /*overflow: hidden;*/
    }

    .Search {
        display: none !important;
    }
    .Search-en{
        display: none !important;
    }

    .header-375 .w-logo-wrap {

        height: 32px;
        display: flex;
        cursor: pointer;
    }

    .header-375 .w-top {
        width: 311px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }

    .header-375 .more-icon {
        width: 24px;
        height: 24px;
    }


    .four-switch-wrap {
        top: -27px !important;
    }


    .w-news-zone .news-item-img-container {
        width: 311px !important;
        height: 210px !important;
    }

    .w-news-zone .news-list-item:hover {
        background-repeat: no-repeat !important;
        background-position: right !important;

    }

    .w-news-zone .news-list-title {
        width: 311px !important;
    }

    .news-content-padding-top {
        height: 75px !important;
    }

    .four-switch {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: inherit !important;
        padding-left: 32px!important;
        padding-right: 32px!important;
    }

    .four-switch-item {
        width: 155px !important;
        height: 67px!important;
    }

    .w-news-zone .news-item-img-container {
        width: 311px !important;
        height: 210px !important;
    }

    .w-news-zone .news-item {
        width: 311px !important;
        margin-bottom: 16px !important;
    }

    .w-news-zone .news-item2 {
        width: 311px !important;
        margin-bottom: 16px !important;
    }

    .w-news-zone .news-item-img-container {
        width: 311px !important;
    }

    .w-news-zone .news-list {
        width: 311px !important;
    }

    .announcement-item-white-rectangle {
        width: 216px !important;
        overflow: hidden !important;
    }

    .announcement-container {
        padding-right: 1px !important;
    }

    .translate-container {
        width: 310px !important;
    }

    .translate-white-rectangle {

        width: 311px !important;
        height: 780px !important;
        padding-bottom: 24px !important;
    }

    .translate-white-rectangle-en {
        width: 311px !important;
        height: 780px !important;
        padding-bottom: 24px !important;
        margin-top: 50px !important;
    }

    .translate-img-container {
        margin-top: -774px !important;
        margin-left: 54px !important;
    }

    .translate-white-rectangle-title {
        margin-top: 300px !important;
    }

    .translate-white-rectangle-title-en {
        margin-top: 300px !important;
    }

    .international-exchange-container {
        display: flex !important;
        justify-content: center !important;
        overflow: hidden !important;
        height: 335px !important;
    }


    .academic-report-container {
        width: 340px !important;
        flex-wrap: wrap !important;
    }

    .academic-report-container-item-title-container {
        width: 280px !important;
        height: auto !important;
        overflow: hidden !important;

    }


    .academic-report-container-item-title {
        width: 270px !important;
        height: 20px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important; /* 超出部分显示省略号 */
    }

    .international-exchange-img-container {
        /*height: 1400px;*/
    }


    .academic-report-container-item {
        height: 64px !important;
        margin-bottom: 10px !important;
        width: 311px !important;
        overflow: hidden !important;
    }


    .academic-report-container-text-container-bottom {
        display: none !important;
    }

    .academic-report-time-change-line-pot-container {
        display: none !important;
    }

    .triangle-white {
        display: none !important;
    }

    .carousel-btn {
        margin-top: 236px !important;
    }

    #myCarousel {
        width: 315px !important;
    }

    /*.carousel-control-next, .carousel-control-prev {*/
    /*    left: -300px!important;*/
    /*    background-color: red!important;*/
    /*}*/
    .student-news-container-item {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .student-news-container-item-top {
        width: 140px !important;
        height: 100px !important;
        /*background-color: #2b82b5;*/
    }

    .student-news-container-item-bottom {
        width: 168px !important;
        height: 100px !important;
        margin-top: 0 !important;
        margin-left: 2px !important;
    }

    .student-news-container {
        height: 353px !important;
    }

    .student-news-container-item {
        flex-wrap: nowrap !important;
        flex-direction: unset !important;
    }

    .student-news-container-item-bottom-time-month {
        font-size: 20px !important;
    }

    .student-news-container-item-bottom-time-line {
        width: 20px !important;
    }

    .student-news-container-item-bottom-time-day {
        font-size: 20px !important;
    }

    .student-news-container-item-bottom-time {
        margin-top: -5px !important;
        margin-left: -6px !important;
        height: 1px !important;
    }


    .student-news-container-item-bottom-context-title {
        width: 117px !important;
        margin-left: 12px;
        margin-top: -10px;
        font-size: 14px !important;
    }

    .student-news-container-item-bottom-context-text {
        width: 117px !important;
        margin-left: 12px;
        margin-top: -10px;
        font-size: 14px !important;
    }

    .international-exchange-0 {

        padding-top: 238px !important;
        height: 200px !important;
        background-size: cover !important;
    }

    .departments-photo-item {
        width: 62px !important;
        height: 37px !important;
    }

    .department-bg {
        left: -15px !important;
        width: 100vw !important;
    }

    .departments-overview-title {

        top: 6px !important;

    }
    .departments-overview-title-en {
        top:3px!important;
        white-space: wrap!important;
        font-size: 14pt!important;
        height: 40px!important;
        width: 210px!important;
    }

    .departments-overview-text {

        top: 3px !important;
        width: 203px !important;
        height: 100px !important; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
        overflow: hidden !important; /* 隐藏超出内容 */
        text-overflow: ellipsis !important; /* 超出部分显示省略号 */
        display: -webkit-box !important; /* 使用弹性盒子模型 */
        -webkit-line-clamp: 5 !important; /* 限制显示的行数 */
        -webkit-box-orient: vertical !important; /* 垂直布局 */

    }


    .departments-overview-learn-more {

        top: -9px !important;

    }


    .departments-overview {

        width: 196px !important;

    }

    .friendly-link-container {
        width: 310px !important;
    }

    .friendly-link-content-left {

        width: 155px !important;

    }

    .friendly-link-content {
        width: 310px !important;
    }

    .friendly-link-bottom-container {
        width: 311px !important;
        flex-wrap: unset !important;
        flex-direction: column !important;
    }

    .other-link {
        width: 311px !important;
        margin-left: -25px !important;
        margin-top: 30px !important;
    }

    .other-link-en {
        width: 250px !important;
        margin-left: -30px !important;
        margin-top: 25px !important;
    }

    .other-code1 {

        top: 127px !important;
        left: 15px !important;
    }

    .other-code2 {

        top: 127px !important;
        left: 130px !important;
    }

    .other-code3 {

        top: 127px !important;
        left: 246px !important;
    }

    .hc-footer .footer-up {
        display: flex !important;
        flex-direction: column !important;
    }

    .hc-footer .logo-down {
        margin-top: 20px !important;
        height: 80px !important;
    }

    .hc-footer .hc-footer-right {
        margin-top: -20px !important;
    }

    .left-link-en {
        display: flex;
        flex-wrap: unset;
        flex-direction: column;
    }
    .index-zone-title{
        font-weight: 500!important;
    }
    .w-news-zone .news-item-context-text {
        height: 83px!important;
    }
    .hc-footer .footer-up{
        height: 270px!important;
    }
    .hc-footer .hc-footer-right {
        padding-bottom: 28px;
    }
    .hc-footer .footer-row {
        line-height: 2;
    }
    .carousel-item-a {
        height: 320px!important;
    }
    .big-title{
        display: none!important;
    }
    .student-news-bg {
        top:68px!important;
    }


}


:root {
    --w-main-color: #234D89;
    --w-yellow-color: #FFD25A;
    --w-blue-color: #234D89;
    --hc-secondary-color: #636262;
    --hc-grey-color: #7F7F7F;
    font-size: 14px;
}

body {
    color: #636262;
    background: #F2F3F9;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out; /* 平滑过渡 */
    transform: scale(1); /* 初始缩放值 */
    transform-origin: center; /* 设置变换原点为中心 */
    overflow: hidden; /* 防止溢出 */
    user-select: none;
}

.img-cover-only {
    width: 100%;
    height: 100%;
    object-fit: cover;

}


.img-cover:hover {
    transform: scale(1.035); /* 缩放到1.05倍 */

    /* 保证处于顶层 */
}

.img-cover-z1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out; /* 平滑过渡 */
    transform: scale(1); /* 初始缩放值 */
    transform-origin: center; /* 设置变换原点为中心 */

    overflow: hidden; /* 防止溢出 */
}

.img-cover-z1:hover {
    transform: scale(1.035); /* 缩放到1.05倍 */
    position: relative;
    z-index: 1;
    /* 保证处于顶层 */
}

.blue-hover:hover {
    color: var(--w-blue-color);
}

.yellow-hover:hover {
    color: var(--w-yellow-color);
}

.white-hover:hover {
    color: white;
}

.blue-bg-hover:hover {
    background-color: var(--w-blue-color);
}

.yellow-bg-hover:hover {
    background-color: var(--w-yellow-color);
}

.white-bg-hover:hover {
    background-color: white;
}

.w-body {

}

.w-body a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}


.no-style-a a {
    text-decoration: none;
    color: inherit; /* 使用父元素的文字颜色 */
}


.container-1200 {
    margin: auto;
    width: 1200px;
}

.container-1200-pd {
    margin: auto;
    padding: 0 32px;
    width: 1200px;
}

.search-pd {
    margin: auto;
    padding: 0 32px;
    width: 120px;
}

/*区域*/
.w-area {
    padding-top: 60px;
    padding-bottom: 60px;
}


.carousel-indicators .active {
    background-color: var(--w-yellow-color) !important;
}


/*翻页器样式*/
.w-pagination {
    margin: 32px 0;
    font-size: 12px !important;
}

.w-pagination .p_pages {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.w-pagination .p_pages span {
    margin: 0 2px;
    height: 25px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w-pagination .p_first_d,
.w-pagination .p_prev_d,
.w-pagination .p_first,
.w-pagination .p_prev,
.w-pagination .p_next,
.w-pagination .p_last,
.w-pagination .p_next_d,
.w-pagination .p_last_d {
    width: 40px;
    background: #234D89;
    color: white;
}

.w-pagination .p_no_d,
.w-pagination .p_no {
    width: 25px;
}

.w-pagination .p_no_d {
    color: white;
    background: var(--w-yellow-color);
}

.w-pagination .p_no {
    color: #C7C8CC;
    border: 1px solid #C7C8CC;
}

.w-pagination .p_dot {
    color: #C7C8CC;
}

/*蓝线标题*/
.index-zone-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-zone-title {

    position: relative;
    padding-left: 18px;
    height: 37px;
    line-height: 37px;
    color: #333333;
    font-weight: 600;
    font-size: 18pt;
    /*white-space: nowrap;*/
}

.index-zone-title:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 25px;
    background: linear-gradient(135deg, rgba(35, 77, 137, 1) 0%, rgba(62, 141, 255, 1) 100%);
    border-radius: 5px; /* 为元素添加圆角 */


}

.index-zone-more {
    color: #234D89 !important;
    font-weight: 500;
    cursor: pointer;
}

/*顶部*/
.Search {
    margin-left: 45px;
    margin-top: 15px;

    position: fixed; /* 使用 fixed 定位 */

    height: 0;
    width: 100px; /* 根据需要调整宽度 */


}

.Search-en {
    margin-left: -40px;
    margin-top: 15px;
    position: fixed; /* 使用 fixed 定位 */

    height: 0;
    width: 100px; /* 根据需要调整宽度 */


}

.search-svg {
    margin-top: 9px;
    margin-left: 8px;
}

/*.search-input{*/
/*    display: flex;*/
/*    flex-wrap: nowrap;*/
/*    width: 10px;*/
/*}*/


/* 基本布局调整 */
.search-input {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 0;

}


/*==================================================*/


/* 搜索容器 */
.search-container {
    width: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

/* 搜索图标，初始状态 */
.search-icon {
    cursor: pointer;
}

/* 搜索框的默认状态，初始隐藏 */
.search-input {
    display: none; /* 隐藏搜索框 */
    align-items: center;
    justify-content: space-between;

    padding: 4px;
    border-radius: 16px;

    transition: transform 0.3s ease; /* 添加动画效果 */
}

/* 输入框和按钮包裹容器 */
.search-input-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

/* 输入框样式 */
.search-text {
    margin-left: -154px; /*让搜索框在左边出现*/
    flex: 1;
    padding: 6px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 16px;
    margin-right: 6px;
    outline: none;
    color: #555;
    transition: border-color 0.3s ease;


}


/* placeholder 的颜色：灰色 */
.search-text::placeholder {
    color: #bbb; /* placeholder 文本的颜色 */
}

/* 获取焦点时，文本颜色变为灰色 */
.search-text:focus {
    color: #777; /* 当输入框获得焦点时，文字颜色变成灰色 */
}

/* 输入框中的内容变灰色，当焦点丢失时，颜色恢复为默认 */
.search-text:focus::placeholder {
    color: transparent; /* 聚焦时，隐藏占位符 */
}


/* 搜索按钮样式，放在输入框内 */
.search-button {
    margin-left: -42px; /*让搜索按钮在搜索框里出现*/
    padding: 5px 7px;
    background-color: #4A90E2;
    color: white;
    border: none;
    border-radius: 16px;
    font-size: 12px;
    cursor: pointer;

}

/* 搜索框展开状态 */
.search-input.open {
    display: flex;
    transform: translateX(-100%); /* 向左展开 */
}

/* 初始叉按钮不可见 */
.close-svg {
    display: none;
}

/* 控制叉号的显示 */
.search-input.open .close-svg {
    display: inline-block; /* 显示叉号 */
}

/* 控制搜索框展开时，搜索图标隐藏 */
.search-input.open .search-svg {
    display: none; /* 隐藏搜索图标 */
}


.wgy-header-wrap {
    background: linear-gradient(125.8deg, rgba(46, 89, 146, 0.8) 0%, rgba(8, 100, 216, 0.8) 100%);
    /*backdrop-filter: blur(2px);*/

}

.wgy-header {
    padding: 0 32px;
}

.header-375 {
    display: none;
}

.wgy-header img {
    display: block;
}

.wgy-header .w-top {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.wgy-header .w-logo-wrap {
    width: 313px;
    height: 50px;
    display: flex;
    cursor: pointer;
}

.wgy-header .w-top-right {

    display: flex;
    align-items: center;
    color: white;
    gap: 6px;
}

.wgy-header .w-top-right-link {
    /*margin-left: 12px;*/
    display: flex;
    color: white;
    align-items: center;
    cursor: pointer;
}

.wgy-header .w-top-right-link-en {
    /*margin-left: 12px;*/
    display: flex;
    color: white;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
}

.w-top-right-link-global {
    display: flex;
    color: white;
    align-items: center;
    cursor: pointer;
}

.wgy-header .w-top-right-link:hover {
    color: var(--w-yellow-color);
}

.wgy-header .w-top-right-link-en:hover {
    color: var(--w-yellow-color);
}

.w-top-right-link-global:hover {
    color: var(--w-yellow-color);
}

.w-top-right-link-global:hover .global-icon {
    display: none;
}

.w-top-right-link-global:hover .global-icon-yellow {
    display: inherit;
}

.wgy-header .w-top-right-divide {
    margin: 0 8px;
    width: 1px;
    height: 16px;
    background-color: white;
}

.wgy-header .global-icon {
    margin-right: 6px;
    width: 16px;
    height: 16px;
}

.wgy-header .global-icon-yellow {
    display: none;
    margin-right: 6px;
    width: 16px;
    height: 16px;
}

.wgy-header .email-icon {
    display: none;
}


.wgy-header .w-top-right-quick-link {
    padding: 4px 6px;
    height: 28px;
    display: flex;
    align-items: center;
    color: var(--w-yellow-color);
    border-radius: 2px;
    border: var(--w-yellow-color) 1px solid;
    cursor: pointer;
}

.w-top-right-quick-link.active {
    background-color: var(--w-yellow-color);
    color: white;
    font-weight: 500;
}

.wgy-header .w-bottom {
    padding: 24px 0;
    height: 70px;
}

.wgy-header .w-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
}

.nav-link-en {
    margin-top: 0;
    height: 21px;
    white-space: nowrap;
}

.nav-link {
    margin-top: 0;
    height: 21px;
    font-size: 16px;
}


.wgy-header .w-nav-item {
    position: relative;
    flex: 1;
    text-align: center;
    display: block;
}

.wgy-header .w-nav-item.active {
    font-weight: 600;
    color: var(--w-yellow-color);
}

.wgy-header .w-nav-item.active:after {

    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    margin: 0 auto;
    width: 30px;
    height: 4px;
    background: var(--w-yellow-color);
    transition: 0.3s;
}

/*下划线 竖 有子栏目时出现*/
.wgy-header .w-nav-item.has-children:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 45px;
    margin: 0 auto;
    width: 5px;
    height: 0;
    background: var(--w-yellow-color);
    transition: 0.3s;
}

.wgy-header .w-nav-item:hover:before {
    height: 20px;
}

/*下划线 横*/
.wgy-header .w-nav-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    width: 0;
    height: 4px;
    background: var(--w-yellow-color);
    transition: 0.3s;
}

.wgy-header .w-nav-item:hover {
    font-weight: 600;
    color: var(--w-yellow-color);
}

.wgy-header .w-nav-item:hover:after {
    width: 80px;
}

/*子菜单栏*/
.w-nav .sub-nav-wrap {
    position: absolute;
    left: 0;
    top: 16px;
    padding-top: 48px;
}

.w-nav .sub-nav-wrap.nav-right {
    left: auto;
    right: 0 !important;
}

.w-nav .sub-nav {
    width: 600px;
    height: 0 !important;
    position: relative;
    z-index: 10;
    border-top: 3px solid var(--w-yellow-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    display: none;
    opacity: 0;
}

.w-nav .w-nav-item:hover .sub-nav {
    display: block;
    position: relative;
    z-index: 10;
    animation: fadeIn 0.7s forwards;
}

.w-nav .w-nav-item:hover .sub-nav-content {
}

.w-nav.w-nav-item:not(:hover).sub-nav {
    animation: fadeOut 2s forwards; /* 应用淡出动画，时长0.5秒，保留最终状态 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes content-expand {
    from {
        padding: 0 24px;
    }
    to {
        padding: 24px;
    }
}

.w-nav .sub-nav .sub-nav-content {
    gap: 20px;
    padding: 4px 24px;
    display: flex;
    background: url("../img/mbz21.png") no-repeat center;
    background-size: cover;
    animation: content-expand 0.5s ease-in-out forwards;
}

.w-nav .sub-nav-wrap.nav-right .sub-nav-content {
    flex-direction: row-reverse;
}

.w-nav .sub-nav dl {
    overflow: hidden;
    background-size: auto 100%;
    width: 62%;
    float: left;
    margin-top: 20px;
}

.w-nav.nv-r .sub {
    left: auto;
    right: 19px;
}

.w-nav .sub-nav .navpic img {
    width: 260px;
    min-height: 81px;
}

.w-nav .sub-link-list {
    /*padding:10px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: baseline;
    column-gap: 46px;
}

.w-nav .sub-item {
    width: 60px;
    height: 40px;

    padding-right: 10px;
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    /*align-items: center;*/
    /*background-color: paleturquoise;*/
    color: #666;
    font-weight: 400;
    white-space: nowrap;
    overflow: visible;
}

.w-nav .sub-link-list a {

    /*margin: 0 16px;*/
    /*height: 40px;*/
    /*display: block;*/
    color: #666;
    font-weight: 400;
}

.w-nav .sub-link-list a:hover {
    color: var(--w-yellow-color);
    font-weight: 600;
}

.w-nav .sub-link-list a.active {
    color: var(--w-yellow-color);
    font-weight: 600;
}

/*侧边栏*/

#sidebar {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    width: 248px;
    height: 100%;
    background-color: #434F5C;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    padding: 32px 32px;
    transition: transform 0.3s ease;
    transform: translateX(100%);

}

#sidebar p {
    margin: 0;
    font-size: 16px;
}

#sidebar div {
    color: #FFFFFF;


}

#sidebar.visible {
    transform: translateX(0);
}

.sidebar-title {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    align-items: center;
    /*悬浮时提示可点击*/
    cursor: pointer;
    margin-left: -41px;
    gap: 14px;
}

.sidebar-list {
    display: flex;
    flex-direction: column;

}

.sidebar-line {
    width: 99px;
    height: 2px;
    margin-top: 24px;
    background-color: rgba(255, 255, 255, 0.8);
    /*圆角*/
    border-radius: 1px;
}

.sidebar-link {
    margin-top: 16px;
    font-size: 14px;
    color: white;
    font-weight: 400;
}

.sidebar-link:hover {
    color: #FFD25A;
    font-weight: 500;
}

.sidebar-icon {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sidebar-web {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.web-img {
    width: 15px;
    height: 15px;

}

.web-span {
    cursor: default;
    font-size: 15px;
    margin-left: 10px;
}

.cs-code {
    margin-top: 22px;
    width: 124px;
    height: 124px;
}

.web-code {
    margin-top: 22px;
    width: 124px;
    height: 124px;
}


.csu-code {
    margin-top: 22px;
    width: 124px;
    height: 124px;
}


/*顶部结束*/

/* 轮播图 */
.w-banner .carousel-item {
    height: 600px;
}

.carousel-item-a {
    display: block;
    height: 600px;
}

.w-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*banner end*/
.w-news-zone {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.four-switch-wrap {
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    height: 100px;
}

.four-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.four-switch-item {
    width: 300px;
    height: 100px;
}

/*footer*/
.hc-footer {
    background-color: #234D89;
}

.hc-footer .footer-up {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.hc-footer .logo-up {
    display: block;
    height: 64px;
}

.hc-footer .logo-down {
    display: block;
    height: 100px;
}

.hc-footer .hc-footer-left {
    padding-bottom: 16px;
}

.hc-footer .footer-row {
    margin-left: 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: white;
}

.hc-footer .footer-row img {
    width: 16px;
    height: 16px;
}

.hc-footer .footer-label {
    margin-left: 8px;
    width: 60px;
}

.hc-footer .hc-footer-right {
    display: flex;
    flex-wrap: wrap;
}

.hc-footer .footer-down {
    height: 44px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: white;
    border-top: 1px solid #E2E2E2;
}

.hc-footer .footer-btn .btn {
    color: #AFAFAF;
    font-size: 13px;
}

.w-news-zone .news-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer
}

/*.w-news-zone .news-item:nth-child(1) {*/
/*    border-bottom: 4px solid #FFD25A;*/
/*}*/
/*.w-news-zone .news-item:nth-child(2) {*/
/*    border-bottom: 4px solid #016DAD;*/
/*}*/

.w-news-zone .news-item {
    width: 360px;
    overflow: hidden;
    border-bottom: 4px solid #FFD25A;
}

.w-news-zone .news-item2 {
    width: 360px;
    overflow: hidden;
    border-bottom: 4px solid #016DAD;
}

.w-news-zone .news-item-img-container {
    width: 360px;
    height: 210px;
}

.w-news-zone .news-item-context-title {
    padding: 16px 16px 0;
    font-size: 16px;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;

}

.w-news-zone .news-item-context-text {
    padding: 10px 16px 0;
    height: 123px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    line-height: 23px;
    font-size: 14px;
    color: #666666;
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 5; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
}

.w-news-zone .news-item-context-time {
    padding: 12px 16px 11px;
    font-size: 12px;
    color: #CECECE;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w-news-zone .news-list {
    width: 384px;
}

.w-news-zone .news-list-item {
    padding: 16px;
    height: 103px;
    border-bottom: 1px solid #CECECE;
}

.w-news-zone .news-list-item:hover {
    background: url("../img/bg-news.png") no-repeat center;
    background-size: cover;
}

.w-news-zone .news-list-time {
    display: flex;
    align-items: center;
}

.w-news-zone .news-list-time-icon {
    width: 16px;
    height: 16px;
}

.w-news-zone .news-list-time-number {
    padding-left: 5px;
    font-size: 12px;
    color: #CECECE;
}

.w-news-zone .news-list-item:hover .news-list-time-number {
    color: #ffffff;
}


.w-news-zone .news-list-title {
    padding-top: 8px;
    font-size: 12pt;
    /*margin-bottom: 13px;*/
    width: 352px;
    height: 44px;
    font-weight: 600;
    color: #353535;
}

.w-news-zone .news-list-item:hover .news-list-title {
    color: #ffffff;


}

.announcement-translate-bg {
    background-image: url("../img/mbz6.png"); /* 设置背景图片 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-position: center; /* 将图片居中显示 */
}

.announcement-translate-container {

    display: flex;
    flex-wrap: wrap;

}

.announcement-container {
    width: 580px;
    height: 517px;
    padding-right: 18px;
}

.announcement-list {
    margin-top: 24px;
}

.announcement-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    cursor: pointer;
}

/*动画化 首页 新闻资讯*/

@keyframes slideBackground2 {
    0% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.05) 0%, rgba(0, 111, 175, 0.5) 100%); /* 初始为蓝色 */
    }

    10% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.06) 30%, rgba(0, 111, 175, 0.10) 70%);
    }

    20% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.08) 60%, rgba(0, 111, 175, 0.15) 40%);
    }

    30% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.1) 90%, rgba(0, 111, 175, 0.20) 10%);
    }

    35% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.08) 60%, rgba(0, 111, 175, 0.25) 40%);
    }

    40% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.06) 50%, rgba(244, 244, 244, 0.2) 50%);
    }

    45% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.06) 50%, rgba(244, 244, 244, 0.3) 50%);
    }

    50% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.06) 40%, rgba(244, 244, 244, 0.4) 60%);
    }

    55% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.058) 30%, rgba(244, 244, 244, 0.5) 70%);
    }
    55% {
        background: linear-gradient(to top, rgba(0, 111, 175, 0.053) 60%, rgba(244, 244, 244, 0.5) 35%);
    }
    100% {
        background: linear-gradient(to left, rgba(0, 111, 175, 0.05) 99%, rgba(244, 244, 244, 0.6) 1%);
    }


}

.w-news-zone .news-item:hover {
    background-color: #006faf;
    /*animation: slideBackground2 0.2s ease-out forwards;*/
    /*animation:marginMoveLeft 0.5s ease-out forwards;*/
}

.w-news-zone .news-item2:hover {
    background-color: #006faf;
    /*animation:marginMoveLeft 0.5s ease-out forwards;*/
}

.w-news-zone .news-item:hover .news-item-context-text {
    color: rgba(255, 255, 255, 0.8);
}

.w-news-zone .news-item2:hover .news-item-context-text {
    color: rgba(255, 255, 255, 0.8);
}

.w-news-zone .news-item:hover .news-item-context-title {
    color: white;
}

.w-news-zone .news-item2:hover .news-item-context-title {
    color: white;
}

.w-news-zone .news-item:hover .news-item-context-time {
    color: rgba(255, 255, 255, 0.8);
}

.w-news-zone .news-item2:hover .news-item-context-time {
    color: rgba(255, 255, 255, 0.8);
}


.news-item-text:hover .news-item-context-title {
    animation: textColorAndSizeAnimation2 0.3s ease-out forwards;
}

.news-item2-text:hover .news-item-context-title {
    animation: textColorAndSizeAnimation2 0.3s ease-out forwards;
}

@keyframes textColorAndSizeAnimation2 {
    0% {
        color: rgba(51, 51, 51, 1); /* 初始颜色 */
        font-size: 16.1px; /* 初始字体大小 */
    }
    10% {
        color: rgba(51, 51, 51, 0.95);
        font-size: 16.2px;
    }
    20% {
        color: rgba(51, 51, 51, 0.9);
        font-size: 16.3px;
    }
    30% {
        color: rgba(51, 51, 51, 0.85);
        font-size: 16.5px;
    }
    40% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 16.6px;
    }
    50% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 16.7px;
    }
    60% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 16.8px;
    }
    70% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 16.8px;
    }
    80% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 16.8px;
    }
    90% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 16.8px;
    }
    100% {
        color: rgba(35, 77, 137, 1); /* 最终颜色 */
        font-size: 16.8px; /* 最终字体大小 */
    }
}


/*.w-news-zone .news-item:hover .news-item-context-text{*/
/*    color: rgba(255, 255, 255, 0.8);*/
/*}*/

/*.w-news-zone .news-item:hover .news-item-context-time{*/
/*    color: rgba(255, 255, 255, 0.6);*/
/*}*/


/*动画化 首页 新闻资讯end*/
/*动画化 首页 学院公告*/

.announcement-item:hover {
    /*animation: marginMoveLeft 0.2s ease-out forwards, borderFadeIn 0.5s ease-out forwards; !* 动画持续 1s *!*/
    /*!* 初始边框透明设置 *!*/
    /*border: 1px solid rgba(0, 111, 175, 0);*/
}


@keyframes borderFadeIn {
    0% {
        border: 1px solid rgba(0, 111, 175, 0); /* 初始时边框完全透明 */
    }
    10% {
        border: 1px solid rgba(0, 111, 175, 0.01); /* 非常轻微可见 */
    }
    20% {
        border: 1px solid rgba(0, 111, 175, 0.04);
    }
    30% {
        border: 1px solid rgba(0, 111, 175, 0.06);
    }
    40% {
        border: 1px solid rgba(0, 111, 175, 0.25);
    }
    50% {
        border: 1px solid rgba(0, 111, 175, 0.28);
    }
    60% {
        border: 1px solid rgba(0, 111, 175, 0.28);
    }
    70% {
        border: 1px solid rgba(0, 111, 175, 0.26);
    }
    80% {
        border: 1px solid rgba(0, 111, 175, 0.26);
    }
    90% {
        border: 1px solid rgba(0, 111, 175, 0.25);
    }
    95% {
        border: 1px solid rgba(0, 111, 175, 0.22);
    }
    100% {
        border: 1px solid rgba(0, 111, 175, 0.20); /* 最终边框完全可见 */
    }
}

@keyframes marginMoveLeft {
    0% {
        margin-left: -3px; /* 初始位置 */
    }

    100% {
        margin-left: -5px; /* 最终位置 */
    }
}

.announcement-item-blue-square {
    width: 94px;
    height: 94px;
    background-color: #006faf; /* 初始为蓝色 */
    display: flex;
    flex-direction: column;
    position: relative; /* 使动画效果生效 */
    overflow: hidden; /* 防止超出区域 */
    transition: background-color 0.2s ease-in-out; /* 过渡效果 */
}

/* 触发动画的 hover 状态 */
.announcement-item:hover .announcement-item-blue-square {
    animation: slideBackground 0.1s forwards; /* 触发动画 */
}

/*通用按钮 了解更多 动画化*/
.anime-learn-more {
    width: 126px;
    height: 38px;
    background-color: #006faf;
    color: white;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    text-align: center;
    position: relative;
    line-height: 38px; /* 设置行高等于元素高度 */

}

.anime-learn-more:hover {

    animation: slideBackground 0.2s forwards, textColorChangeWhiteToBlue 0.5s ease-in-out forwards; /* 动画持续 1s */ /* 触发动画 */
    /* 初始边框透明设置 */
    border: 2px solid rgba(0, 111, 175, 0);
    font-weight: 700;
}


.anime-learn-more::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px; /* 调整边框宽度顺序，形成左上方向的三角 */
    border-color: transparent transparent white transparent; /* 调整边框颜色顺序，让白色显示在需要的方向 */
    position: absolute;
    right: 5px; /* 调整三角距离元素右边框的距离 */
    bottom: 5px; /* 调整三角距离元素下边框的距离 */
}

.anime-learn-more:hover:after {
    border-color: transparent transparent #006FAF transparent;
}

.anime-learn-more-white {
    width: 126px;
    height: 38px;
    background-color: white;
    color: #006faf;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    text-align: center;
    position: relative;
    line-height: 38px; /* 设置行高等于元素高度 */

}

.anime-learn-more-white::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px; /* 调整边框宽度顺序，形成左上方向的三角 */
    border-color: transparent transparent #006FAF transparent; /* 调整边框颜色顺序，让白色显示在需要的方向 */
    position: absolute;
    right: 5px; /* 调整三角距离元素右边框的距离 */
    bottom: 5px; /* 调整三角距离元素下边框的距离 */
}

.anime-learn-more-white:hover {

    animation: slideBackgroundWhite 0.2s forwards, borderFadeIn 0.5s ease-out forwards, textColorChangeBlueToWhite 0.5s ease-in-out forwards; /* 动画持续 1s */ /* 触发动画 */
    /* 初始边框透明设置 */
    border: 2px solid rgba(0, 111, 175, 0);
    font-weight: 700;
}

.anime-learn-more-white:hover:after {
    border-color: transparent transparent white transparent;
}

/* 定义背景滑动动画 */
@keyframes slideBackground {
    0% {
        background: linear-gradient(to left, #006faf 100%, rgba(255, 210, 90, 0.5) 0%); /* 初始为蓝色 */
    }

    10% {
        background: linear-gradient(to left, #006faf 90%, rgba(255, 210, 90, 0.10) 10%);
    }

    20% {
        background: linear-gradient(to left, #006faf 80%, rgba(255, 210, 90, 0.15) 20%);
    }

    30% {
        background: linear-gradient(to left, #006faf 70%, rgba(255, 210, 90, 0.20) 30%);
    }

    35% {
        background: linear-gradient(to left, #006faf 60%, rgba(255, 210, 90, 0.25) 40%);
    }

    40% {
        background: linear-gradient(to left, #006faf 50%, rgba(255, 210, 90, 0.30) 50%);
    }

    45% {
        background: linear-gradient(to left, #006faf 40%, rgba(255, 210, 90, 0.35) 60%);
    }

    50% {
        background: linear-gradient(to left, #006faf 30%, rgba(255, 210, 90, 0.40) 70%);
    }

    55% {
        background: linear-gradient(to left, #006faf 10%, rgba(255, 210, 90, 0.50) 90%);
    }

    60% {
        background: linear-gradient(to left, #006faf 0%, rgba(255, 210, 90, 0.60) 100%);
    }

    65% {
        background: rgba(255, 210, 90, 0.65); /* 半透明黄色 */
    }

    70% {
        background: rgba(255, 210, 90, 0.7); /* 逐渐增加透明度 */
    }

    80% {
        background: rgba(255, 210, 90, 0.85); /* 进一步增加透明度 */
    }

    90% {
        background: rgba(255, 210, 90, 0.95); /* 几乎不透明 */
    }

    100% {
        background: rgba(255, 210, 90, 1); /* 完全不透明的黄色 */
    }
}

@keyframes slideBackgroundWhite {
    0% {
        background: linear-gradient(to left, white 100%, rgba(0, 111, 175, 0.10) 0%); /* 初始为蓝色 */
    }

    10% {
        background: linear-gradient(to left, white 90%, rgba(0, 111, 175, 0.10) 10%);
    }

    20% {
        background: linear-gradient(to left, white 80%, rgba(0, 111, 175, 0.15) 20%);
    }

    30% {
        background: linear-gradient(to left, white 70%, rgba(0, 111, 175, 0.20) 30%);
    }

    35% {
        background: linear-gradient(to left, white 60%, rgba(0, 111, 175, 0.25) 40%);
    }

    40% {
        background: linear-gradient(to left, white 50%, rgba(0, 111, 175, 0.30) 50%);
    }

    45% {
        background: linear-gradient(to left, white 40%, rgba(0, 111, 175, 0.35) 60%);
    }

    50% {
        background: linear-gradient(to left, white 30%, rgba(0, 111, 175, 0.40) 70%);
    }

    55% {
        background: linear-gradient(to left, white 10%, rgba(0, 111, 175, 0.50) 90%);
    }

    60% {
        background: linear-gradient(to left, white 0%, rgba(0, 111, 175, 0.60) 100%);
    }

    65% {
        background: rgba(0, 111, 175, 0.65); /* 半透明黄色 */
    }

    70% {
        background: rgba(0, 111, 175, 0.7); /* 逐渐增加透明度 */
    }

    80% {
        background: rgba(0, 111, 175, 0.85); /* 进一步增加透明度 */
    }

    90% {
        background: rgba(0, 111, 175, 0.95); /* 几乎不透明 */
    }

    100% {
        background: rgba(0, 111, 175, 1); /* 完全不透明的黄色 */
    }
}

.announcement-item:hover .announcement-item-blue-square-top {
    /*color: var(--w-blue-color);*/
    color: #353535;
}

.announcement-item:hover .announcement-item-blue-square-bottom {
    /*color: var(--w-blue-color);*/
    color: #353535;
    white-space: nowrap;
}

.announcement-item:hover .announcement-item-white-rectangle {
    background-color: #006FAF;
}

.announcement-item:hover .announcement-item-white-rectangle-title {
    /*animation: textColorChange 0.5s ease-in-out forwards; !* 文字颜色变化动画 *!*/
    color: white;
}

.announcement-item:hover .announcement-item-white-rectangle-content {
    /*animation: textColorChange 0.5s ease-in-out forwards; !* 文字颜色变化动画 *!*/
    color: white;
}

@keyframes textColorChange {
    0% {
        color: #353535; /* 初始颜色 */
    }
    10% {
        color: #2e3b49; /* 第一帧颜色 */
    }
    20% {
        color: #1a2a3c; /* 第二帧颜色 */
    }
    30% {
        color: #0f223c; /* 第三帧颜色 */
    }
    50% {
        color: #1c3459; /* 第四帧颜色 */
    }
    75% {
        color: #234d69; /* 第五帧颜色 */
    }

    100% {
        color: #234D89FF; /* 目标颜色 */
    }
}


@keyframes textColorChangeBlueToWhite {
    0% {
        color: rgba(0, 111, 175, 1); /* 初始颜色 */
    }
    25% {
        color: rgba(75, 140, 185, 1); /* 更平滑的过渡 */
    }
    50% {
        color: rgba(150, 180, 215, 1); /* 中间颜色 */
    }
    75% {
        color: rgba(200, 210, 230, 1); /* 接近目标颜色 */
    }
    100% {
        color: rgba(255, 255, 255, 1); /* 目标颜色 */
    }
}

@keyframes textColorChangeWhiteToBlue {
    0% {
        color: rgba(255, 255, 255, 1); /* 初始颜色：白色 */
    }

    30% {
        color: rgba(210, 220, 240, 1); /* 轻微过渡：从白色过渡到浅蓝色 */
    }

    50% {
        color: rgba(130, 160, 195, 1); /* 中间颜色：过渡到蓝色调 */
    }

    70% {
        color: rgba(50, 120, 185, 1); /* 深蓝色，接近目标颜色 */
    }

    100% {
        color: rgb(0, 90, 150, 1); /* 目标颜色：蓝色 */
    }
}

/*.announcement-item:hover .announcement-item-white-rectangle-content{*/
/*    color:white;*/
/*}*/

/*动画化 首页 学院公告 end*/


/*动画化 首页 国际交流*/

.international-exchange-container-item:hover {
    /*animation: marginMove 0.2s ease-in-out forwards; !* 动画时长 1s *!*/
    background-color: #006faf;
}

.international-exchange-container-item:hover .international-exchange-container-item-time-number {
    color: rgba(255, 255, 255, 0.8) !important;
}

.international-exchange-container-item:hover .international-exchange-container-item-title {
    /*animation: textColorChange 0.5s ease-in-out forwards; !* 文字颜色变化动画 *!*/
    color: white;
}

@keyframes marginMove {
    0% {
        margin-top: 0px; /* 初始位置 */
    }
    10% {
        margin-top: -1px; /* 第1帧 */
    }
    20% {
        margin-top: -2px; /* 第2帧 */
    }
    30% {
        margin-top: -3px; /* 第3帧 */
    }
    40% {
        margin-top: -4px; /* 第4帧 */
    }
    50% {
        margin-top: -5px; /* 第5帧 */
    }
    60% {
        margin-top: -6px; /* 第6帧 */
    }
    70% {
        margin-top: -7px; /* 第7帧 */
    }
    80% {
        margin-top: -8px; /* 第8帧 */
    }
    90% {
        margin-top: -9px; /* 第9帧 */
    }
    100% {
        margin-top: -10px; /* 最终位置 */
    }
}

/*动画化 首页 国际交流end*/

/*动画化 首页 学生动态*/
.student-news-container-item:hover {
    animation: marginMove 0.3s ease-in-out forwards; /* 动画时长 1s */
}

.student-news-container-item:hover .student-news-container-item-bottom-context-title {
    animation: textColorChange 0.5s ease-in-out forwards; /* 文字颜色变化动画 */
}

/*动画化 首页 学生动态end*/

.announcement-item-blue-square-top {
    font-family: Tahoma, serif;
    width: 33px;
    height: 36px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 23pt;
    color: white;
}

.announcement-item-blue-square-bottom {
    font-family: Tahoma, serif;
    width: 50px;
    height: 24px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10pt;
    color: #d8e9f3;
}

.announcement-item-white-rectangle {
    width: 466px;
    height: 94px;
    background-color: #ffffff;
    padding: 12px;
}

.announcement-item-white-rectangle-title {

    /*height: 47px;*/
    font-weight: 600;
    font-size: 12pt;
    color: #353535;
    overflow: hidden;

}

.announcement-item-white-rectangle-content {

    height: 22px;
    margin-top: 4px;

    font-size: 10pt;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.translate-container {
    padding-right: 32px;
    width: 550px;
    overflow: hidden;
}

.translate-white-rectangle {

    width: 570px;
    height: 436px;
    background-color: white;
    padding-top: 33px;
    margin-top: 24px;
}

.translate-white-rectangle-en {

    width: 570px;
    height: 436px;
    background-color: white;
    padding-top: 33px;
    margin-top: 24px;
}

.translate-white-rectangle-title {

    color: #353535;
    width: 172px;
    height: 27px;
    /*margin-top:33px;*/
    margin-left: 16px;
    font-size: 18pt;
    font-weight: 700;
}

.translate-white-rectangle-title-en {

    color: #353535;

    /*margin-top:33px;*/
    margin-left: 24px;

    /* Foreign Language and Translation */
    width: 252px;
    height: 66px;
    top: 1353px;
    left: 992px;


    font-weight: 700;
    font-size: 24px;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}

.translate-white-rectangle-eng-title {
    color: #797979;
    width: 243px;
    height: 21px;
    margin-top: 8px;
    margin-left: 24px;
    font-size: 11pt;

}

.translate-blue-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    min-height: 100px;
    margin-top: 18px;
    margin-left: 24px;
}

.translate-blue-text-item {
    font-size: 9pt;
    color: #006FAF;
}

.go-to-see {
    background-color: #006faf;
    background-image: url("../img/z145.png");
    background-size: contain;
    color: white;
    width: 128px;
    height: 38px;
    margin-top: 48px;
    margin-left: 24px;
    text-align: center;
    padding-top: 8px;
    font-weight: 500;
    cursor: pointer;
}

.translate-content {
    color: #666666;
    width: auto;
    padding: 16px 24px;
    margin-right: 24px;
    font-size: 11pt;
}

.translate-img-container {
    width: 213px;
    height: 291px;
    margin-top: -412px;
    margin-left: 295px;
}


.international-exchange-img-container {
    position: relative;
    z-index: 1;
    background: url("../img/bg.png") no-repeat center;
    background-size: cover
}


/*下面是院系介绍的背景*/
.n-international {
    position: relative;
    z-index: 1;
    padding-top: 438px;
    height: 600px;
    /*background: url("../img/bg_yxjs.png") no-repeat center;*/
    background-size: cover;
    overflow: hidden;
}

.international-exchange-0 {
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    padding-top: 438px;
    height: 600px;
    overflow: hidden;
    background: url("../img/bg_yxjs.png") no-repeat center;


}


/*院系介绍 二级系所 动画*/


.academic-report-grey-time-line {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1px;
    margin-top: 711px;
    background-color: #869dab;
}

.international-exchange-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.international-exchange-title-cont {
    display: flex;
    align-items: center;
}


.international-exchange-title-icon {
    width: 26px;
    height: 26px;
}

.international-exchange-title-text {
    color: white;
    font-size: 26px;
    font-weight: 600;
    margin-left: 8px;
}

.international-exchange-title-more {
    color: white !important;
    font-size: 14px;
}

.carousel-btn {
    /*background-color: red;*/
    position: absolute;
    z-index: 999;
    margin-top: 205px;
    width: 30px;
    height: 30px;

}


.international-exchange-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 365px;
}

.international-exchange-container-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    width: 266px;
    height: 305px;
    background-color: #ffffff;
    cursor: pointer;
}

.international-exchange-container-item-img {
    background-color: #ffffff;
    width: 266px;
    height: 202px;
}

.international-exchange-container-item-title {
    color: #353535;
    margin-top: 16px;
    margin-left: 16px;
    font-size: 12pt;
    font-weight: 600;
    width: 234px;
    height: 49px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
}

.international-exchange-container-item-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.international-exchange-container-item-time-number {

    margin-left: 16px;
    color: #CECECE;
    font-size: 10pt;
}

.international-exchange-container-item-time-watch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.international-exchange-container-item-time-watch-icon {
    /*margin-top: 5px;*/
    margin-right: 3px;
    width: 12px;
    height: 12px;
}

.international-exchange-container-item-time-watch-number {
    /*margin-top: 9px;*/
    margin-right: 16px;
    color: #CECECE;
    font-size: 10pt;
}

.academic-report-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.academic-report-container-item {
    width: 340px;
    height: 164px;
    background-color: #ffffff;
}

.academic-report-container-text-container {
    padding-left: 16px;
    padding-top: 12px;
    width: 340px;
    height: 164px;

}

.academic-report-container-item-img {
    margin-left: 254px;
    margin-top: -8px;
    width: 33px;
    height: 13px;
}

.academic-report-time-change-line-container {
    width: 100%;
    height: 50px;
    margin-top: 54px;
    background-color: grey;
}

.academic-report-time-change-line {
    width: 100%;
    height: 2px;
    background-color: blue;
}

.academic-report-time-change-context-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: palegreen;
    gap: 155px;

}

.academic-report-time-change-line-pot-container {
    display: flex;
    flex-direction: column;
    width: 51px;
    align-items: center;
    /*height:10px;*/
    /*background-color:powderblue;*/
    margin-top: 53px;
    margin-left: 246px;
}

.academic-report-time-change-line-pot {
    background-image: url("../img/pot34.png");
    background-size: cover;
    /*position: relative;*/

    width: 8px;
    height: 8px;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*background-color: white;*/
    /*border-radius: 50%;*/
}

/*.academic-report-time-change-line-pot:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -3px;*/
/*    top: -3px;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    border-radius: 50%;*/
/*    border: 2px solid white;*/
/*}*/

/*.report-container:hover .academic-report-time-change-line-pot:after {*/
/*    border: 2px solid var(--w-yellow-color);*/
/*}*/

.report-container:hover .academic-report-container-text-container {
    background-size: cover;
    background-image: url("../img/ab.png");
}


.report-container:hover .academic-report-time-change-line-pot {

    background-image: url("../img/pot341.png");
}

.report-container:hover .academic-report-container-item-name-img {
    display: none;
}
.report-container:hover .academic-report-container-item-clock-img {
    display: none;
}
.report-container:hover .academic-report-container-item-address-img {
    display: none;
}

.report-container:hover .academic-report-container-item-name-img-white {
    display: inherit;
    margin-top: 4px;
}
.report-container:hover .academic-report-container-item-clock-img-white {
    display: inherit;
    margin-top: 4px;
}
.report-container:hover .academic-report-container-item-address-img-white {
    display: inherit;
    margin-top: 4px;
}

.academic-report-time-change-line-month {
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*color:#FFD25A;*/
    /*background-color: white;*/
    /*margin-top: -5px;*/
    /*margin-left:265px;*/
}

.report-container:hover .academic-report-time-change-line-month {
    color: #FFD25A;
}

.academic-report-time-change-line-year {
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*color:#FFD25A;*/
    /*background-color: white;*/
    /*margin-top: -5px;*/
    /*margin-left:265px;*/
}

.report-container:hover .academic-report-time-change-line-year {
    color: #FFD25A;
}

.academic-report-container-item-title-container {
    width: 308px;
    height: 62px;
}

.academic-report-container-item-title {
    width: 308px;
    /*height: 70px; 此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 3; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    font-weight: 600;
    font-size: 12pt;
    color: #353535;
}

.report-container:hover .academic-report-container-item-title {
    color: #ffffff;
}

.academic-report-container-item-title-line {
    margin-top: 12px;
    margin-bottom: 1px !important;
    width: 44px;
    height: 2.5px;
    background-color: #2E5992;
}

.report-container:hover .academic-report-container-item-title-line {
    background-color: #FFD25A;
}

.academic-triangle {
    margin-top: 7px;
    display: none;
}

.report-container:hover .triangle-white {
    display: none;
}

.report-container:hover .academic-report-container-item-name {
    color: rgba(255, 255, 255, 0.8);
}

.report-container:hover .academic-report-container-item-address {
    color: rgba(255, 255, 255, 0.8);
}

.report-container:hover .academic-triangle {

    display: inherit;
}

.academic-report-container-item-title-line2 {
    margin-top: 10px;
    margin-bottom: 1px !important;
    width: 44px;
    height: 2.5px;
    background-color: #234D89;
}

.academic-report-container-text-container-bottom {
    display: flex;
    flex-direction: column;
    height: 44px;
    margin-top: 14px;
    margin-bottom: 12px;
!important;
}

.academic-report-container-item-name {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
    font-size: 10pt;
    color: #616265;
}

.academic-report-container-item-name-img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

.academic-report-container-item-name-img-white {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    display: none;
}

.academic-report-container-item-address-img-white {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    display: none;
}

.academic-report-container-item-address {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
    font-size: 10pt;
    color: #616265;
}


.academic-report-container-item-address-img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

.student-news-bg {
    width: 1200px;
    height: 400px;
    background-image: url("../img/mbz4.png");
    position: absolute;
    background-size: contain;
    left: 2px;
    top: 73px;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;

}

.top-370px {
    top: 370px;
}
.top-student{
    top: 370px!important;
}


.student-news-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 400px;
}

.student-news-container-item {
    display: flex;
    flex-direction: column;

}

.student-news-container-item-top {
    width: 358px;
    height: 261px;

    /*background-color: #2b82b5;*/
}

.student-news-container-item-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 298px;
    height: 133px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -38px;
    padding-left: 16px;
    padding-top: 17px;
    background-color: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
}

.student-news-container-item-bottom-time {
    width: 31px;
    height: 91px;
    display: flex;
    flex-direction: column;
}

.student-news-container-item-bottom-time-month {
    width: 31px;
    height: 34px;
    color: #234D89;
    font-size: 21pt;
    margin-bottom: 1px;
    font-family: Tahoma, serif;
}

.student-news-container-item-bottom-time-line {
    width: 34px;
    height: 14px;
    color: #234D89;
}

.student-news-container-item-bottom-time-day {
    width: 31px;
    height: 34px;
    color: #234D89;
    font-size: 20pt;
    margin-top: 6px;
    font-family: Tahoma, serif;
}

.student-news-container-item-bottom-context {
    display: flex;
    flex-direction: column;
    margin-left: 13px;
}

.student-news-container-item-bottom-context-title {
    width: 227px;
    height: 44px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2; /* 限制显示两行文本 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 12pt;
    color: #353535;
    font-weight: 600;
}

.student-news-container-item-bottom-context-text {
    width: 227px;
    height: 45px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2; /* 限制显示两行文本 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 6px;
    font-size: 11pt;
    color: #707070;

}

.departments-wrap {
    position: relative;
}

.departments-video {
    position: absolute;
    z-index: 0;
    width: 141%;
    height: 516%;
    object-fit: cover;
    top: -435px;
    left: -254px;
}

.departments-photo-item:hover .departments-overview {
    display: block;
    cursor: pointer;
}

.departments-overview {
    position: absolute;
    bottom: 130px;
    right: 32px;
    width: 339px;
    padding: 16px;
    z-index: 10;
    display: none;
    animation: show 0.5s ease-in-out forwards;
}

@keyframes show {
    from {
        opacity: 0;
        right: -200px;
    }
    to {
        opacity: 1;
        right: 32px;
    }
}

.department-bg {
    position: absolute;
    bottom: -163px;
    left: -120px;
    width: 60vw;
    height: 600px;
    background-color: rgba(3, 21, 45, 0.3);
    z-index: 10;
    transform: skewX(-15deg);
}

.departments-overview-title {
    position: relative;
    z-index: 100;
    height: 37px;
    top: -70px;
    color: white;
    font-size: 21pt;
    font-weight: 600;
    white-space: nowrap;
}
.departments-overview-title-en{
    position: relative;
    z-index: 100;
    height: 37px;
    top: -70px;
    color: white;
    font-size: 21pt;
    font-weight: 600;
    white-space: nowrap;
}
.departments-overview-text {
    position: relative;
    z-index: 100;
    margin-top: 16px;
    margin-bottom: 24px;
    color: white;
    top: -60px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


.departments-overview-learn-more {
    position: relative;
    z-index: 100;
    top: -50px;
    width: 126px;
    height: 38px;
}

.departments-img:hover {
    animation: moveTop 0.2s ease-in-out forwards;
}

@keyframes moveTop {
    0% {
        top: 1px; /* 初始位置 */
    }
    10% {
        top: 2px; /* 第1帧 */
    }
    20% {
        top: 1px; /* 第2帧 */
    }
    30% {
        top: 0; /* 第3帧 */
    }
    40% {
        top: -1px; /* 第4帧 */
    }
    50% {
        top: -2px; /* 第5帧 */
    }
    60% {
        top: -3px; /* 第6帧 */
    }
    70% {
        top: -4px; /* 第7帧 */
    }
    80% {
        top: -5px; /* 第8帧 */
    }
    90% {
        top: -6px; /* 第9帧 */
    }
    100% {
        top: -7px; /* 最终位置 */
    }
}


.departments-photo-container {
    position: relative;
    z-index: 100;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.departments-photo-item {
    width: 214px;
    height: 130px;
}

.departments-photo-item img {
    position: relative;
    z-index: 50;
}

.friendly-link-container {
    display: flex;
    flex-direction: column;
    width: 600px;
    font-size: 14px;
}


.friendly-link-bottom-container {
    display: flex;
    flex-wrap: nowrap;

    margin-top: 24px;

}

.friendly-link-content {
    display: flex;
    flex-wrap: nowrap;
    width: 600px;
    /*height: 180px;;*/
    /*height: 38px;*/
    /*margin-top:437px;*/
    /*margin-left:24px;*/
    /*margin-right:24px;*/
}

.friendly-link-content-left {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    /*height: 200px;*/
    margin-top: 1px;
    /*height: 38px;*/
    /*margin-top:437px;*/
    /*margin-left:24px;*/
    /*margin-right:24px;*/

}

.friendly-link-content-left-item-en {
    width: 270px;
    font-size: 10pt;
    color: #666666;
}

.friendly-link-content-left-en {
    display: flex;
    flex-direction: column;
    width: 300px;
    /*height: 200px;*/
    margin-top: 1px;
    /*height: 38px;*/
    /*margin-top:437px;*/
    /*margin-left:24px;*/
    /*margin-right:24px;*/

}

.left-link-en {
    display: flex;
    flex-wrap: nowrap;
}

.friendly-link-content-left-item-container {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.friendly-link-content-left-item-container-en {
    /*width: 300px;*/
    margin-bottom: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
}

.friendly-link-content-left-item-container:hover {
    color: #234D89;
}

.friendly-link-content-left-item-container-en:hover {
    color: #234D89;
}

.friendly-link-content-left-item-container:hover .friendly-link-content-left-icon {
    background-image: url("../img/zn.png");
}

.friendly-link-content-left-item-container-en:hover .friendly-link-content-left-icon {
    background-image: url("../img/zn.png");
}

.friendly-link-content-left-item-container:hover .friendly-link-content-left-item {
    color: #234D89;
    font-weight: 600;
}

.friendly-link-content-left-item-container-en:hover .friendly-link-content-left-item-en {
    color: #234D89;
    font-weight: 500;
}


.friendly-link-content-left-icon {
    background-image: url("../img/hs.png");
    background-size: contain ;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right: 6px;
}


.friendly-link-content-left-item {
    font-size: 10pt;
    color: #666666;
    white-space: nowrap;
}


.other-link {
    display: flex;
    flex-wrap: nowrap;
    width: 350px;
    gap: 0px;
    margin-left: 515px;
    margin-top: -45px;
}

.other-link-en {
    display: flex;
    flex-wrap: nowrap;
    width: 250px;
    gap: 0px;
    margin-left: 200px;
    margin-top: -43px;
}

.other-link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.other-link-item2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.other-link-item3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.other-link-item:hover .other-code1 {
    background-color: rgba(35, 77, 137, 0.2);
    background-image: url("../img/code1.png");
    background-size: 100px 100px;
    background-repeat: no-repeat; /* 背景只出现一次 */
    background-position: center; /* 背景居中 */

}

.other-code1 {
    width: 115px;
    height: 115px;
    margin-top: -50px;


}

.other-link-item2:hover .other-code2 {
    background-color: rgba(35, 77, 137, 0.2);
    background-image: url("../img/code2.png");
    background-size: 100px 100px;
    background-repeat: no-repeat; /* 背景只出现一次 */
    background-position: center; /* 背景居中 */
}

.other-code2 {
    width: 115px;
    height: 115px;
    margin-top: -50px;

}

.other-link-item3:hover .other-code3 {
    background-color: rgba(35, 77, 137, 0.2);
    background-image: url("../img/code3.png");
    background-size: 100px 100px;
    background-repeat: no-repeat; /* 背景只出现一次 */
    background-position: center; /* 背景居中 */
}

.other-code3 {
    width: 115px;
    height: 115px;
    margin-top: -50px;

}

.other-link-item-icon {
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

.other-link-item-title {
    text-align: center;
    width: 79px;
    height: 45px;
    color: #006FAF;
    font-size: 11pt;
}

.friendly-link-content-right {
    margin-top: 1px;
    display: flex;
    flex-direction: column;
    width: 170px;
    height: 200px;
    /*height: 38px;*/
    /*margin-top:437px;*/
    /*margin-left:24px;*/
    /*margin-right:24px;*/

}

.friendly-link-content-right-item {
    font-size: 10pt;
    color: #666666;
    margin-bottom: 12px;

}
.banner-height{
    height: 600px;
}

.carousel-indicators {
    top: 510px;
}
.training-bg {
    display: flex;
    gap: 16px;
    background: url(../img/mbz4.png) center / cover no-repeat;
}
@media (min-width: 767px) and (max-width: 1200px) {
    .training-bg {
        flex-direction: column;
        gap: 32px;
    }
    .training-item {
        height: auto !important;
    }
}
@media (max-width: 767px) {
    .training-bg {
        flex-direction: column;
        gap: 32px;
    }
    .training-item {
        flex-direction: column;
        height: auto !important;
    }
}