html {
    font-size: 62.5%;
}

@media only screen and (max-width: 70em) {
    html {
        font-size: 56.25%;
    }
}

@media only screen and (max-width: 1000px) {
    html {
        font-size: 50%;
    }


}

@media only screen and (max-width: 56.25em) {
    html {
        font-size: 50%;
    }


}



@media only screen and (min-width: 112.5em) {
    html {
        font-size: 75%;
    }
}

@media only screen and (min-width: 101.1em) {
    html {
        font-size: 75%;
    }
}

h1,
h2,
h3,
h4 {
    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", "PingFangSC-Regular", SimSun, "宋体", sans-serif;
    font-weight: 600;
}

body {
    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", "PingFangSC-Regular", SimSun, "宋体", sans-serif;
    box-sizing: border-box;
}

@media only screen and (max-width: 56.25em) {
    body {
        padding-top: 10rem;
    }
}

@media only screen and (max-width: 37.5em) {
    body {
        padding-top: 6rem;
    }
}

.card:hover .cover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.header__logo img {
    width: 72rem;
}

@media only screen and (max-width: 112.5em) {
    .header__logo img {
        width: 72rem;
    }
}

@media only screen and (max-width: 101.1em) {
    .header__logo img {
        width: 72rem;
    }
}

@media only screen and (max-width: 90em) {
    .header__logo img {
        width: 72rem;
    }
}

@media only screen and (max-width: 75em) {
    .header__logo img {
        width: 50rem;
    }
}

@media only screen and (max-width: 70em) {
    .header__logo img {
        width: 70rem;
    }
}

@media only screen and (max-width: 37.5em) {
    .header__logo img {
        width: 43rem;
    }
}

@media only screen and (max-width: 88em) {
    .web-nav__1-link {
        padding: 0 1.8rem;
        font-size: 1.6rem;
    }

    .web-nav__1-link-active {
        padding: 0 1.8rem;
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 86.1em) {
    .web-nav__1-link {
        padding: 0 1.5rem;
        font-size: 1.5rem;
    }

    .web-nav__1-link-active {
        padding: 0 1.5rem;
        font-size: 1.5rem;
    }
}

.product-status {
    background-color: #DD2400;
    /* border-radius: 900px; */
    width: 100px;
    /*height: 100px; */
    color: #fff;
    position: absolute;
    opacity: 0.9;
    top: -64px;
    right: -28px;
    -webkit-transform: translate(34px, 2px) rotate(45deg);
    transform: translate(34px, 2px) rotate(45deg);
    font-size: 12px;
    line-height: 23px;
    padding-top: 79px;
    zoom: 0.8;
    text-align: center;
}

.ratio-image__box {

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: 5px;
}

.ratio-image__box img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    min-height: 9rem;
}

.infoisnew {
    text-transform: uppercase;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 5px;
    background-color: #DD2400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-right: 1rem;
}

.notice-card__info {
    padding-left: 2rem;
    margin-left: 2rem;
    border-left: 1px solid #dcdfe6;
    display: flex;
    align-items: center;
}

.row [class^=col-]:not(:last-child) {
    margin-right: 4rem;
}

.row .col-1-of-2 {
    width: calc((100% - 4rem) / 2);
}

.section-research__list {
    margin: calc(-4rem / 2);
}

.section-research__list>.item {
    padding: calc(4rem / 2);
}

.section-sq__list {
    margin: calc(-1.5rem / 2);
    /* Reduced from 4rem */
}

.section-sq__list>.item {
    padding: calc(1.5rem / 2);
    /* Reduced from 4rem */
}

.more-button:hover {
    color: #DD2400;
    transition: all .3s ease-in-out;
    font-weight: 400;
}

.research-card__title {
    -webkit-line-clamp: 3;
    height: 7rem;
}

.jz-card:hover .jz-card__date::after {
    border-right: 1px solid #dcdfe6;
}

.jz-card:hover .jz-card__date .time {
    color: #1563B0;
}

.jz-card:hover .jz-card__date .day {
    color: #777;
}

.jz-card:hover .jz-card__info .title {
    color: #DD2400;
    transition: all .3s ease-in-out;
}

.jz-card:hover .jz-card__info .tags {
    color: #DD2400;
    transition: all .3s ease-in-out;
}

.sq-card:hover .sq-card__info .title {
    color: #DD2400;
    transition: all .3s ease-in-out;
}

.notice-card:hover .notice-card__title {
    color: #DD2400;
    transition: all .3s ease-in-out;
}

.inner-news-list {
    margin-right: 1px;
}

.inner-news-list .item {
    border: 0px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.inner-news-list-notice {
    display: flex;
    flex-flow: wrap;
    margin: 0 -0.9rem 0 -1rem;
}

.inner-news-list-notice .item {
    border: 0px;
    margin: 0px;
    list-style: none;
    padding: 0px 1rem 3em 1rem;
    width: 50%;
}

.inner-news-card-notice {
    box-shadow: 0px 0px 16px #eee;
    border: 1px solid #eee;
    padding: 25px 15px;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.inner-news-card-notice:hover {
    border: 1px solid white;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.35);
    transform: translateY(-5px);
}

.inner-news-card-notice:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 3px;
    background-color: #1563B0;
}

.teacher-card {
    position: relative;
    display: block;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 10px #EEE;
    border-radius: 5px;
}

.teacher-card:hover {
    border: 0px;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.35);
    transform: translateY(-5px);
}

.teacher-card::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background-color: #1563B0;
}

.teacher-card__cover {
    flex: none;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
    /* Portrait aspect ratio */
    position: relative;
    overflow: hidden;
}

.teacher-card__info {
    flex: 1;
    padding: 15px 20px 25px 20px;
}

.teacher-card__more-box {
    display: none;
}

.inner-video-list {
    padding-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin: calc(-3rem / 2) calc(-3rem / 2.2) 0 calc(-3rem / 2);
}

.inner-video-card {
    position: relative;
    border: 0px solid #ccc;
    overflow: hidden;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 10px #ddd;
}

.inner-video-card:hover {
    border: 0px solid #fff;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.35);
    transform: translateY(-5px);
}

.inner-video-card:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 3px;
    background-color: #1563B0;
}

.inner-video-card:hover .ratio-image__box img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.inner-video-card__info {
    position: relative;
    background-color: white;
}

.inner-video-card__info .text-bg {
    position: relative;
    padding: 2rem 2.5rem 2rem 2.5rem;
    background-color: white;
    background: none;
}

.inner-news-card {
    overflow: hidden;
    box-shadow: 0px 0px 16px #eee;
    border: 1px solid #eee;
    padding: 25px 15px;
    transition: all .3s ease-in-out;
    height: 100%;

}

.inner-news-card:hover {
    border: 1px solid white;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.35);
    transform: translateY(-5px);
}

.inner-news-card:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 3px;
    background-color: #1563B0;
}

.inner-news-card__right {
    padding-left: 1.2rem;
    height: auto;
}

.inner-news-card__right h2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.8rem;
    color: #2f2f2f;
    margin-bottom: 1.8rem;
}


@media only screen and (max-width: 70em) {
    .inner-news-card__right h2 {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 1.8rem;
        color: #2f2f2f;
        margin-bottom: 2.5rem;
    }
}

.inner-video-card:hover .inner-video-card__info .text-bg {
    background: none;
}

.inner-video-card__info .text-bg h1 {
    color: #333;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.inner-video-card__info .text-bg h2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 20px 0px;
    font-weight: 400;
    color: black;
}

.inner-video-card__info .bhjy {
    padding: 2rem 2.2rem 2rem 2.2rem;
}

.inner-video-card__info .bhjy h1 {
    font-size: 1.6em;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 60px;
}

.custom-breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.8rem;
    padding: 0 3rem 0 4rem;
    background-color: rgba(20, 20, 20, 0.5);
}

.container {
    max-width: 1600px;
    width: 1600px;
    margin: 0 auto;
}

.header__container {
    height: 100%;
    margin: 0px auto;
    width: 1600px;
    max-width: 1600px;
    display: flex;
    padding: 0px;
    justify-content: space-between;
    align-items: center;
}

.news-image-card__cover {
    height: 36.5rem;
    border-radius: 5px;
}

@media only screen and (max-width: 101.1em) {

    .container {
        max-width: 1360px;
        width: 1360px;
        margin: 0 auto;
    }

    .header__container {
        height: 100%;
        margin: 0px auto;
        width: 1360px;
        max-width: 1360px;
        display: flex;
        padding: 0px;
        justify-content: space-between;
        align-items: center;
    }

    .news-image-card__cover {
        height: 36.5rem;
    }
}

@media only screen and (max-width: 86.1em) {

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

    .header__container {
        height: 100%;
        margin: 0px auto;
        width: 1200px;
        max-width: 1200px;
        display: flex;
        padding: 0px;
        justify-content: space-between;
        align-items: center;
    }

    .news-image-card__cover {
        height: 36.5rem;
    }
}

.website-tab__title {
    display: flex;
    position: absolute;
    left: 18%;
    top: 1.1rem;
    z-index: 99999;
    width: 70%;
}

.website-tab__title p {
    transition: all .3s ease-in-out;
    width: 16.6%;
    text-align: center;
}

.website-tab__title p:not(:last-child) {
    margin-right: 1.2rem;
    width: 16.6%;
    text-align: center;
}

@media only screen and (max-width: 70em) {

    .container {
        max-width: auto;
        width: 95%;
        margin: 0 auto;
    }

    .header__container {
        height: 100%;
        margin: 0px auto;
        width: auto;
        max-width: auto;
        display: flex;
        padding: 0px;
        justify-content: space-between;
        align-items: center;
    }

    .website-tab__title {
        display: none;
    }

    .section-notice__list-wrapper {
        padding-top: 0rem;
    }
}

.side-nav__4-link {
    display: block;
    padding: 1rem 2rem 1rem 10rem;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #ffffff;
    white-space: nowrap;
    background-color: rgba(21, 99, 176, 0.6);
}

.side-nav__4-link:hover {
    color: #ffffff;
    font-weight: 600;
    background: #1563B0;
}

.section-banner__button {
    width: 8.7vw;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
}

.article-details__content img {
    display: inline-block;
    max-width: 100%;
    margin: 10px 0px 0px 0px;
}

.article-details__content .report .fa {
    margin-right: 15px;
}

.inner-teacher-list {
    display: flex;
    flex-wrap: wrap;
    margin: calc(-6rem / 2) calc(-1.5rem / 2) 0 calc(-1.5rem / 2);
}

.inner-teacher-list>.item {
    list-style: none;
    padding: calc(2rem / 2);
    width: calc((1 / 5) * 100%);
}

.footer__fast-links a::before {
    font-family: "iconfont" !important;
    content: "\e63d";
    margin-right: 0rem;
}

.inner-news-card__left span {
    font-size: 2.2rem;
    font-weight: 400;
    width: auto;
    border-radius: 0;
    border: 0px;
}

.inner-news-card:hover .inner-news-card__left span {
    color: #1563B0;
    border: 0px solid #1563B0;
}

.custom-selector__options {
    border-radius: 5px;
}

.custom-selector__input {
    border-radius: 5px;
}

.inner-report-list {
    margin-right: 1px;
}

.inner-report-list .item {
    list-style: none;
    border: 0px;
    margin: 0px;
    padding: 0px 0px 3em 0px;
}

.inner-report-card {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card {
        display: block;
    }
}

@media only screen and (min-width: 56.25em) {
    .inner-report-card:hover .inner-report-card__left p {
        color: #1563B0;
    }
}

@media only screen and (min-width: 56.25em) {
    .inner-report-card:hover .inner-report-card__left span {
        color: #1563B0;
        border: 1px solid #1563B0;
    }
}

@media only screen and (min-width: 56.25em) {

    .inner-report-card:hover .inner-report-card__right h2,
    .inner-report-card:hover .inner-report-card__right p {
        color: #1563B0;
    }
}

.inner-report-card__left {
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-right: 7rem;
    position: relative;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__left {
        padding-right: 0;
        flex-direction: row;
    }
}

.inner-report-card__left::after {
    content: "";
    width: 5rem;
    height: 2px;
    background-color: #D1D1D1;
    position: absolute;
    right: 0;
    top: 2.5rem;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__left::after {
        display: none;
    }
}

.inner-report-card__left p {
    font-size: 3rem;
    color: #2f2f2f;
}

.inner-report-card__left span {
    font-size: 1.8rem;
    font-weight: 600;
    color: #2f2f2f;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
}

.inner-report-card__medium {
    flex: none;
    padding-left: 2.4rem;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__medium {
        padding-left: 0;
        margin-bottom: 1rem;
        height: auto;
    }
}

.inner-report-card__medium .cover {
    width: 18rem;
    height: 10rem;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__medium .cover {
        width: auto;
        height: 20rem;
    }
}

.inner-report-card__medium .cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-report-card__right {
    flex: 1;
    padding-left: 2.4rem;
    height: 13rem;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__right {
        padding-left: 0;
        height: auto;
    }
}

.inner-report-card__right h2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    color: #2f2f2f;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 56.25em) {
    .inner-report-card__right h2 {
        margin-bottom: 1rem;
        -webkit-line-clamp: 2;
        font-size: 2rem;
    }
}

.inner-report-card__right p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.4rem;
    color: #5A5A5A;
    margin: 5px 3px;
}

.inner-report-card__right p .fa {
    margin-right: 10px;
    width: 15px;
}

.inner-report-card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.inner-report-card {
    box-shadow: 0px 0px 16px #eee;
    border: 1px solid #eee;
    padding: 25px 15px;
    transition: all .3s ease-in-out;
}

.inner-report-card:hover {
    border: 1px solid white;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.35);
    transform: translateY(-5px);
}

.inner-report-card:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 3px;
    background-color: #1563B0;
}

@media only screen and (max-width: 70em) {
    .inner-report-card__right h2 {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 1.8rem;
        color: #2f2f2f;
        margin-bottom: 2.5rem;
    }
}

.inner-report-card__left span {
    font-size: 2.2rem;
    font-weight: 400;
    width: auto;
    border-radius: 0;
    border: 0px;
}

.inner-report-card:hover .inner-report-card__left span {
    color: #1563B0;
    border: 0px solid #1563B0;
}

.icon-youjiantou:before {
    content: "";
    margin-right: 5px;
}

.side-nav-phone__1-link {
    display: block;
    padding: 0 2rem 0 5.5rem;
    font-size: 1.8rem;
    line-height: 5.5rem;
    color: #2f2f2f;
    background: #E2EAF3;
    border-bottom: 1px solid #ffffff;
    position: relative;
    transition: all 0.3s;
}

.side-nav-phone__1-link::before {
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    /* 原色深蓝图标 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='80' height='80' fill='%231563b0'%3E%3Cpath d='M960.24 688.95c-18.01-3.5-35.36 8.28-38.83 26.25-20.79 107.56-103.26 189.89-205.21 204.89-18.11 2.66-30.63 19.5-27.97 37.61 2.42 16.47 16.57 28.32 32.74 28.32 1.61 0 3.24-0.11 4.87-0.36 129.77-19.09 234.52-122.71 260.64-257.88 3.48-17.97-8.26-35.35-26.24-38.83z'/%3E%3Cpath d='M719.89 875.33c5.11 0 10.31-1.2 15.17-3.7 64.25-33.18 116-89.16 145.74-157.64 7.29-16.79-0.41-36.31-17.21-43.6-16.78-7.27-36.29 0.43-43.6 17.21-23.66 54.5-64.63 98.94-115.33 125.12-16.27 8.4-22.65 28.4-14.25 44.66 5.89 11.41 17.48 17.95 29.48 17.95zM312.62 540.45c-21.23-21.19-55.78-21.21-76.99 0.02L53.07 723.03c-10.29 10.29-15.97 23.96-15.97 38.52 0 14.54 5.66 28.22 15.96 38.51l104.58 104.58c10.61 10.62 24.55 15.91 38.5 15.91 13.94 0 27.88-5.3 38.51-15.91l182.57-182.57c21.23-21.23 21.23-55.77 0-77l-104.6-104.62zM196.13 849.39l-87.83-87.83 165.84-165.84 87.83 87.83-165.84 165.84zM643.92 418.3c10.29 10.29 23.97 15.97 38.53 15.97 14.54 0 28.22-5.68 38.5-15.96l182.57-182.56 0.02-0.01c21.2-21.23 21.2-55.78-0.02-76.99L798.93 54.16c-21.22-21.22-55.76-21.24-77 0L539.34 236.74c-21.2 21.23-21.2 55.78 0.02 76.99L643.92 418.3z m116.51-308.9l87.84 87.84-165.83 165.83-87.84-87.83L760.43 109.4zM596.09 714.69c-20.79-20.8-18.77-56.66 4.51-79.95l28.56-28.56c11.6-11.59 26.54-18.28 42.09-18.83 14.49-0.9 28.11 4.55 37.85 14.32 0.01 0.01 0.02 0.01 0.03 0.02l10.18 10.18c12.95 12.95 33.92 12.95 46.87 0 12.95-12.94 12.95-33.93 0-46.87L756 554.84c-0.01-0.01-0.01-0.02-0.02-0.03-0.02-0.02-0.04-0.03-0.06-0.05L623.06 421.89c-0.01-0.01-0.01-0.02-0.02-0.03-0.02-0.02-0.04-0.03-0.06-0.05l-85.92-85.92c-43.22-43.22-113.54-43.22-156.76 0l-49.99 49.99c-43.22 43.22-43.22 113.54 0 156.76l229.12 229.12a33.037 33.037 0 0 0 23.43 9.71c8.48 0 16.96-3.24 23.43-9.71 12.95-12.94 12.95-33.93 0-46.87l-10.2-10.2z m-13.8-155.39l-28.57 28.56c-15.36 15.36-25.55 33.65-31.65 52.8l-58.92-58.92c-20.79-20.8-18.77-56.66 4.51-79.95l28.56-28.56c11.6-11.59 26.54-18.28 42.09-18.83 14.33-0.82 28.09 4.55 37.85 14.32 0.01 0.01 0.02 0.01 0.03 0.02l58.83 58.83c-19.51 6.26-37.69 16.7-52.73 31.73z m-218.16-95.04c0-11.9 4.64-23.09 13.05-31.51l49.99-49.99c16.85-16.83 46.2-16.83 63.03 0l11.88 11.88c-19.51 6.25-37.69 16.69-52.72 31.73l-28.56 28.56c-15.36 15.36-25.56 33.64-31.66 52.79l-11.95-11.95c-8.43-8.41-13.06-19.61-13.06-31.51z'/%3E%3Cpath d='M723.12 632.91c-12.94-12.94-33.93-12.94-46.87 0l-49.11 49.11c-12.94 12.94-12.94 33.93 0 46.87 12.94 12.94 33.93 12.94 46.87 0l49.11-49.11c12.94-12.94 12.94-33.92 0-46.87z'/%3E%3C/svg%3E");

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.side-nav-phone__1-item.active .side-nav-phone__1-link {
    background-color: #1563b0;
    color: #ffffff;
}

.side-nav-phone__1-item.active .side-nav-phone__1-link::before {
    /* 白色工具图标 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='80' height='80' fill='%23ffffff'%3E%3Cpath d='M960.24 688.95c-18.01-3.5-35.36 8.28-38.83 26.25-20.79 107.56-103.26 189.89-205.21 204.89-18.11 2.66-30.63 19.5-27.97 37.61 2.42 16.47 16.57 28.32 32.74 28.32 1.61 0 3.24-0.11 4.87-0.36 129.77-19.09 234.52-122.71 260.64-257.88 3.48-17.97-8.26-35.35-26.24-38.83z'/%3E%3Cpath d='M719.89 875.33c5.11 0 10.31-1.2 15.17-3.7 64.25-33.18 116-89.16 145.74-157.64 7.29-16.79-0.41-36.31-17.21-43.6-16.78-7.27-36.29 0.43-43.6 17.21-23.66 54.5-64.63 98.94-115.33 125.12-16.27 8.4-22.65 28.4-14.25 44.66 5.89 11.41 17.48 17.95 29.48 17.95zM312.62 540.45c-21.23-21.19-55.78-21.21-76.99 0.02L53.07 723.03c-10.29 10.29-15.97 23.96-15.97 38.52 0 14.54 5.66 28.22 15.96 38.51l104.58 104.58c10.61 10.62 24.55 15.91 38.5 15.91 13.94 0 27.88-5.3 38.51-15.91l182.57-182.57c21.23-21.23 21.23-55.77 0-77l-104.6-104.62zM196.13 849.39l-87.83-87.83 165.84-165.84 87.83 87.83-165.84 165.84zM643.92 418.3c10.29 10.29 23.97 15.97 38.53 15.97 14.54 0 28.22-5.68 38.5-15.96l182.57-182.56 0.02-0.01c21.2-21.23 21.2-55.78-0.02-76.99L798.93 54.16c-21.22-21.22-55.76-21.24-77 0L539.34 236.74c-21.2 21.23-21.2 55.78 0.02 76.99L643.92 418.3z m116.51-308.9l87.84 87.84-165.83 165.83-87.84-87.83L760.43 109.4zM596.09 714.69c-20.79-20.8-18.77-56.66 4.51-79.95l28.56-28.56c11.6-11.59 26.54-18.28 42.09-18.83 14.49-0.9 28.11 4.55 37.85 14.32 0.01 0.01 0.02 0.01 0.03 0.02l10.18 10.18c12.95 12.95 33.92 12.95 46.87 0 12.95-12.94 12.95-33.93 0-46.87L756 554.84c-0.01-0.01-0.01-0.02-0.02-0.03-0.02-0.02-0.04-0.03-0.06-0.05L623.06 421.89c-0.01-0.01-0.01-0.02-0.02-0.03-0.02-0.02-0.04-0.03-0.06-0.05l-85.92-85.92c-43.22-43.22-113.54-43.22-156.76 0l-49.99 49.99c-43.22 43.22-43.22 113.54 0 156.76l229.12 229.12a33.037 33.037 0 0 0 23.43 9.71c8.48 0 16.96-3.24 23.43-9.71 12.95-12.94 12.95-33.93 0-46.87l-10.2-10.2z m-13.8-155.39l-28.57 28.56c-15.36 15.36-25.55 33.65-31.65 52.8l-58.92-58.92c-20.79-20.8-18.77-56.66 4.51-79.95l28.56-28.56c11.6-11.59 26.54-18.28 42.09-18.83 14.33-0.82 28.09 4.55 37.85 14.32 0.01 0.01 0.02 0.01 0.03 0.02l58.83 58.83c-19.51 6.26-37.69 16.7-52.73 31.73z m-218.16-95.04c0-11.9 4.64-23.09 13.05-31.51l49.99-49.99c16.85-16.83 46.2-16.83 63.03 0l11.88 11.88c-19.51 6.25-37.69 16.69-52.72 31.73l-28.56 28.56c-15.36 15.36-25.56 33.64-31.66 52.79l-11.95-11.95c-8.43-8.41-13.06-19.61-13.06-31.51z'/%3E%3Cpath d='M723.12 632.91c-12.94-12.94-33.93-12.94-46.87 0l-49.11 49.11c-12.94 12.94-12.94 33.93 0 46.87 12.94 12.94 33.93 12.94 46.87 0l49.11-49.11c12.94-12.94 12.94-33.92 0-46.87z'/%3E%3C/svg%3E");
}

.side-nav-phone__1-list {
    display: none;
}

@media only screen and (max-width: 56.25em) {
    .side-nav-phone__1-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 22px;
    }
}

.side-nav-phone__1-item {
    list-style: none;
    display: none;
    margin: 5px 5px;
}

.inner-publish__list .item span {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #5A5A5A;
    PADDING-BOTTOM: 15PX;
    BORDER-BOTTOM: 1PX SOLID #DDD;
}

.section-news__list {
    margin-top: -1rem;
}

.section-news .thum-swiper {
    margin-top: 15px;
    background-color: white;
    padding: 0px 0rem;
    height: 9rem;
}

.section-news .thum-swiper__button--prev {
    height: 100%;
    background-color: #ccc;
    display: none;
}

.section-news .thum-swiper__button--next {
    height: 100%;
    background-color: #ccc;
    display: none;
}

.section-news .mySwiper {
    padding: 0px;
    height: 9rem;
}

.container .row {
    max-width: 100%;
}

.container {
    padding: 15px 0px;
}

.news-image-card__date {
    top: -30.7rem;
    padding: 1rem 2rem;
}

.header__top {
    background: #1563B0;
    height: 9rem;
}

.web-menus {
    top: -7rem;
}

.web-nav__1-item {
    text-align: center;
    width: 11%;
}

@media only screen and (max-width: 70em) {
    .web-nav__1-item {
        text-align: left;
        width: 100%;
    }
}

.web-nav__1-link {
    padding: 0rem 0;
    line-height: 5.5rem;
}

.web-nav__1-link.active {
    padding: 0rem 0;
    border-bottom: 0px;
    line-height: 5.5rem;
}

.web-nav__2-link--arrow::after {
    content: "";
}

.header__bottom .container {
    padding: 0px;
}

.web-nav__2-list {
    top: 5.5rem;
}

.research-card__info {
    padding: 2rem;
    box-shadow: 1px 1px 2px #ddd;
}

.news-image-card__info {
    background-color: rgba(255, 255, 255, 0.8);
}

.research-card {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.research-card:hover {
    border: 1px solid #fff;
    border-bottom: 1px solid #1563B0;
    box-shadow: 0px 0px 10px #EEE;
    transform: translateY(-.5rem);
}

.research-card:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: #1563B0;
}

.card .cover img {}

.research-card__date {
    background-color: #1563B0;
    font-weight: 600;
    border-radius: 5px;
    top: -3rem;
}

.research-card__date .day {
    font-size: 2.5rem;
    margin-bottom: 5px;
}

.research-card__date .year {
    font-size: 1rem;
}

.section-news .mySwiper .swiper-slide-thumb-active {
    outline: 0px;
}

.section-news .mySwiper .swiper-slide-thumb-active .ratio-image__source {
    height: 9rem;
    opacity: 60%;
    transition: all .3s ease-in-out;
}

.research-card__title {
    margin-bottom: 1rem;
}

.research-card__details {
    display: none;
}

.research-card:hover .research-card__title {
    color: #dd2400;
    font-weight: 400;
}

.swiper-slide .ratio-image__box img {
    transition: all 0.0s;
    -moz-transition: all 0.0s;
    -webkit-transition: all 0.0s;
    height: 100%;
    transition: all .3s ease-in-out;
}

.section-news .thum-swiper__button .iconfont {
    font-size: 3rem;
}

.sq-card__date {
    padding: 0.5rem 1.5rem;
    top: 0rem;
}

.sq-card__info {
    background-color: #ffffffe0;
    padding: 1rem 2rem;
}

.card .cover {
    border-radius: 5px;
    POSITION: relative;
}

.section-jz__list {
    margin-top: -2rem;
}

.jz-card__info .title {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: black;
    margin-bottom: 0.8rem;
}

.jz-card__info .tags {
    display: block;
}

.jz-card {
    overflow: hidden;
    padding: 1.12rem 0px;

    /* Added distinct border */
    border-radius: 8px;
    /* Added rounded corners */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    /* Added subtle shadow */
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #fff;
    transition: all 0.3s ease;
}

.jz-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #1563B0;
}

/* Report Card Styles */
/* Report Card Styles */
.report-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    /* Reduced padding from 2rem */
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.report-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #1563B0;
}

.report-card__title {
    font-size: 1.5rem;
    /* Slightly reduced font size */
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
    /* Reduced margin */
    padding-bottom: 1rem;
    /* Reduced padding */
    border-bottom: 1px dashed #eee;
    line-height: 1.3;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    /* Limit title to 1 line if possible, or 2 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.report-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /* Reduced gap */
    margin-bottom: 0.5rem;
    /* Reduced margin */
    font-size: 1.2rem;
    /* Derived from 1.3rem */
    color: #666;
}

.report-card__time,
.report-card__presenter,
.report-card__location {
    display: flex;
    align-items: center;
}

.report-card__location {
    font-size: 1.2rem;
    color: #666;
}

.report-card .iconfont {
    margin-right: 0.5rem;
    color: #1563B0;
    font-size: 1.3rem;
}

.report-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.jz-card__info .tags .teacher {
    margin-left: 0px;
}

.jz-card__info .tags .address::before {
    content: "";
    font-family: 'iconfont';
    content: "\e601";
    margin-right: 5px;
}

.jz-card__info .tags .teacher::before {
    margin-right: 5px;
}

.jz-card__date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 9rem;
    padding: 1.5rem 0;
    font-family: Times New Roman;
    position: relative;
}

.jz-card__date::after {
    content: "";
    display: block;
    height: 9rem;
    width: 1px;
    border-right: 1px solid #dcdfe6;
    position: absolute;
    top: 53%;
    right: 0;
    transform: translateY(-50%);
}

.jz-card__date .time {
    font-size: 3.5rem;
    line-height: 1;
    color: #1563B0;
    FONT-WEIGHT: 600;
}

.jz-card__date .day {
    font-size: 1.6rem;
    color: #777;
    line-height: auto;
    line-height: inherit;
    margin-bottom: 0px;
}

.notice-card__day {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1;
}

.notice-card__month {
    font-size: 1.6rem;
    color: #777;
    font-weight: 300;
}

#noticeSwiper0 {
    PADDING-TOP: 2rem;
}


.notice-card {
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #EEE;
    padding: 1.5rem 2rem;
    BORDER-RADIUS: 5PX;
    background-color: WHITE;
    height: 100%
}

.notice-card:hover {
    border: 1px solid #fff;
    border-bottom: 1px solid #1563B0;
    box-shadow: 0px 0px 10px #EEE;
    transform: translateY(-.5rem);
}

.website-tab__title p {
    transition: all .3s ease-in-out;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #ccc;
    color: black;
}

.website-tab__title p {
    transition: all .3s ease-in-out;
}

.website-tab__title p.active {
    transition: all .3s ease-in-out;
}

.web-nav__1-link-active {
    display: block;
    padding: 0rem 0rem;
    font-size: 1.6rem;
    line-height: 5.5rem;
    color: #cc0000 !important;
    background: #ffffff;
    border-bottom: 4px solid #dd2400;
}

.web-nav__1-item:last-child .web-nav__3-list {
    width: 100%;
    left: -100%;
}

.web-nav__3-list {
    width: 100%;
}

.inner-page .container {
    padding: 0rem;
}

.news-card--new .news2-card__info .title::before {
    content: "new";
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 5px;
    background-color: #DD2400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-right: 1rem;
}

.research-card--new .research-card__title::before {
    content: "new";
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 5px;
    background-color: #DD2400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-right: 1rem;
}

.jz-card--new .title::before {
    content: "new";
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 5px;
    background-color: #DD2400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-right: 1rem;
}

.notice-card--new .notice-card__title::before {
    content: "new";
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 5px;
    background-color: #DD2400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-right: 1rem;
}

.sq-card__cover {
    height: 22rem;
}

.sq-card__info .title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 1.4rem;
    line-height: 1.9;
    color: black
}

.heading::before {
    width: 18rem;
    height: 5rem;
}

.news2-card {
    padding: 1.55rem 0px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.news2-card:hover .news2-card__info .title {
    color: #dd2400;
    transition: all .3s ease-in-out;
}

.news2-card:hover .news2-card__info .abstract {
    color: #dd2400;
    transition: all .3s ease-in-out;
}

.news-image-card:hover .news-image-card__title {
    color: #dd2400;
    transition: all .3s ease-in-out;
}

.section-news__item:first-child .news2-card {
    padding: 0 0 2rem 0px;
    position: relative;
    display: flex;
    align-items: center;
}

.section-news__item:last-child .news2-card {
    padding: 1rem 0 0 0px;
    position: relative;
    display: flex;
    align-items: center;
}

.news2-card__date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 9rem;
    padding: 1.5rem 0;
    font-family: Times New Roman;
    position: relative;
}

.news2-card__date::after {
    content: "";
    display: block;
    height: 8rem;
    width: 1px;
    border-right: 1px solid #dcdfe6;
    position: absolute;
    top: 53%;
    right: 0;
    transform: translateY(-50%);
}

.news2-card__date .time {
    font-size: 3.5rem;
    line-height: 1;
    color: #1563B0;
    FONT-WEIGHT: 600;
}

.news2-card__date .day {
    font-size: 1.6rem;
    margin-bottom: 0px;
    color: #777;
}

.news2-card__info {
    flex: 1;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news2-card__info .title {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 0.3rem;
}

.news2-card__info .abstract {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.2rem;
    color: #777;
    margin-top: 8px;
}

.news2-card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.teacher-card__title {
    font-size: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

@media only screen and (max-width: 70em) {
    .header__nav-open {
        display: block;
        font-size: 3.5rem;
        margin-right: -1rem;
    }

    .static-banner {
        margin-top: 2rem;
    }

    .section-banner {
        margin-top: 0rem;
    }
}

@media only screen and (min-width: 2000px) {
    .section-banner {
        margin: auto;
        max-width: 1600px;
    }
}

.inner-news-card__left {
    display: none;
}

.inner-news-card__medium {
    padding: 0px;
    padding-right: 1.2rem;
}

.inner-news-card__medium .cover {
    width: 27rem;
    height: 15rem;
}

@media only screen and (max-width: 70em) {
    .header__top {
        height: 8rem;
    }

    .header__top .container {
        padding: 0 0 0 0px;
    }

    .inner-news-card__right {
        padding-left: 0rem;
    }

    .inner-news-card {
        box-shadow: 0px 0px 0px #eee;
        border: 1px solid #eee;
        padding: 25px 15px;
        transition: all .3s ease-in-out;
    }

    .custom-breadcrumb .breadcrumb-navs {
        display: none
    }

    .custom-breadcrumb .title {
        font-size: 2.4rem;
        color: #ffffff;
        font-weight: 900;
        width: 100%;
        text-align: center;
    }

    .custom-breadcrumb {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.8rem;
        padding: 0;
        background-color: rgba(20, 20, 20, 0.5);
    }

    .inner-teacher-list>.item {
        list-style: none;
        padding: calc(2rem / 2);
        width: calc((1 / 5) * 100%);
    }

    .search-input__input {
        border-radius: 0;
    }

    .search-input__button {
        border-radius: 0;
    }

    .popover__content {
        padding: 0;
        background-color: none;
        border-radius: 0;
    }

    .web-menus .popover__content .search-input__input {
        width: 100%;
    }

    .web-menus {
        top: -6rem;
    }

    .web-nav__1-link-active {
        display: block;
        padding: 0rem 0rem;
        font-size: 2.2rem;
        line-height: 5.5rem;
        color: white;
        background: none;
        border-bottom: 0px;
    }

    .web-nav__1-link {
text-decoration: none !important;
        display: block;
        padding: 0rem 0rem;
        font-size: 2.2rem;
        line-height: 5.5rem;
        color: white !important;
        font-weight: 400;
        background: none;
        border-bottom: 0px;
    }

    .web-nav__1-item {
        text-align: left;
        width: 100%;
        padding: 2rem 0;
    }

    .web-nav__3-list {
        display: none;
    }

    .web-nav__2-list {
        padding-left: 0;
    }

    .web-nav__2-item {
        width: 50%;
    }

    .web-nav__2-link {
        line-height: 3rem;
        font-size: 1.6rem;
    }
}

.inner-news-card__right .newsdate {
    margin-top: 2.5rem;
    font-size: 1.6rem;
}

.bannerText {
    position: absolute;
    width: 98vw;
    max-width: 100%;
    text-align: center;
    font-size: 2.5rem;
    background-color: rgb(255, 255, 255, 0.8);
    padding: 1vw;
    bottom: 7rem;
    color: black;
    ;
    line-height: 150%
}

.cover-dzry {
    width: 15rem;
}

.ul-dzry {
    display: flex;
    flex-flow: wrap;
    margin: 0 -0.9rem 0 -1rem;
}

.inner-news-list .li-dzry {
    padding: 0px 1rem 3em 1rem;
    width: 50%;
}

.cover-dzry img {
    width: 100%;
}

@media only screen and (max-width: 56.25em) {
    .inner-news-card {
        display: flex;
    }

    .section-banner {
        margin-top: -2rem;
    }

    .inner-video-list>.item {
        width: calc((1 / 2) * 100%);
    }

    .inner-video-card__info .text-bg h2 {
        -webkit-line-clamp: 2;
        height: 5rem;
    }

    .inner-teacher-list>.item {
        list-style: none;
        padding: calc(2rem / 2);
        width: calc((1 / 4) * 100%);
    }

    .teacher-card__cover {
        flex: none;
        width: 100%;
        height: auto;
    }

    .jz-card__info .tags .address {
        font-size: 1.2rem;
        color: currentColor;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .jz-card__info .tags .teacher {
        margin-left: 0px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .section-sq__list {
        margin: calc(-1rem / 2);
    }

    .section-sq__list>.item {
        width: calc((1 / 2) * 100%);
        padding: calc(1rem / 2);
    }

    .section-research__list>.item {
        width: calc((1 / 2) * 100%);
    }

    .heading-box {
        padding-bottom: 2rem;
    }

    .section-research__list {
        margin: calc(-1rem / 2);
    }

    .section-research__list>.item {
        padding: calc(1rem / 2);
    }

    .container {
        padding: 1rem 0px;
    }

    .teacher-card__title {
        font-size: 2.2rem;
        color: #1563B0;
        margin-bottom: 1.2rem;
    }

    .inner-news-card:hover {
        box-shadow: none;
        border-bottom: 1px solid #eee;
        padding: 25px 15px;
        transform: translateY(0px);
    }

    .inner-news-card:hover::after {
        content: "";
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        height: 3px;
        background-color: #1563B0;
    }

    .notice-list>.item {
        padding: 1.5rem 1.5rem 0rem 1.5rem;
    }

    .section-banner .swiper-pagination-bullet {
        width: 2rem;
        height: 0.5rem;
        border-radius: 0px;
        border: 0;
        opacity: 1;
        background-color: #ffffff;
        margin: 0 0.6rem !important;
    }


}

@media only screen and (max-width: 46.25em) {
    .inner-teacher-list>.item {
        list-style: none;
        padding: calc(2rem / 2);
        width: calc((1 / 2) * 100%);
    }

    .section-banner .swiper-pagination {
        bottom: .5rem;
    }

    .bannerText {
        position: absolute;
        width: 98vw;
        max-width: 100%;
        text-align: center;
        font-size: 1.8rem;
        background-color: rgb(255, 255, 255, 0.8);
        padding: 1vm;
        bottom: 3rem;
        color: black;
        line-height: 150%
    }
}

@media only screen and (max-width: 37.5em) {

    .sq-card__info .title {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .sq-card__info {
        background-color: #efefef;
        padding: 1rem 2rem;
        position: relative;
    }

    .inner-news-card {
        display: block;
    }

    .inner-news-card__medium .cover {
        width: auto;
        height: auto;
    }

    .cover-dzry {
        width: auto;
        height: auto;
        text-align: center;
    }

    .cover-dzry-text {
        width: auto;
        height: auto;
        text-align: center;
    }

    .inner-news-list .li-dzry {
        width: 100%;
    }

    .cover-dzry img {
        width: 60%;
    }

    .section-banner {
        margin-top: 2rem;
    }

    .news2-card__info .title {
        -webkit-line-clamp: 2;
    }

    .news2-card__info .abstract {
        display: none
    }

    .news2-card__date::after {
        height: 6rem;
    }

    .news2-card__date {
        padding: 0;
    }
}

/* --- 2. 平板端设置 (屏幕宽度小于 1024px) --- */
@media screen and (max-width: 1024px) {
    .section-banner {
        height: 350px;
        /* 平板高度降低 */
    }

    .static-banner img {
        height: 400px;
    }

    .section-banner .swiper-slide {
        width: 100%;
        height: 350px;
        /* 图片变宽一点，利用平板空间 */
    }

    /* 调整一下两侧按钮的大小 */
    .section-banner__button .iconfont {
        font-size: 4rem;
    }

    /* Antigravity: Smooth responsive for News Section */
    .section-news .row {
        flex-wrap: wrap;
        /* Allow wrapping */
        display: block !important;
        /* Stack blocking override flex */
    }

    .section-news .row>.col-1-of-2:first-child {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 2rem;
    }

    .section-news .row>.col-1-of-2:last-child {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .news-image-card {
        height: 40rem;
        /* Slightly shorter on tablet */
    }
}


/* --- 3. 手机端设置 (屏幕宽度小于 768px) --- */
@media screen and (max-width: 768px) {
    .section-banner {
        height: 200px;
        /* 手机高度设小，避免占据整个屏幕 */
    }

    .links li a svg {
        width: 30px;
        height: 30px;
        margin-bottom: 12px;
    }
 .links li a img{
        width: 30px;
        height: 30px;
        margin-bottom: 12px;
    }
    .links li {
        background-color: #f0f0f0;
        list-style: none;
        height: 100%;
        line-height: 20px;
        padding: 12px;
    }

    .links a span:last-child {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .static-banner img {
        height: 200px;
    }

    .jz-card__left {
        width: 200px !important;
        height: 100px !important;
        flex-shrink: 0;
        margin-right: 15px;
        border-radius: 4px;
        overflow: hidden;
    }

    .section-banner .swiper-slide {
        width: 95%;
        height: 200px;
        /* 手机上几乎占满全屏，看清楚图片文字 */
        transform: scale(0.95);
        /* 两侧缩小比例微调 */
    }

    /* 手机端通常隐藏左右切换箭头，靠手指滑动 */
    .section-banner__button {
        display: none !important;
    }

    /* 分页器的小圆点也可以稍微调小一点 */
    .section-banner .swiper-pagination-bullet {
        width: 0.8rem;
        height: 0.8rem;
        margin: 0 0.4rem !important;
    }

    /* News Section Mobile */
    .news-image-card {
        height: 25rem;
    }

    .news-image-card__title {
        font-size: 1.6rem !important;
    }

    .news-current-idx {
        font-size: 2rem;
    }

    .news-pagination-container {
        bottom: 1.5rem;
        right: 1.5rem;
    }
}

/* Research Card Styles */

.research-card {
    position: relative;
    overflow: hidden;
    height: 480px;
    border-radius: 1rem;
    background-color: #fff;
}

/* Image occupies top part */
.research-card .ratio-image {
    height: 340px;
    /* Leave space for info box */
    width: 100%;
    padding-bottom: 0;
    position: relative;
}

.research-card .ratio-image__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.research-card .ratio-image__source {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Info box - Initially White bg, Black text, Fixed height at bottom */
.research-card__info {
    position: absolute;
    bottom: 0;
    left: 0;

    /* Initial height to show just title/date */
    height: 140px;
    padding: 2rem 2rem;
    background-color: #fff;
    color: #333;
    transition: all 0.4s ease;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
}

/* Title Styling */
.research-card__title {
    color: #333;
    /* Black text initially */
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: left !important;
    line-height: 1.5;
    height: auto;
    -webkit-line-clamp: 2;
    transition: color 0.4s ease;
}

/* Summary - Initially Hidden */
.research-card__summary {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.3rem;
    line-height: 1.6;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-top: 0;
}

/* Details Link - Hide */
.research-card__details {
    display: none;
}

/* Divider line */
.research-card__title::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    /* Black line initially */
    margin-top: 1rem;
    transition: width 0.4s ease, background-color 0.4s ease;
}

/* HOVER EFFECTS */

/* Scale Image */
.research-card:hover .ratio-image__source {
    transform: scale(1.1);
}

/* Info Box Expands Upwards and turns Blue with Gradient */
.research-card:hover .research-card__info {
    background: linear-gradient(180deg, rgba(21, 99, 176, 0.9) 0%, rgba(10, 61, 116, 0.9) 100%);
    /* Blue Gradient with Opacity */
    height: 240px;
    justify-content: center;
}

/* Title turns White */
.research-card:hover .research-card__title {
    color: #fff;
}

/* Divider turns White and Expands */
.research-card:hover .research-card__title::after {
    background-color: #fff;
    width: 50px;
}

/* Show Summary with Top Border Line */
.research-card:hover .research-card__summary {
    height: auto;
    max-height: 100px;
    opacity: 1;
    margin-top: 1rem;
    padding-top: 1rem;
    /* Add padding for the line */
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    /* The thin full-width white line */
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


/* Academic Report Card Styles */
.report-card {
    background-image: url("../images/yj-back.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 5px solid #277db8;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    /* Create stacking context for text above gradient */
}

/* Gradient Background Animation */
.report-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    /* Left Deep Blue (#1563B0) to Right Light Blue (#4ca1af or #6DD5FA) */
    background: linear-gradient(to right, #1563B0, #2980b9);
    z-index: -1;
    /* Behind content */
    transition: width 0.4s ease;
}

.report-card__title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    /* Limit title lines if needed */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.report-card__meta {
    display: flex;
    flex-direction: column;
    /* Stack time and presenter */
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    color: #666;
    transition: color 0.3s ease;
}

.report-card__meta .iconfont {
    margin-right: 5px;
}

.report-card__time {
    font-weight: 500;
}

.report-card__location {
    font-size: 1.4rem;
    color: #999;
    border-top: 1px solid #eee;
    padding-top: 1rem;
    margin-top: auto;
    /* Push to bottom */
    transition: all 0.3s ease;
}

.report-card__location .iconfont {
    margin-right: 5px;
}

.report-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* Hover Effects */
.report-card:hover {
    background-color: transparent;
    /* Rely on pseudo-element */
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(21, 99, 176, 0.2);
}

.report-card:hover::before {
    width: 100%;
}

.report-card:hover .report-card__title,
.report-card:hover .report-card__meta,
.report-card:hover .report-card__location {
    color: #ffffff;
}

.report-card:hover .report-card__location {
    border-top-color: rgba(255, 255, 255, 0.3);
}

/* Vertical Project Swiper & Timeline */
#projectSwiper {

    position: relative;
    padding-left: 50px !important;

    padding-bottom: 10px;
}

/* Static Timeline Line */
#projectSwiper::before {

    content: "";
    position: absolute;
    left: 24px;
    top: 10px;
    bottom: 10px;
    /* 只有上下留白，不用 height: 100% 防止撑破 */
    width: 2px;
    /* 线稍微粗一点点更明显 */
    background: #003F88;
    z-index: 1;
}

.jz-card {
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    height: auto;
    /* 高度自适应 */
    align-items: flex-start;
    padding: 10px;
    /* 内部内容留白 */

    /* 【核心】允许圆点跑到卡片左边的外面去，否则会被切掉 */
    overflow: visible !important;
    cursor: pointer;

}

.jz-card__left {
    width: 300px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 15px;
    border-radius: 4px;
    overflow: hidden;
}

.jz-card__left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.jz-card::before {
    content: "";
    position: absolute;
    width: 20px;
    /* 圆圈大小 */
    height: 20px;
    background: #003F88;
    border-radius: 50%;
    z-index: 2;

    /* 【垂直居中】 */
    top: 70px;
    cursor: pointer;
    left: -35px;
}

.jz-card::after {
    content: "";
    position: absolute;
    width: 10px;
    /* 内部白点大小 */
    height: 10px;
    background: #fff;
    border-radius: 50%;
    z-index: 3;

    /* 居中放置在上面的大圆圈里 */
    top: 75px;
    /* 大圆 top(20) + (大圆(20)-小圆(10))/2 */
    left: -30px;
    /* 大圆 left(-35) + (大圆(20)-小圆(10))/2 */
    cursor: pointer;
}

.jz-card:hover .jz-card__left img {
    transform: scale(1.05);
}

.jz-card__right {

    flex: 1;
    overflow: hidden;
    /* For text ellipsis */
}

.jz-card .title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.jz-card .abstract {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

.jz-card__meta {
    font-size: 1.3rem;
    color: #666;
}

.jz-card__meta .meta-row {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jz-card__meta .iconfont {
    margin-right: 5px;
    color: #1563B0;
    font-size: 1.4rem;
}

/* Timeline Dot */
.timeline-dot {
    position: absolute;
    left: -34px;
    top: 71px;
    /* Align with title roughly */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #1563B0;
    z-index: 2;
    cursor: pointer;
}

.jz-card:hover .timeline-dot {
    background-color: #1563B0;
}

/* Ensure layout compatibility if implicit */
.section-sq__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    height: 531px;
    /* Negative margin for gutter */
}

.section-sq__list .item {

    width: 50%;
    padding: 0 1rem;
    margin-bottom: 2rem;
    /* Ensure spacing if stacked */
}

/* Device Card Styles (Simplified for Instruments) */
.device-card {
    position: relative;
    overflow: hidden;
    height: auto;
    border-radius: 5px;
    background-color: transparent;
    transition: all 0.3s ease;
}

.device-card:hover {
    transform: translateY(-5px);
}

.device-card .ratio-image {
    width: 100%;
    padding-bottom: 0;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.device-card .ratio-image__box {
    position: relative;
    width: 100%;
    height: 200px;
    /* Fixed height for consistency */
}

.device-card .ratio-image__source {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.device-card__info {
    position: relative;
    height: auto;
    padding: 1.5rem 0.5rem;
    background-color: transparent;
    color: #333;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.device-card__title {
    color: #333;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center !important;
    line-height: 1.4;
    height: auto;
    transition: color 0.3s ease;
}

/* Hover Effects */
.device-card:hover .ratio-image__source {
    transform: scale(1.1);
}

.device-card:hover .device-card__title {
    color: #1563B0;
}

.section-research--device {
    background: url("../images/device_bg.png") no-repeat center center / 100% 100%;
    background-size: cover;
}

.abg {
    background: url(../images/miso_bg.jpg) center bottom no-repeat;
    overflow: hidden;
    background-size: 100% 100%;
}

.research-bg {
    background: url(../images/bg2s.jpg) top right no-repeat;

    /* 【核心】铺满模式 */
    /* 优点：图片永远不变形，最好看 */
    background-size: cover;
    background-color: #e3e9f7;
    /* background-blend-mode: multiply; */
}

.section-two-part {

    background: url(../images/notice-bg.png) right center no-repeat;

    /* 【核心】铺满模式 */
    /* 优点：图片永远不变形，最好看 */
    background-size: cover;
    padding: 18px 0;
}

/* 容器布局微调 */
.header-search-only {
    /* 你的HTML里已经有 flex 了，这里只需确保容器有一定高度或边距 */
    padding: 10px;
}

/* 搜索条主体 */
.custom-search-bar {
    position: relative;
    width: 100%;
    max-width: 450px;
    /* 限制最大宽度 */
    height: 50px;
    background-color: #ffffff;
    border-radius: 50px;
    /* 胶囊圆角 */
    display: flex;
    align-items: center;
    padding: 5px;
    /* 给按钮留点间隙 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    /* 柔和阴影 */
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

/* 搜索条悬停和聚焦时的效果 */
.custom-search-bar:hover,
.custom-search-bar:focus-within {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-color: #4a90e2;
    /* 聚焦时的边框色 */
    transform: translateY(-1px);
    /* 微微上浮 */
}

/* 输入框 */
.custom-search-input {
    flex: 1;
    /* 占据剩余空间 */
    border: none;
    outline: none;
    background: transparent;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
}

.custom-search-input::placeholder {
    color: #aaa;
}

/* 搜索按钮 */
.custom-search-btn {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    /* 圆形按钮 */
    background-color: #4a90e2;
    /* 主色调 */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.custom-search-btn:hover {
    background-color: #357abd;
    /* 按钮悬停变深 */
}

/* 按钮内的图片 */
.custom-search-btn img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
    /* 强制把黑色图标变成白色 (如果你的图标本身是彩色可去掉这行) */
}

/* Achievement Card Styles */
.achievement-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #277db8;
    background-image: url("../images/yj-back.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    border-radius: 8px;
}

/* Gradient Background Animation */
.achievement-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #1563B0, #2980b9);
    z-index: -1;
    transition: width 0.4s ease;
}

.achievement-card__title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.achievement-card__summary {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
    margin-bottom: 0;
}

.achievement-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* Hover Effects */
.achievement-card:hover {
    background-color: transparent;
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(21, 99, 176, 0.2);
}

.achievement-card:hover::before {
    width: 100%;
}

.achievement-card:hover .achievement-card__title,
.achievement-card:hover .achievement-card__summary {
    color: #ffffff;
}

/* Simplified News List Styles for list.html */
.inner-news-list .inner-news-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0.5rem;
    height: auto;
    min-height: auto;
    box-shadow: none;
    border: none;
    border-bottom: 1px dashed #eee;
    background: transparent;
}

.inner-news-list .inner-news-card:hover {
    background: #f9f9f9;
    transform: none;
    box-shadow: none;
}

/* Hide Left (Date Box), Medium (Image), Abstract, and Product Status */
.inner-news-list .inner-news-card__left,
.inner-news-list .inner-news-card__medium,
.inner-news-list .product-status,
.inner-news-list .inner-news-card__right p:not(.newsdate) {
    display: none;
}

/* Adjust Right Section */
.inner-news-list .inner-news-card__right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Title Styling */
.inner-news-list .inner-news-card__right h2 {
    font-size: 1.6rem;
    color: #333;
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    padding-right: 2rem;
    -webkit-line-clamp: unset;
    /* Reset line clamp */
    display: block;
    /* Reset display box */
}

/* Date Styling */
.inner-news-list .inner-news-card__right .newsdate {
    font-size: 1.4rem;
    color: #999;
    white-space: nowrap;
    margin: 0;
    flex-shrink: 0;
}

/* Hover State */
.inner-news-list .inner-news-card:hover h2 {
    color: #1563B0;
}

/* Team Links Section Styling */
.section-link {
    padding: 3rem 0;
    background-color: #f9f9f9;
    /* background: url("../images/index_bg2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.links {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 2rem;
}

.links li {
    flex: 1;
}

.links a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background-color: #f0f0f0;
    color: #333;
    transition: all 0.3s ease;
    text-decoration: none;
    height: 100%;
    box-sizing: border-box;
    perspective: 1000px;
}

.links a span:first-child {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
}

.links svg {
    height: 40px;
    width: auto;
    transition: transform 0.6s ease-in-out;
}

.links li a:hover svg {
    transform: rotateY(360deg);
}
.links li a:hover img{
    transform: rotateY(360deg);
}
.links a span:last-child {
    font-size: 1.8rem;
    font-weight: 500;
}

/* Hover Effects */
.links a:hover {
    border-color: #a98044;
    color: #a98044;
}

.links a:hover span {
    color: #a98044;
}