@charset "utf-8";

/* CSS Document */
html {
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
    text-decoration: none;
}
/*头部样式*/
.gp-header {
    width: 100%;
    border-top: #1e3282 0.5rem solid;
    position: fixed;
    top: 0;
    z-index: 99;
    padding-bottom: 3.125rem;
    background-color: rgba(10, 22, 51, 0.9);
    background: -webkit-linear-gradient(top, rgba(10, 22, 51, 0.9), rgba(10, 22, 51, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, rgba(10, 22, 51, 0.9), rgba(10, 22, 51, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, rgba(10, 22, 51, 0.9), rgba(10, 22, 51, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(10, 22, 51, 0.9), rgba(10, 22, 51, 0));
    /* 标准的语法 */
    -webkit-animation-name: header_in;
    animation-name: header_in;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.logo {
    width: 13.375em;
    height: 0;
    position: relative;
    top: -3em;
    z-index: 9;
    margin: 0 auto;
    text-align: center;
}

.logo:before {
    content: "";
    display: block;
    width: 0.375em;
    height: 0.375em;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0.75em;
    top: 3.438em;
}

.logo:after {
    content: "";
    display: block;
    width: 0.375em;
    height: 0.375em;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0.75em;
    top: 3.438em;
}

.logo a {
    display: inline-block;
}

.logo_01 img:last-child {
    display: none;
}

.logo_02 {
    margin-top: 0.625em;
}

.gp-topNav {
    margin-top: 0.625em;
    position: relative;
    z-index: 9;
}

.gp-topNav:before {
    content: "";
    display: block;
    width: 45%;
    height: 0.062em;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    top: 2.5em;
}

.gp-topNav:after {
    content: "";
    display: block;
    width: 45%;
    height: 0.062em;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 2.5em;
}

.top-fl a {
    display: inline-block;
    padding: 0 0.812em;
    color: #c8aa78;
    height: 1.875em;
    line-height: 1.875em;
    position: relative;
}

.top-fl a:before {
    content: "";
    display: block;
    width: 0.062em;
    height: 0.875em;
    background: rgba(228, 191, 113, 0.2);
    position: absolute;
    right: 0;
    top: 0.5em;
}

.top-fl a:last-child:before {
    display: none;
}

.top-fr a {
    display: inline-block;
    padding: 0 0.625em;
    border: rgba(255, 255, 255, 0.1) 0.062em solid;
    border-radius: 0;
    color: #c8aa78;
    float: left;
    height: 1.75em;
    line-height: 1.75em;
}

.top-fr .bs {
    background: url(../images/icon.png) no-repeat left 0.625em center;
    padding-left: 2em;
    margin-right: 1.875em;
}

.gp-topNav a:hover {
    color: #fff;
}

.nav {
    margin-top: 1.875em;
    position: relative;
    z-index: 9;
}

.nav_lf {
    width: 33%;
    float: left;
}

.nav_rt {
    width: 33%;
    float: right;
}

.nav>ul>li {
    position: relative;
    width: 25%;
    float: left;
}

.nav ul>li:before {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    transition: all 0.35s ease-in-out;
}

.nav ul>li.on:before {
    width: 100%;
    height: 0.125em;
    left: 0;
}

.nav ul li>a {
    padding: 0;
    text-align: center;
    line-height: 2.5em;
    height: 2.5em;
    color: #fff;
    display: block;
    transition: all 0.3s ease;
}

.nav ul li.on .subNav {
    display: block;
}

.nav-wrapper>div {
    position: relative;
}

.headerFix-menu {
    position: absolute;
    right: -1.875em;
    top: 0.188em;
    cursor: pointer;
    display: none;
}

.headerFix-menu i {
    color: #fff;
    font-size: 1.875em;
}

.headerFix-close {
    float: right;
    height: 2.5em;
    line-height: 2.5em;
    margin-left: 0.625em;
    cursor: pointer;
    display: none;
}

.headerFix-close i {
    color: #ccd2de;
    font-size: 1.5em;
}

.subNav {
    width: 11.25em;
    background: rgba(30, 50, 130, 0.6);
    padding: 0.625em 0;
    position: absolute;
    left: 50%;
    top: 2.5em;
    display: none;
    z-index: 9;
    margin-left: -5.625em;
}

.subNav a {
    padding: 0.625em;
    font-size: 1em;
    line-height: 1.5em;
    display: block;
    text-align: center;
    color: #fff;
}

.subNav a:hover {
    background-color: #005cac;
    color: #fff;
}

.gp-header.currents {
    padding: 0.562em 0;
    border: none;
}

.gp-header.currents {
    z-index: 99999;
}

.gp-header.currents .gp-topNav:before {
    width: 40.5%;
}

.gp-header.currents .gp-topNav:after {
    width: 40.5%;
}

.gp-header.currents .nav {
    margin-top: 1.25em;
}

.gp-header.currents .logo {
    width: 31.25em;
    top: 0;
}

.gp-header.currents .logo_01 {
    width: 3.75em;
    top: -0.938em;
    position: relative;
}

.gp-header.currents .logo_01 img:first-child {
    display: none
}

.gp-header.currents .logo_01 img:last-child {
    display: block;
}

.gp-header.currents .logo_02 {
    width: 10.312em;
    position: relative;
    top: -1.25em;
    margin: 0 0 0 0.625em;
}

.gp-header.currents .logo:before,
.gp-header.currents .logo:after {
    display: none;
}

.gp-header.currents .headerFix-menu {
    display: block;
}

.gp-header:after {
    content: '';
    display: block;
    width: 0;
    height: 7.5em;
    box-shadow: 0 0.125em 0.625em #000;
    position: absolute;
    top: 0;
    background: rgba(30, 50, 130, .9);
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation-name: scaleX;
    animation-name: scaleX;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
}

.gp-header.currents::after {
    width: 100%;
    -webkit-animation-name: scale2;
    animation-name: scaleX2;
    animation-duration: .4s;
    -webkit-animation-duration: .4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay: 0s;
}

@-webkit-keyframes scaleX2 {
    0% {
        width: 17.5em;
    }

    100% {
        width: 100%;
    }
}

@keyframes scaleX2 {
    0% {
        width: 17.5em;
    }

    100% {
        width: 100%;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
    display: block;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
    display: block;
}


@-webkit-keyframes header_in {
    from {
        opacity: 0;
        top: -18.75em;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

@keyframes header_in {
    from {
        opacity: 0;
        top: -18.75em;
    }

    to {
        opacity: 1;
        top: 0;
    }
}


/*1.默认展开的搜索*/
.gp-ser {
    width: 100%;
    height: 2.5em;
    z-index: 9999994;
    margin: 0 auto;
    position: relative;
}

.gp-search input,
.gp-search button {
    position: absolute;
    height: 2.5em;
    line-height: 2.5em;
    border: none;
    background: none;
    top: 0em;
    overflow: hidden;
}

.gp-search input.notxt {
    color: #cacaca;
    width: 79%;
    left: 0;
    padding-left: 2%;
    outline: none;
    height: 2.375em;
}

.gp-search .notxt1 {
    position: absolute;
    width: 15%;
    right: 0;
    cursor: pointer;
    background: url(../images/ser.png) no-repeat center;
}


/*4.搜索按钮全屏展开*/

.gp-search4 {
    height: 0;
    border: none;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 50%;
    z-index: 802;
    left: 0;
}

.gp-search4 .gp-ser {
    max-width: 50em;
}

.gp-search4 input,
.gp-search4 button {
    height: 2.5em;
    line-height: 2.5em;
}

.gp-search4 .gp-ser {
    height: 2.5em;
    border: 0.062em solid #ccc;
}

.gp-search4 .notxt1 {
    background-color: #eb333f;
    color: #fff;
    outline: none;
}

.gp-search4 .gp-ser {
    display: none;
    border: none;
    background: #fff;
}

.gp-search4.active .gp-ser {
    display: block;
}

.gp-search4.active {
    height: 5em;
}

.searchActive .gp-overlay {
    top: 0;
}

@media screen and (max-width:62.375em) {
    .gp-search4 .gp-ser {
        width: 80%;
    }

    .gp-search4 input,
    .gp-search4 button {
        box-sizing: border-box;
    }

    .gp-search4 input.notxt {
        width: 100%;
        padding-right: 5.625em;
    }

    .gp-search4 .notxt1 {
        width: 5.312em;
    }
}






.goTop {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 9999999;
    color: #fff;
    margin-left: -1.25em;
    transition: none;
    background-color: rgba(0, 0, 0, 0.2);
    width: 2.5em;
    height: 2.5em;
    line-height: 3.125em;
    text-align: center;
    display: block;
}

.goTop:hover {
    color: #fff;
    background-color: #0a9f7a;
}

.goTop i {
    font-size: 2em;
}

/*手机端导航*/
.mobile {
    width: 100%;
    position: absolute;
    height: auto;
    display: none;
    top: 1em;
    left: 0;
    z-index: 99991;
}

.mobile-search-btn {
    float: right;
    margin-right: 0.938em;
    cursor: pointer;
}

.mobile-search-btn i {
    color: #fff;
    font-size: 1.25em;
}

.mobile-inner-header {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0em;
    z-index: 50
}

/* 移动端菜单按钮 - 合并后的样式 */
.mobile-inner-header-icon {
    display: none;
    position: fixed;
    top: 0.1em;
    right: 0.625em;
    width: 2.5em;
    height: 2.5em;
    background: #de0010;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1001;
    box-shadow: 0 0.125em 0.469em rgba(0, 86, 179, 0.3);
    transition: all 0.3s ease;
}

.mobile-inner-header-icon:hover {
    background: #b8000c;
    box-shadow: 0 0.188em 0.625em rgba(0, 86, 179, 0.4);
    transform: scale(1.1);
}

.mobile-inner-header-icon::before,
.mobile-inner-header-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.625em;
    height: 0.062em;
    background: #fff;
    transition: all 0.3s ease;
}

.mobile-inner-header-icon::before {
    top: 0.562em;
}

.mobile-inner-header-icon::after {
    bottom: 1.562em;
}

.mobile-inner-header-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.625em;
    height: 0.062em;
    background: #fff;
    transition: all 0.3s ease;
}

.mobile-inner-header-icon.active::before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-inner-header-icon.active::after {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(-45deg);
}

.mobile-inner-header-icon.active span {
    opacity: 0;
}

/* 小屏幕显示菜单按钮 */
@media screen and (max-width: 48em) {
    .mobile-inner-header-icon {
        display: block;
    }
}

.mobile-inner-nav {
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.8);
    width: 0;
    transition: left 0.3s ease-in-out;
    height: 0;
    background-color: rgba(30, 50, 130, 0.95);
}

.mobile-inner-nav a {
    display: inline-block;
    line-height: 3.125em;
    text-decoration: none;
    width: 100%;
    font-size: 1.6rem;
    border-bottom: solid 0.062em #3f539e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    color: #fff;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left;
    padding: 0 1.25em;
}

.mobile-inner-nav li:first-child a {
    border-top: 0.062em solid rgba(255, 255, 255, 0.2);
}

.mobile-inner-nav li {
    position: relative;
}

.mobile-inner-nav li.on {
    background-color: #0073ff;
}

.mobile-inner-nav li.on a {
    color: #fff;
}

.mobile-inner-nav li .icon-fanhui {
    background: url(../images/jia.png) no-repeat center;
}

.mobile-inner-nav li .icon-fanhui-copy {
    background: url(../images/jian.png) no-repeat center;
}

.mobile-inner-nav li strong {
    color: #2c4780;
    position: absolute;
    right: 0.312em;
    top: 0;
    font-size: 1.4rem;
    cursor: pointer;
    width: 2.5em;
    height: 2.812em;
    text-align: center;
    line-height: 2.5em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 3.125em;
}

.mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.mobile_subNav {
    display: none;
    background: #0073ff;
}

.mobile-inner-nav dd a {
    height: 2.5em;
    line-height: 2.5em;
    border-bottom: solid 0.062em rgba(255, 255, 255, 0.1);
    font-size: 1.5rem;
}

.mobile-inner-nav dd a:hover {
    background-color: #0073ff;
}

.mobile_search input.notxt {
    background: none;
}

.mobile_search {
    clear: both;
    position: absolute;
    height: 2.5em;
    overflow: hidden;
    left: 0;
    top: 3.625em;
    width: 100%;
    z-index: 99993;
    display: block;
}

.mobile_search .search {
    overflow: hidden;
    height: 2.312em;
    position: relative;
    border-bottom: #0073ff 0.25em solid;
    background: #fff;
}

.mobile_search input.notxt {
    width: 84%;
    color: #566c99;
    border: none;
    padding: 0 1.25em;
    height: 2.375em;
    box-sizing: border-box;
    font-size: 1.6rem;
    float: left;
    outline: none;
}

.mobile_search input.notxt1 {
    width: 2.5em;
    right: 0.625em;
    background: url(../images/ser.png) no-repeat center;
    border: none;
    height: 2.312em;
    left: auto;
    /*! right: 0; */
    float: right;
}

.mobile-links {
    width: auto;
    margin: 0 1.25em 0.625em;
    overflow: hidden;
    padding: 0.625em 0 0;
    opacity: 0.6;
    font-size: 0.875em;
}

.mobile-links span {
    float: left;
    padding: 0 0.938em;
}

.mobile-links span a {
    border: none;
    line-height: 1.562em;
    padding: 0.25em 0;
    font-size: 0.875em;
}

.nav-open .mobile-inner-nav {
    width: 100%;
    display: block;
    position: fixed;
    right: 0em;
    top: 0;
    box-shadow: 0 0.125em 0.312em rgba(0, 0, 0, 0.2);
    opacity: 1;
    transform: scale(1);
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    padding: 5.938em 0 1.25em;
    transition: all 0.3s ease;
}

.mobile_topNav {
    width: 100%;
    height: auto;
    padding: 0.625em 0;
    overflow: hidden;
}

.mobile_topNav a {
    display: inline-block;
    width: auto;
    float: left;
    border: none;
    line-height: 2.188em;
}


/*footer*/
.wrap_footer {
    position: relative;
}

.wrap_footer .bg1 {
    display: none;
}

.footer {
    padding: 5em 0 3.75em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 87.5em;
    margin: 0 auto;
    padding-left: 3rem;
    padding-right: 3rem;
}

.footer .gp-fl {
    width: 25%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer .gp-fm {
    width: 25%;
    overflow: hidden;
}

.footer .gp-frm {
    width: 25%;
    overflow: hidden;
}

.footer .gp-fr {
    width: 25%;
    overflow: hidden;
}

.footer .title {
    margin-bottom: 1.875em;
    font-weight: 600;
    color: #333333;
    font-size: 1.125em;
    letter-spacing: 0.031em;
}

.footer .title:hover {
    color: #003E94;
    opacity: 0.8;
}

/* 快速链接样式 */
.list12 {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.list12 li {
    width: 100%;
    margin-bottom: 0;
}

.list12 li a {
    display: flex;
    align-items: center;
    padding: 0.5em 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.875em;
}

.list12 .icon {
    display: block;
    width: 1.125em;
    margin-right: 0.625em;
}

.list12 .text {
    display: block;
}

.list12 li a:hover {
    color: #003E94;
    transform: translateX(0.312em);
}

/* 友情链接样式 */
.list13 {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.list13 li {
    width: 100%;
}

.list13 li a {
    display: block;
    padding: 0.5em 0;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.875em;
}

.list13 li a:before {
    display: none;
}

.list13 li a:hover {
    color: #003E94;
    transform: translateX(0.312em);
}

/* 联系信息样式 */
.list14 {
    display: flex;
    flex-direction: column;
    gap: 0.938em;
}

.list14 li {
    padding: 0;
    font-size: 0.875em;
    line-height: 1.8;
}

/* 版权信息样式 */
.copyRight {
    border-top: rgba(255, 255, 255, 0.1) 0.062em solid;
    text-align: center;
    padding: 1.875em 0;
    margin-top: 3.75em;
}

.copyRight span,
.copyRight a {
    color: #333;
    padding: 0 0.938em;
    font-size: 0.812em;
}

.copyRight a:hover {
    opacity: 1;
    color: #003E94;
}

/* 页脚响应式设计 */
@media screen and (max-width: 62em) {
    .footer {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 3.75em 3rem;
    }

    .footer .gp-fl,
    .footer .gp-fm,
    .footer .gp-frm,
    .footer .gp-fr {
        width: 100%;
        margin-bottom: 2.5em;
    }

    .list12 li {
        width: 100%;
    }

    .list14 li {
        display: block;
        margin: 0;
    }

    .copyRight {
        padding: 1.25em 0;
        margin-top: 2.5em;
    }
}

@media screen and (max-width: 48em) {
    .footer {
        padding: 2.5em 2rem;
    }

    .list12 li {
        width: 100%;
    }

    .list14 li {
        display: block;
        margin: 0;
    }
}

@media screen and (max-width: 30em) {
    .footer {
        padding: 1.875em 1.5rem;
    }

    .list12 li {
        width: 100%;
    }
}

.gongan {
    background: url(../images/gongan.png) no-repeat left top;
    padding-left: 1.375em !important;
}


.wrapfix_box {
    position: fixed;
    right: 0;
    top: 75%;
    transform: translateY(-50%);
    transition: 0.5s;
    z-index: 999;
}

.wrapfix_box.on .fix_box {
    transform: translate(0, 0);
    transition: 0.5s;
}

.wrapfix_box.on .Tips {
    width: 9.25em;
    transition: 0.5s;
}

.fix_box {
    background: #e6000f;
    color: #fff;
    transform: translate(100%, 0);
    transition: 0.5s;
}

.fix_box .box {
    padding: 0.938em 0.625em;
    position: relative;
}

.fix_box .box::after {
    content: '';
    display: block;
    clear: both;
}

.fix_box .ico {
    width: 3.062em;
    height: 3.062em;
    background: rgba(255, 255, 255, .3) center no-repeat;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.625em 0 0;
    vertical-align: middle;
}

.fix_box .ico1 {
    background-image: url(../images/side_ico1.png);
}

.fix_box .ico2 {
    background-image: url(../images/side_ico21.png);
}

.fix_box .alert_box {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    background: url(https://www.gcc.edu.cn/images/side_line.png) right center no-repeat #fff;
    color: #e6000f;
    line-height: 1.5em;
    white-space: nowrap;
    padding: 1em 1.5em;
    display: none;
}

.fix_box .box2 .title {
    display: inline-block;
    vertical-align: middle;
    line-height: 3.062em;
}

.fix_box .info_box {
    display: inline-block;
    vertical-align: middle;
}

.fix_box .info_box p {
    font-weight: bold;
}

.fix_box .box2:hover {
    background: #fff;
}

.fix_box .box2:hover .title {
    color: #333;
    float: right;
}

.fix_box .box2:hover .ico2 {
    background-image: url(../images/side_ico22.png);
    float: right;
    margin: 0;
}

.fix_box .box2:hover .alert_box {
    display: block;
}

.Tips {
    width: 7.812em;
    height: 2.5em;
    background: #e6000f;
    text-align: center;
    line-height: 2.5em;
    /*float: right;*/
    position: relative;
    cursor: pointer;
    margin: 0.312em 0;
}

.Tips a {
    display: inline-block;
    background: url(../images/tips.png) no-repeat left center;
    color: #fff;
    padding-left: 1.25em;
    font-size: 1.4rem;
}






@media screen and (max-width:100em) {
    .gp-container {
        width: 75em;
    }

}



@media screen and (max-width:81.25em) {
    .gp-container {
        width: auto;
        margin-left: 5em !important;
        margin-right: 5em !important;
    }

    .gp-f32 {
        font-size: 1.5em;
        font-size: 2.4rem;
    }

}

@media screen and (max-width:75em) {
    .modern-nav-menu {
        display: none;
    }
    .gp-container {
        width: auto;
        margin-left: 1.875em !important;
        margin-right: 1.875em !important;
    }

    .gp-header {
        position: static;
        background: #1e3282;
        padding: 1.25em 0;
        border: none;
    }

    .gp-topNav,
    .nav,
    .logo:before,
    .logo:after {
        display: none;
    }

    .mobile {
        display: block;
    }

    .logo {
        top: 0;
        height: auto;
        width: 21.875em;
    }

    .logo a.logo_01 {
        width: 5em;
        float: left;
        margin-top: 0.312em;
    }

    .logo a.logo_02 {
        width: 13.75em;
        margin: 0 0 0.625em;
    }

    .gp-f40 {
        font-size: 1.875em;
        font-size: 3.0rem;
    }

    .gp-f30 {
        font-size: 1.5em;
        font-size: 2.4rem;
    }

    .gp-f24 {
        font-size: 1.25em;
        font-size: 2.0rem;
    }

    .gp-f18 {
        font-size: 1em;
        font-size: 1.6rem;
    }

    .footer {
        padding: 2.5em 0;
    }

    .footer .gp-fl {
        width: 13.75em;
        float: none;
        margin: 0 auto 2.5em;
    }

    .footer .gp-fm {
        margin-left: 0;
    }

    .footer .gp-frm {
        margin-left: 15%;
    }

    .wrap_footer .bg1 {
        background-size: auto 50%;
        top: -2.875em;
    }
}


@media screen and (max-width:62em) {
    .modern-nav-menu {
        display: none;
    }
    .gp-container {
        width: auto;
        margin-left: 0.938em !important;
        margin-right: 0.938em !important;
    }
    .footer {
        display: block
    }

    .footer .gp-fm {
        width: 50%;
        float: left;
    }

    .footer .gp-frm {
        margin: 0em 0;
        width: 50%;
        float: left;
    }

    .footer .gp-fr {
        width: 100%;
        float: left;
    }

    .footer .title {
        margin-bottom: 0.625em;
    }

    .list12 li,
    .list12 li:nth-child(2n),
    .list13 li {
        width: 25%;
    }

    .list14 li {
        width: 33.3%;
        float: left;
    }

    .copyRight {
        padding: 1.25em 0;
    }

    .gp-f32 {
        font-size: 1.125em;
        font-size: 1.8rem;
    }

    .list12 {
        gap: 0
    }

}

@media screen and (max-width: 47.875em) {
    .gp-header {
        padding: 0.938em 0;
    }

    .logo {
        width: 13.75em;
    }

    .logo a.logo_01 {
        width: 3.125em;
    }

    .logo a.logo_02 {
        width: 9.125em;
    }

    .gp-title-lh32,
    .gp-title-lh26,
    .gp-title-lh24,
    .gp-title-lh22 {
        height: auto;
    }

    .footer {
        padding: 1.875em 0;
    }

    .list12 li,
    .list12 li:nth-child(2n),
    .list13 li {
        width: 33.3%;
    }

    .wrap_footer .bg1 {
        background-size: auto 30%;
        top: -1.688em;
    }

    .gp-f40 {
        font-size: 1.75em;
        font-size: 2.8rem;
    }

    .gp-f36 {
        font-size: 1.625em;
        font-size: 2.6rem;
    }
}



@media screen and (max-width: 40em) {.modern-nav-menu li a,
    .modern-nav-menu a {
        font-size: 1rem;
    }
    html {
        font-size: clamp(12px, 2vw, 14px);
    }

    .gp-f24 {
        font-size: 1.125em;
        font-size: 1.8rem;
    }

    .list12 li,
    .list12 li:nth-child(2n),
    .list13 li {
        width: 100%;
    }

    .list14 li {
        width: auto;
        float: none;
        display: inline-block;
        padding-right: 0.938em;
    }


/* 现代化导航样式 */
html,
body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    }

    .banner-slide {
        height: auto;
        min-height: 60vh;
        position: relative;
    }

    .banner-slide img {
        width: 100%;
        height: auto;
        max-height: 80vh;
        object-fit: contain;
    }

    .banner-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

    /* 移动端禁用侧边导航 */
    .side-nav {
        display: none;
    }

    .footer-contact-card {
        display: none;
    }

}
/* banner控制按钮 - 所有屏幕尺寸 */
.banner-controls {
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 1em;
    z-index: 10;
}

.banner-prev,
.banner-next {
    width: 2.5em;
    height: 2.5em;
    border: 0.062em solid rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.banner-prev:hover,
.banner-next:hover {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255, 255, 255, 0.8);
}

.banner-prev svg,
.banner-next svg {
    width: 1.25em;
    height: 1.25em;
}

.banner-pagination {
    display: flex;
    gap: 0.5em;
}

.banner-dot {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background-image: url('../images/bannerDot.png');
    background-size: cover;
    cursor: pointer;
    transition: all 0.3s ease;
}

.banner-dot.active {
    background-image: url('../images/bannerDotActive.png');
    background-color: #003E94;
}

.modern-header {
    background-color: transparent;
    /* backdrop-filter: blur(0.625em); */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

.modern-header.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.125em 1.875em rgba(0, 0, 0, 0.12);
}

.modern-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625em 1.875em 0.312em 1.875em;
    max-width: 112.5em;
    margin: 0 auto;
    position: relative;
}

.no-bg {
    background: 0 0;
    box-shadow: none;
}

.modern-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 1.25em;
    transition: color 0.3s ease;
}

.modern-header:not(.scrolled) .modern-logo {
    color: #fff;
}

.modern-logo img {
    height: 3.125em;
    margin-right: 0.938em;
}

.modern-logo-text {
    font-size: 1.125em;
    font-weight: 600;
    color: inherit;
}

.modern-nav-menu {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}

.modern-nav-menu li {
    position: relative;
    margin-left: 1.875em;
}
@media screen and (max-width:1200px) {
      .modern-nav-menu li{
        margin-left: 0rem;
      }
}
.modern-nav-menu li a,
.modern-nav-menu a {
    color: #747474;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 600;
    transition: color 0.3s ease;
    padding: 0.625em;
    display: block;
}

.modern-header:not(.scrolled) .modern-nav-menu>li>a {
    color: #fff;
}

.modern-nav-menu li a:hover {
    color: #0066cc;
}

.modern-nav-menu li.active a {
    color: #747474;
    font-weight: 600;
}

.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    font-size: 1.5em;
    color: #333;
    cursor: pointer;
    transition: color 0.3s ease;
}

.modern-header:not(.scrolled) .mobile-menu-btn {
    color: #fff;
}

/* 子菜单样式 */
.submenu-background {
    position: fixed;
    top: 5em;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 0.625em 1.875em rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 998;
    height: 0;
    min-height: 0;
}

.submenu-container {
    position: fixed;
    top: 7em;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.9);
}

.submenu {
    position: relative;
    max-width: 75em;
    margin: 0 auto;
    padding: 1.875em;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.submenu-column {
    flex: 1;
    min-width: 12.5em;
    margin-right: 2.5em;
}

.submenu-column h4 {
    font-size: 1em;
    font-weight: 600;
    color: #747474;
    margin: 0 0 0.938em 0;
    padding-bottom: 0.5em;
    border-bottom: 0.125em solid #0066cc;
}

.submenu-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.submenu-column ul li {
    margin: 0em 0 0.625em 0;
    position: static;
}

.submenu-column ul li a {
    font-size: 1em;
    color: #747474;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0.625em 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.062em solid #c8c8c8;
}

.submenu-column ul li a::after {
    content: '';
    width: 1.25em;
    height: 1.25em;
    background: #de0010;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(-0.5em);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    background-size: 0.75em;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-left: 0.5em;
}

.submenu-column ul li a:hover {
    color: #0066cc;
    border-bottom: 0.062em solid #0066cc;
}

.submenu-column ul li a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.submenu-column img {
    padding: 10px;
    border: 1px solid #cccccc;
}

/* 悬停效果 */
.has-submenu:hover .submenu-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    min-height: 12.5em;
}

.has-submenu:hover+.submenu-background,
.has-submenu:hover .submenu-background {
    opacity: 1;
    visibility: visible;
    height: auto;
    min-height: 12.5em;
}

/* 修复子菜单背景显示问题 */
.modern-header:hover .submenu-background {
    z-index: 998;
}

/* 确保子菜单在滚动后保持白色背景 */
.modern-header.scrolled .submenu-background {
    background: rgba(255, 255, 255, 0.9);
}

.modern-header.scrolled .submenu-container {
    background: rgba(255, 255, 255, 0.9);
}



/* 响应式设计 */
@media (max-width: 48em) {
    .modern-nav-menu li a,
    .modern-nav-menu a {
        font-size: 1.2rem;
    }
    .innovation-section {
        padding: 3.75em 0;
    }

    .admission-grid {
        grid-template-columns: 1fr;
        gap: 1.5em;
    }

    .admission-card {
        padding: 1.875em 1.5em;
    }

    .admission-card-title {
        font-size: 1.125em;
    }
}

@media (max-width: 30em) {
     
    .admission-card {
        padding: 1.5em 1.25em;
    }

    .admission-card-icon {
        width: 3.75em;
        height: 3.75em;
    }

    .admission-card-icon img {
        width: 1.875em;
        height: 1.875em;
    }
}


/* 统一板块标题样式 */
.articleTitle1 {
    margin-bottom: 2.5em;
    text-align: center;
    position: relative;
}

.articleTitle1 .title {
    display: inline-block;
    position: relative;
    padding-bottom: 1.25em;
}

.articleTitle1 .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3.75em;
    height: 0.188em;
    background-color: #0066cc;
}

.articleTitle1 .title_cn {
    display: block;
    margin-bottom: 0.625em;
}

.articleTitle1 .title_en {
    display: block;
    font-weight: normal;
    opacity: 0.8;
}

.articleTitle1 .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.articleTitle1 .more:hover {
    color: #0066cc;
}

/* 优化各板块内容布局 */
/* 广商新闻部分 */
.list1 {
    width: 48%;
    margin-right: 4%;
}

.list2 {
    width: 48%;
}

.list1 img,
.list2 img {
    width: 100%;
    height: auto;
    margin-bottom: 0.938em;
}

.list1 .listTitle,
.list2 .listTitle {
    margin-bottom: 0.625em;
    line-height: 1.4;
}

.list1 .listCon {
    margin-bottom: 0.625em;
    line-height: 1.5;
    color: #666;
}

.list3 {
    width: 100%;
}

.list3 li {
    margin-bottom: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 0.062em solid #eee;
}

.list3 li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 通知公告部分 */
.list4 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
}

.list4 li {
    flex: 1;
    min-width: 12.5em;
    padding: 1.25em;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.list4 li:hover {
    transform: translateY(-0.312em);
    box-shadow: 0 0.312em 1.25em rgba(0, 0, 0, 0.1);
}

.list4 .listTitle {
    margin-bottom: 0.625em;
    line-height: 1.4;
}

.list4 .listDate {
    color: #999;
    font-size: 0.875em;
}

/* 教学科研部分 */
.list6 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
}

.list6 li {
    flex: 1;
    min-width: 12.5em;
}

.list6 img {
    width: 100%;
    height: auto;
    margin-bottom: 0.938em;
    border-radius: 0;
}

.list6 .listTitle {
    margin-bottom: 0.625em;
    line-height: 1.4;
}

.list6 .listDate {
    color: #999;
    font-size: 0.875em;
}

/* 社交媒体部分 */
.list8 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
    margin-bottom: 1.875em;
}

.list8:last-child {
    margin-bottom: 0;
}

.list8 li {
    flex: 1;
    min-width: 15.625em;
}

.list8 img {
    width: 100%;
    height: auto;
    margin-bottom: 0.938em;
    border-radius: 0;
}

.list8 .listTitle {
    line-height: 1.4;
}



/* 移动端新闻和轮播样式修复 */
@media (max-width: 48em) {

    /* 新闻轮播移动端适配 */
    .news-slider-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .news-slider-wrapper::-webkit-scrollbar {
        display: none;
    }

    .news-slider {
        display: flex;
        flex-wrap: nowrap;
        gap: 1em;
        padding: 0 1em;
    }

    .news-card {
        flex: 0 0 85%;
        min-width: 85%;
        scroll-snap-align: start;
    }

    .news-controls {
        display: none;
    }

    /* 教学科研轮播移动端适配 */
    .research-slider-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .research-slider-wrapper::-webkit-scrollbar {
        display: none;
    }

    .research-slider {
        display: flex;
        flex-wrap: nowrap;
        gap: 1em;
        padding: 0 1em;
    }

    .research-card {
        flex: 0 0 85%;
        min-width: 85%;
        scroll-snap-align: start;
    }

    .research-controls {
        display: none;
    }



    /* 移动端通用样式优化 */
    .gp-container,
    .notice-container,
    .research-container,
    .admission-container,
    .social-container {
        padding: 0 1em;
    }

    .news-header-wrapper,
    .research-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }

    .notice-header {
        padding: 0 1em;
    }


    .feature-card {
        height: auto;
        min-height: 15em;
    }

    .admission-grid {
        grid-template-columns: 1fr;
        gap: 1.5em;
        padding: 0 1em;
    }

    .admission-card {
        height: 20em;
    }

    .social-grid {
        grid-template-columns: 1fr;
        gap: 1.5em;
        padding: 0 1em;
    }


    .life-section {
        padding: 3.75em 0;
    }

    .life-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1em;
        margin-top: 2.5em;
    }

    .life-card {
        height: 11.25em;
    }

    .life-card-title {
        font-size: 1.125em;
    }

    .life-card-icon img {
        width: 2.5em;
        height: 2.5em;
    }
    
    .footer-left-content{
        padding: 0 1em !important;
    }
    .footer-contact-info{
        flex-direction: column;
        align-items: flex-start !important;
    }
    
}

@media (max-width: 30em) {
    .life-grid {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .life-card {
        height: 10em;
    }

    .life-card-title {
        font-size: 1em;
    }
}

/* 广商映像网格布局 */


.life-grid .list9,
.life-grid .list10 {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
    margin-bottom: 0;
}

.life-grid .list9 li,
.life-grid .list10 li {
    flex: 1;
    min-width: calc(33.333% - 0.833em);
    height: 12.5em;
}

/* 响应式设计 */
@media (max-width: 75em) {
    .life-grid {
        flex-direction: column;
    }

    .life-grid .list9,
    .life-grid .list10 {
        width: 100%;
    }

    .life-grid .list9 li,
    .life-grid .list10 li {
        min-width: calc(33.333% - 0.833em);
    }
}

@media (max-width: 48em) {

    .life-grid .list9 li,
    .life-grid .list10 li {
        min-width: calc(50% - 0.625em);
    }
}

@media (max-width: 30em) {

    .life-grid .list9 li,
    .life-grid .list10 li {
        min-width: 100%;
    }
}


/* 广商映像部分 */
.list9,
.list10 {
    margin-bottom: 0;
}

.list9 li,
.list10 li {
    background-size: cover !important;
    background-position: center !important;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.list9 li:before,
.list10 li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

.list9 li:hover:before,
.list10 li:hover:before {
    background-color: rgba(0, 0, 0, 0.2);
}

.list9 .listText,
.list10 .listText {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.list9 .listImg,
.list10 .listImg {
    margin-bottom: 0.938em;
}

/* 数字广商部分 */
.data-section {
    background: #f8f9fa;
    padding: 5em 0;
}

.data-container {
    max-width: 75em;
    margin: 0 auto;
    padding: 0 1.25em;
}

.list11 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5em, 1fr));
    gap: 1.25em;
    margin-top: 3.125em;
}

.list11 .slick-slider {
    text-align: center;
    padding: 2.5em 1.25em;
    margin: 0 0.312em;
    border-radius: 0;
    background: #fff;
    border: 0.062em solid #e8e8e8;
    position: relative;
    overflow: hidden;
}

.list11 .slick-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.25em;
    background: linear-gradient(90deg, #b8000c, #de0010);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.list11 .slick-slider:hover::before {
    transform: scaleX(1);
}

.list11 .slick-slider:hover {
    transform: translateY(-0.5em);
    border-color: #d0d7de;
}

.list11 .icon {
    margin-bottom: 1.5em;
    position: relative;
    z-index: 1;
}

.list11 .icon img {
    width: 4.375em;
    height: 4.375em;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.list11 .slick-slider:hover .icon img {
    transform: scale(1.05);
}

.list11 .num {
    display: block;
    margin-bottom: 0.75em;
    color: #003E94;
    font-weight: 700;
    font-size: 2.5em;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    transition: color 0.3s ease;
}

.list11 .slick-slider:hover .num {
    color: #de0010;
}

.list11 .listCon {
    color: #6b7280;
    line-height: 1.6;
    font-size: 0.875em;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 75em) {
    .list11 {
        grid-template-columns: repeat(auto-fit, minmax(12.5em, 1fr));
        gap: 1.5em;
    }

    .list11 .slick-slider {
        padding: 2.188em 1.562em;
    }
}

@media screen and (max-width: 48em) {
    .data-section {
        padding: 3.75em 0;
    }

    .list11 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25em;
    }

    .list11 .slick-slider {
        padding: 1.875em 1.25em;
    }

    .list11 .icon {
        margin-bottom: 1.25em;
    }

    .list11 .icon img {
        width: 2.8em;
        height: 2.8em;
    }

    .list11 .num {
        font-size: 2em;
        margin-bottom: 0.625em;
    }

    .list11 .listCon {
        font-size: 0.812em;
        line-height: 1.5;
    }
}

@media screen and (max-width: 30em) {
    .list11 {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .list11 .slick-slider {
        padding: 1.562em 0.938em;
    }

    .list11 .icon img {
        width: 3.125em;
        height: 3.125em;
    }

    .list11 .num {
        font-size: 1.75em;
    }

    .list11 .listCon {
        font-size: 0.75em;
    }
}

@media screen and (max-width: 30em) {
    .list11 {
        gap: 0.625em;
        padding: 0 0.312em;
    }

    .list11 .slick-slider {
        flex: 1 1 100%;
        min-width: 100%;
        padding: 0.938em 0.625em;
    }

    .list11 .icon img {
        width: 2.812em;
        height: 2.812em;
    }

    .list11 .num {
        font-size: 1.75em;
    }

    .list11 .listCon {
        font-size: 0.688em;
    }
}

/* 响应式设计 */
@media screen and (max-width: 62em) {

    .modern-nav-menu {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    .submenu {
        padding: 1.25em;
    }

    .submenu-column {
        min-width: 9.375em;
        margin-right: 1.25em;
    }

    .section-padding {
        padding: 3.75em 0;
    }

    .articleTitle1 {
        margin-bottom: 1.875em;
    }

    .list1,
    .list2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.875em;
    }

    .list4 li,
    .list6 li,
    .list8 li,
    .list9 li,
    .list10 li,
    .list11 .slick-slider {
        min-width: 100%;
    }

    .list9 li,
    .list10 li {
        height: 9.375em;
    }

    /* 调整字体大小 */
    .gp-f40 {
        font-size: 2em;
    }

    .gp-f30 {
        font-size: 1.5em;
    }

    .gp-f24 {
        font-size: 1.25em;
    }

    .gp-f18 {
        font-size: 1em;
    }
}

/* 平板设备 */
@media screen and (max-width: 48em) {
    html {
        font-size: clamp(13px, 1vw, 16px);
    }

    .section-padding {
        padding: 2.5em 0;
    }

    .articleTitle1 {
        margin-bottom: 1.562em;
    }

    .list3 li {
        margin-bottom: 0.938em;
        padding-bottom: 0.938em;
    }

    .list4 li,
    .list6 li,
    .list8 li {
        padding: 0.938em;
    }

    .list11 .slick-slider {
        padding: 1.25em;
    }

    /* 进一步调整字体大小 */
    .gp-f40 {
        font-size: 1.75em;
    }

    .gp-f30 {
        font-size: 1.25em;
    }

    .gp-f24 {
        font-size: 1.125em;
    }

    .gp-f18 {
        font-size: 0.875em;
    }
}

/* 移动设备 */
@media screen and (max-width: 30em) {
    .section-padding {
        padding: 1.875em 0;
    }

    .articleTitle1 {
        margin-bottom: 1.25em;
    }

    .list4 li,
    .list6 li,
    .list8 li {
        padding: 0.75em;
    }

    .list11 .slick-slider {
        padding: 0.938em;
    }

    .list9 li,
    .list10 li {
        height: 7.5em;
    }

    /* 移动设备字体大小 */
    .gp-f40 {
        font-size: 1.5em;
    }

    .gp-f30 {
        font-size: 1.125em;
    }

    .gp-f24 {
        font-size: 1em;
    }

    .gp-f18 {
        font-size: 0.75em;
    }

    /* 确保移动设备上的间距合适 */
    .list4,
    .list6,
    .list8,
    .list9,
    .list10,
    .list11 {
        gap: 0.625em;
    }
}

.top-link {
    text-align: right;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
}

.top-link a {
    display: inline-block;
    padding: 0.312em;
    margin-left: 0.25em;
    color: #333;
    text-decoration: none;
    border-radius: 0;
    font-size: 0.85em;
    transition: all 0.3s ease;
}

.modern-header:not(.scrolled) .top-link a {
    color: #fff;
}

.top-link a:hover {
    color: #0052a3;
}

.top-search {
    width: 3.125em;
    /* height: 1.75em; */
    line-height: 1em;
    text-align: left;
    border-radius: 0 !important;
    border: 0.062em solid #747474;
    background: url(../images/ser.png) no-repeat left 0.625em center;
    padding-left: 1.875em !important;
}

.modern-header:not(.scrolled) .top-search {
    border: 0.062em solid #ffffff;
}

@media screen and (max-width: 48em) {
    .top-link {
        display: none;
    }

}

.show {
    display: block;
}

.hide {
    display: none;
}


/* 中间：链接区 */
.footer-links-area {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.footer-links-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
}

.footer-links-column h4 {
    font-size: 1em;
    font-weight: 600;
    color: #333;
    margin: 0 0 1em 0;
}

.footer-links-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links-column li {
    margin-bottom: 0.25em;
}

.footer-links-column a {
    font-size: 0.85em;
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links-column a:hover {
    color: #de0010;
}

/* 校区信息 */
.footer-campuses-row {
    padding-top: 2em;
    border-top: 0.062em solid #e0e0e0;
}

.footer-campus-item h4 {
    font-size: 1em;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.75em 0;
}

.footer-campus-item p {
    font-size: 0.85em;
    color: #666;
    margin: 0 0 0.375em 0;
    line-height: 1.5;
}

/* 右侧：联系卡片 */
.footer-contact-card {
    background: #fff;
    padding: .5em .5em 0.2em .5em;
    border-radius: 0;
    box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.08);
}

.footer-contact-card h3 {
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
    margin: 0 0 1.5em 0;
    line-height: 1.5;
}

.contact-email {
    display: flex;
    align-items: center;
    gap: 0.75em;
}

.email-icon {
    width: 2.5em;
    height: 2.5em;
    background: #de0010;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.email-icon svg {
    width: 1.25em;
    height: 1.25em;
    color: #fff;
}

.email-info {
    display: flex;
    flex-direction: column;
}

.email-label {
    font-size: 0.75em;
    color: #999;
}

.email-address {
    font-size: 0.875em;
    color: #333;
}

/* 版权信息 */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em 0;
    font-size: 0.875em;
    color: #999;
}

.footer-legal {
    display: flex;
    gap: 1.5em;
}

.footer-legal span {
    color: #999;
}

/* 响应式设计 */
@media (max-width: 62em) {
    .footer-main {
        grid-template-columns: 1fr 1.5fr;
        gap: 2em;
    }

    .footer-contact-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 48em) {
    .footer-container {
        padding: 0 1.25em;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .footer-links-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-bottom {
        flex-direction: column;
        gap: 1em;
        text-align: center;
    }
}

@media (max-width: 30em) {
    .footer-links-row {
        grid-template-columns: 1fr;
    }

    .footer-social-icons {
        justify-content: center;
    }
}

.mobile-inner-header-icon {
    display: none;
    position: fixed;
    top: 0.8em;
    right: 1.25em;
    background: #0073FF;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1001;
    box-shadow: 0 0.25em 0.938em rgba(0, 86, 179, 0.3);
    transition: all 0.3s ease;
}

.mobile-inner-header-icon:hover {
    background: #b8000c;
    box-shadow: 0 0.375em 1.25em rgba(0, 86, 179, 0.4);
    transform: scale(1.1);
}

.mobile-inner-header-icon::before,
.mobile-inner-header-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1.25em;
    height: 0.125em;
    background: #fff;
    transition: all 0.3s ease;
}

.mobile-inner-header-icon::before {
    top: 0.8em;
}

.mobile-inner-header-icon::after {
    bottom: 0.8em;
}

.mobile-inner-header-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.25em;
    height: 0.125em;
    background: #fff;
    transition: all 0.3s ease;
}

.mobile-inner-header-icon.active::before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-inner-header-icon.active::after {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(-45deg);
}

.mobile-inner-header-icon.active span {
    opacity: 0;
}

.mobile-nav-panel {
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: 20em;
    max-width: 85%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    box-shadow: -0.312em 0 1.875em rgba(0, 0, 0, 0.2);
}

.mobile-nav-panel.active {
    right: 0;
}

.mobile-nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-nav-overlay.active {
    opacity: 1;
}

.mobile-nav-header {
    padding: 1.25em;
    background: linear-gradient(135deg, #1E3282 0%, #0073FF 100%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-nav-header h3 {
    margin: 0;
    font-size: 1.125em;
    font-weight: 600;
}

.mobile-nav-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.5em;
    cursor: pointer;
    padding: 0.312em;
    line-height: 1;
    transition: transform 0.3s ease;
}

.mobile-nav-close:hover {
    transform: rotate(90deg);
}

.mobile-nav-body {
    padding: 1.25em;
}

.mobile-nav-item {
    margin-bottom: 0.938em;
}

.mobile-nav-item>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    padding: 0.75em 0.938em;
    background: #f8f9fa;
    border-radius: 0;
    transition: all 0.3s ease;
}

.mobile-nav-item>a:hover {
    background: #003d94;
    color: #fff;
    transform: translateX(0.312em);
}

.mobile-nav-item.has-children>a::after {
    content: '+';
    font-size: 1em;
    font-weight: bold;
}

.mobile-nav-item.has-children.open>a::after {
    content: '-';
}

.mobile-nav-children {
    display: none;
    margin-left: 0.938em;
    margin-top: 0.625em;
}

.mobile-nav-children.active {
    display: block;
}

.mobile-nav-children-item {
    margin-bottom: 0.5em;
}

.mobile-nav-children-item a {
    display: block;
    font-size: 0.875em;
    color: #666;
    text-decoration: none;
    padding: 0.5em 0.75em;
    border-radius: 0;
    transition: all 0.3s ease;
}

.mobile-nav-children-item a:hover {
    background: #e9ecef;
    color: #003d94;
}

@media (max-width: 62em) {
    .mobile-inner-header-icon {
        display: block;
    }

    .mobile-nav-panel {
        display: block;
    }

    .mobile-nav-overlay {
        display: block;
    }
}

@media (max-width: 48em) {
    .modern-nav {
        padding: 0.8rem 1.5rem;
    }

    .modern-logo img {
        height: 2.188em;
    }

    .modern-logo-text {
        font-size: 1.1rem;
    }

}

/* 页面样式 - 更新配色和字体大小 */

/* 板块标题样式 - 上下排版设计 */
.index-header {
    text-align: left;
    position: relative;
    margin-bottom: 4rem;
}


.index-header h2 {
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    align-items: baseline;
}

/* 中文字体 */
.index-header h2 .title-cn {
    font-weight: 700;
    font-size: 3.2rem;
    color: #333;
    padding-right: 1rem;
}

/* 英文字体 */
.index-header h2 .title-en {
    font-size: 2.8rem;
    color: #666;
    font-weight: 600;
    text-transform: capitalize;
    font-family: Roboto,Roboto,'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}


/* Footer 样式 - 参考西湖大学 */
.footer-section {
    background-image: url('../images/gcc.png'), linear-gradient(180deg, #F0EEF1 0, #fefefe 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    padding: 4em 0 0;
}

.footer-container {
    max-width: 112.5em;
    margin: 0 auto;
    padding: 0 .5em;
}

/* 标题区 */
.footer-header {
    margin-bottom: 2.5em;
}

.footer-header h2 {
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.footer-header h2 span {
    font-weight: 400;
    color: #666;
}

/* 主内容区 */
.footer-main {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 3em;
    padding-bottom: 3em;
    border-bottom: 0.062em solid #e0e0e0;
}

/* 左侧：社交媒体 */
.footer-social-section h3 {
    font-size: 1em;
    font-weight: 500;
    color: #333;
    margin: 0 0 1em 0;
}

.footer-social-icons {
    display: flex;
    gap: 1em;
}

.social-icon-item {
    width: 2.5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: color 0.3s ease;
}



.social-icon-item svg {
    width: 1.5em;
    height: 1.5em;
}

/* 联系我们 - 新版样式 */
.footer-main-new {
    display: flex;
    gap: 4em;
    padding-bottom: 3em;
}

.footer-left-content {
    flex: 1;
    padding-left: 10em;
}

/* 社交媒体 */
.footer-social-section-new {
    margin-bottom: 2.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #cccccc;
}

.footer-social-section-new h3 {
    font-size: 1.3em;
    font-weight: 600;
    color: #222;
    margin: 0 0 1em 0;
}

.footer-social-icons-new {
    display: flex;
    gap: 0.8em;
    flex-wrap: wrap;
}

.social-icon-new {
    width: 3em;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background: #f5f5f5;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.social-icon-new:hover {
    background: #003d94;
    color: #fff;
    transform: translateY(-2px);
}

.social-icon-new svg {
    width: 1.6em;
    height: 1.6em;
}

/* N视频图标放大 */
.social-icon-new[title="N视频"] svg {
    width: 2.5em;
    height: 2.5em;
}

/* 链接列表 */
.footer-links-new {
    display: flex;
    gap: 9em;
    margin-bottom: 2.5em;
    padding-bottom: 2em;
    border-bottom: 1px solid #cccccc;
}

.footer-link-col h4 {
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
    margin: 0 0 1em 0;
}

.footer-link-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-link-col li {
    margin-bottom: 0.6em;
}

.footer-link-col a {
    font-size: 1em;
    font-weight: 600;
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-link-col a:hover {
    color: #003d94;
}

/* 联系信息 */
.footer-contact-info {
    display: flex;
    gap: 3em;
    align-items: flex-end;
}

.contact-info-item h4 {
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.8em 0;
}

.contact-info-item p {
    font-size: 1em;
    color: #666;
    font-weight: 600;
    margin: 0 0 0.4em 0;
    line-height: 1.5;
}

/* 右侧图片区 */
.footer-right-image {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.contact-card-new {
    background: #fff;
    border-radius: 0.8em;
    padding: 1.5em;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.contact-card-new h3 {
    font-size: 1em;
    font-weight: 600;
    color: #333;
    margin: 0 0 1em 0;
    line-height: 1.5;
}

.contact-email {
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: #003d94;
    font-size: 0.85em;
}

.contact-email svg {
    width: 1.2em;
    height: 1.2em;
}

.footer-building-image {
    flex: 1;
    border-radius: 0.8em;
    overflow: hidden;
}

.footer-building-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 版权信息 */
.footer-bottom-new {
    padding: 1.5em 0;
    border-top: 1px solid #e0e0e0;
}

.footer-copyright {
    font-size: 0.8em;
    color: #999;
    margin-bottom: 0;
}

.footer-copyright p {
    padding: .2em;
    white-space: nowrap;
    margin: 0;
}

/* 响应式 */
@media (max-width: 62em) {
.index-header {
    margin-bottom: 0rem;
}
/* 中文字体 */
.index-header h2 .title-cn {
    font-weight: 700;
    font-size: 2.2rem;
    color: #333;
    padding-right: 1rem;
}

/* 英文字体 */
.index-header h2 .title-en {
    font-size: 1.8rem;
    color: #666;
    font-weight: 600;
    text-transform: capitalize;
    font-family: Roboto,Roboto,'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
    .footer-main-new {
        flex-direction: column;
    }
    
    .footer-right-image {
        width: 100%;
        flex-direction: row;
    }
    
    .footer-building-image {
        height: 200px;
    }
}

@media (max-width: 48em) {
    .footer-links-new {
        flex-direction: column;
        gap: 2em;
    }
    
    .footer-copyright-new {
        flex-direction: column;
        gap: 0.5em;
    }
}

/* 新闻标题 */

/* 左侧标题区域 */
.news-header-title {
    flex: 0 0 auto;
    margin-bottom: 4rem;
}

.index-header-new {
    display: flex;
    align-items: flex-start;
    gap: 0.75em;
    margin-bottom: 0;
    position: relative;
}

/* 红色小方块装饰 - 放在波浪线前面 */
.index-header-new::before {
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    background: #003d94;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-top: 2.5rem;
    margin-left: 2.5rem;
}

.index-header-new h2 {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    position: relative;
}

/* 中文标题 - 微软雅黑粗体 */
.index-header-new .title-cn {
    font-size: 2.6rem;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
    position: relative;
    display: inline-block;
    padding-bottom: 0.8rem;
}

/* 中文标题波浪线装饰 */
.index-header-new .title-cn::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8rem;
    height: 0.6rem;
    background-size: cover;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath d='M0 2 Q5 0, 10 2 T20 2' stroke='%23003d94' stroke-width='0.8' fill='none'/%3E%3C/svg%3E") repeat-x;
    /* background-size: 15rem 100%; */
}

/* 英文标题 - 放在波浪线后面 */
.index-header-new .title-en {
    font-size: 1.2rem;
    font-weight: 400;
    color: #888;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-left: 0;
    opacity: 0.9;
}

/* 序号装饰 */
.index-header-new .section-number {
    font-size: 4rem;
    font-weight: 100;
    color: #f0f0f0;
    line-height: 1;
    font-family: "Helvetica Neue", Arial, sans-serif;
    position: absolute;
    right: -0.5rem;
    top: -0.3rem;
    z-index: -1;
    transition: all 0.5s ease;
}

/* 标题进入动画 */
.index-header-new.animate-in .title-cn {
    animation: slideInLeft 0.8s ease forwards;
}

.index-header-new.animate-in .title-en {
    animation: slideInLeft 0.8s ease 0.15s forwards;
    opacity: 0;
}

.index-header-new.animate-in::before {
    animation: rotateIn 0.6s ease 0.3s forwards;
    opacity: 0;
}

.index-header-new.animate-in .section-number {
    animation: fadeInScale 0.6s ease 0.4s forwards;
    opacity: 0;
    transform: scale(0.8);
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(0deg) scale(0.5);
    }

    to {
        opacity: 1;
        transform: rotate(45deg) scale(1);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 悬停效果 */
.index-header-new:hover .title-cn {
    transform: translateX(3px);
    transition: transform 0.3s ease;
}

.index-header-new:hover .section-number {
    color: #e8e8e8;
    transform: scale(1.05);
}

.index-header-new:hover::before {
    transform: rotate(45deg) scale(1.2);
    transition: transform 0.3s ease;
}

/* 响应式 */
@media (max-width: 48em) {
    .index-header-new {
        gap: 0.5rem;
        margin-bottom: 2rem;
    }

    .index-header-new .title-cn {
        font-size: 1.4rem;
        padding-bottom: 0.35rem;
    }

    .index-header-new .title-en {
        font-size: 0.65rem;
        letter-spacing: 0.1rem;
    }

    .index-header-new::before {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: 0.4rem;
    }

    .index-header-new .section-number {
        font-size: 2.5rem;
        right: 0;
    }
}