@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/*全局样式*/
html,
body {
    width: 100%;
    margin: 0 auto;
}

html {
    font-size: 5.2083333333333vw;
}

@media (max-width:1199px) {
    html {
        font-size: 6.6vw !important;
    }
}

@media (max-width:767px) {
    html {
        font-size: 13.3vw !important;
    }
}

.pb_sys_style1 .p_no_d {
    border: 1px solid #005296 !important;
    color: #fff;
    background-color: #005296 !important;
}

.pb_sys_common .p_fun_d,
.pb_sys_common .p_no_d,
.pb_sys_common .p_no_o,
.pb_sys_common .p_fun a,
.pb_sys_common .p_no a {
    margin: 5px 0px 0px 5px !important;
}

.m-intro .txt {
    font-size: 17px;
    line-height: 2;
    padding-top: 24px;
}

.m-intro .txt table {
    border: gray 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.m-intro .txt table td {
    border: gray 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.m-intro .txt table tr {
    border: gray 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/*= 清除浮动=*/
.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    display: block;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}

:focus {
    outline: 0
}

a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    cursor: pointer
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 0%;
}

/* End hide from IE-mac */
*+html .clearfix {
    min-height: 0%;
}

/* 针对IE7 */
*+html .clearfix {
    min-height: 0%;
}

/*原文件配置*/
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #333;
    background: #ffffff;
    font: .18rem 'Microsoft YaHei', arial, sans-serif;
    min-width: 320px;
    overflow-x: hidden;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #005296;
}

/*块级转化*/
.di_in {
    display: inline-block;
}

.di_no {
    display: none;
}

.di_bl {
    display: block;
}

/*原文件配置  end*/
/*横向居中*/
.te_c {
    text-align: center;
}

/*相对定位*/
.p_r {
    position: relative;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: pace-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-warp {
    flex-flow: wrap
}

.flex-column {
    flex-flow: column
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.transition {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

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

.container {
    max-width: 19.2rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

@media (max-width:1199px) {
    body {
        font-size: 14px;
    }

    .container {
        padding-left: .2rem;
        padding-right: .2rem;
        width: 100%;
    }
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: url(../img/head.png) center repeat-x;
    padding-bottom: 130px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.header::after {
    display: none;
}

.top {
    width: 100%;
    background-color: #005296;
    line-height: .4rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.top a {
    color: #FFC8CD;
    font-size: .14rem;
    padding-right: .2rem;
    margin-right: .2rem;
}

.top a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: unset;
}

.top a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: .16rem;
    background-color: #CA4350;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.top a:last-child {
    margin-right: 0;
    padding-right: 0;
}

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

.top>div:last-child a {
    background-position: left center;
    background-repeat: no-repeat;
}

.top>div:first-child a {
    background-position: left center;
    background-repeat: no-repeat;
}

.top .t1 {
    background-image: url(../images/t1.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.top .t2 {
    background-image: url(../images/t2.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.top .t3 {
    background-image: url(../images/t3.png);
    background-size: .2rem;
    padding-left: .2rem;
}

.top .t4 {
    background-image: url(../images/t4.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.top .t5 {
    background-image: url(../images/t5.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.top .t6 {
    background-image: url(../images/t6.png);
    background-size: .2rem;
    padding-left: .25rem;
}
.top .t01 {
    background-image: url(../images/t01.png);
    background-size: .2rem;
    padding-left: .25rem;
}
.top .t02 {
    background-image: url(../images/t02.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.top .search-btn {
    background-image: url(../images/search.png);
    background-size: .2rem;
    padding-left: .25rem;
}

.head {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.head .logo {
    height: 1.05rem;
    transition: all .3s;
}

.head .logo img {
    height: .8rem;
    height: 70%;
}

.menu-btn {
    display: none;
    background: url(../images/menu.png)no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menu-btn.close {
    background-image: url(../images/close.png);
}

.nav li {
    display: flex;
    /* margin-right: .25rem; */
}

.nav li .arrow {
    margin-right: .25rem;
}

.nav li>a {
    line-height: .8rem;
    font-size: .20rem;
    padding-right: .2rem;
    color: #FFF;
    padding-left: .2rem;
}

.nav li:last-child {
    margin-right: 0;
}

.nav li .arrow::after {
    content: '';
    position: absolute;
    right: 0.25rem;
    top: .35rem;
    width: .06rem;
    height: .06rem;
    border-right: 1px #FFF solid;
    border-bottom: 1px #FFF solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.nav .drop {
    min-width: 100%;
    left: 50%;
    top: .8rem;
    position: absolute;
    transition: transform 0.2s linear, opacity 0.2s linear;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear;
    -moz-transition: transform 0.2s linear, opacity 0.2s linear;
    -ms-transition: transform 0.2s linear, opacity 0.2s linear;
    -o-transition: transform 0.2s linear, opacity 0.2s linear;
    transform-origin: top;
    z-index: 9;
    transform: translateX(-50%) rotateX(90deg);
    -webkit-transform: translateX(-50%) rotateX(90deg);
    -moz-transform: translateX(-50%) rotateX(90deg);
    -ms-transform: translateX(-50%) rotateX(90deg);
    -o-transform: translateX(-50%) rotateX(90deg);
    background-color: #FFF;
    line-height: 2.4;
    font-size: .16rem;
    border-top: 3px #005296 solid;
}

.nav .m-search {
    display: none;
    border: 1px #000f96 solid;
    width: 100%;
    margin-top: .2rem;
}

.nav .m-search input[type='text'] {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    border: 0;
}

.nav .m-search input[type='submit'] {
    background: #000f96 url(../images/search.png)no-repeat center;
    background-size: 18px;
    width: 40px;
    border: 0;
}

.header.fixed {
    background: #000f96 url(../images/fbg.png) no-repeat center;
    background-size: cover;
    padding-bottom: 0;
}

.header.fixed::after {
    display: none;
}

.header.fixed .top {
    border-bottom: 1px rgba(255, 255, 255, .2) solid;
}

.footer {
    background: url(../images/f-bg.png)no-repeat center;
    background-size: cover;
    /* height: 2.66rem; */
    padding-top: .6rem;
}

.footer .logo img {
    height: .8rem;
}

.footer .text {
    color: #FFF;
    font-size: .14rem;
    line-height: 2.4;
    padding-left: .95rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .6rem;
}

.footer .text.i1 {
    background-image: url(../images/f-icon1.png);
}

.footer .text.i2 {
    background-image: url(../images/f-icon2.png);
}

.footer .text.i1::before {
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 0;
    width: 0px;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
}

.footer .text.i1::after {
    content: '';
    position: absolute;
    right: -1.2rem;
    top: 0;
    width: 0px;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
}

.footer .an img {
    width: .56rem;
}

.copyright {
    color: #d5d8f9;
    font-size: .14rem;
    padding: .15rem 0;
    margin-top: .4rem;
}

.copyright>p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: inherit;
}

.copyright a {
    color: #d5d8f9;
    margin: .1rem;
    font-size: inherit;
}

.copyright a img {
    margin-right: .05rem;
}

.search-content {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100001;
    display: none;
    width: 100%;
    height: 100%;
}

.search-content .close {
    position: absolute;
    right: .6rem;
    top: .6rem;
    width: .6rem;
    height: .6rem;
    background: url(../images/close.png)no-repeat center;
    background-size: .4rem;
    cursor: pointer;
    z-index: 10;
}

.search-content .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 7rem;
    height: .7rem;
    border-bottom: 1px #FFF solid;
}

.search-content .content input[type='text'] {
    color: #FFF;
    font-size: .18rem;
    background: none;
    padding-left: .15rem;
    border: 0;
}

.search-content .content input[type='text']::placeholder {
    color: #FFF;
}

.search-content .content input[type='submit'] {
    width: .6rem;
    background: url(../images/search.png)no-repeat center;
    background-size: .3rem;
    border: 0;
}

.m-top {
    display: none;
    font-size: 14px;
}

.m-top a {
    margin-right: 15px;
}

.m-top a:last-child {
    margin-right: 0;
}

.m-top>div {
    margin-top: 20px;
    flex-wrap: wrap;
}

@media (min-width: 1200px) {
    .header.fixed .head .logo {
        height: .86rem;
    }

    .header.fixed .head .logo img {
        max-height: 100%;
    }

    .header.fixed .top {
        margin-top: -.4rem;
    }

    .header.lit .top {
        margin-top: 0;
    }

    /* 顶部 logo 与主导航更紧凑（与下拉 top 对齐） */
    .header .head .logo {
        height: 1.2rem;
    }

    .header .head .logo img {
        max-height: 100%;
    }

    .header .head > .nav li > a {
        line-height: .52rem;
    }

    .header .head .nav .drop {
        top: .52rem;
    }

    .header .head .nav li .arrow::after {
        top: .21rem;
    }

    .nav li:hover .drop {
        opacity: 1;
        transform: translateX(-50%) rotateX(0deg);
        -webkit-transform: translateX(-50%) rotateX(0deg);
        -moz-transform: translateX(-50%) rotateX(0deg);
        -ms-transform: translateX(-50%) rotateX(0deg);
        -o-transform: translateX(-50%) rotateX(0deg);
    }
}

@media (min-width:1025px) {
    .top a:hover {
        /* text-decoration: underline; */
    }

    .nav .drop a {
        padding: 0 .6em;
        white-space: nowrap;
    }

    .nav .drop a:hover {
        background-color: #005296;
        color: #FFF;
    }

    .copyright a:hover {
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .top {
        display: none;
    }

    /* 菜单按钮绝对定位不占 flex 位，需预留右侧并收缩 logo，避免遮挡 */
    .head {
        padding-right: 48px;
    }

    .head .logo {
        height: 1.1rem;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
    }

    .head .logo img {
        max-width: 100%;
        width: auto;
        height: auto;
        max-height: 0.77rem;
        object-fit: contain;
    }

    .header::after {
        height: 100%;
    }

    .header.on {
        background-color: #005296;
        z-index: 1000;
    }

    .header.on::after,
    .nav li>a::after {
        display: none;
    }

    .menu-btn,
    .m-top {
        display: block;
    }

    .menu-btn {
        z-index: 102;
    }

    .nav .m-search {
        display: block;
    }

    .nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 1.1rem;
        overflow-y: scroll !important;
        display: none;
        background-color: #FFF;
        z-index: 999;
        height: calc(100vh - 1.1rem);
        padding: .2rem;
    }

    .nav ul {
        display: block;
        margin-top: 20px;
    }

    .nav li {
        display: block;
        margin-right: 0;
    }

    .nav li>a {
        font-size: 16px;
        color: #333;
        line-height: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    .nav li .arrow {
        position: absolute;
        right: 0;
        top: 0;
        height: 60px;
        width: .6rem;
        margin-right: 0;
    }

    .nav li .arrow::after {
        width: .6em;
        height: .6em;
        border-color: #000;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        /* content: '';        background: url(../images/arrow.png)no-repeat center;        background-size: 100%;        width: .32rem;        height: .32rem;        position: absolute;        left: .1rem;        top: 50%;        transform: translateY(-50%);        -webkit-transform: translateY(-50%);        -moz-transform: translateY(-50%);        -ms-transform: translateY(-50%);        -o-transform: translateY(-50%); */
    }

    .nav .cur .arrow::after {
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
    }

    .nav .drop {
        position: static;
        left: auto;
        transform: translate(0, 0);
        opacity: 1;
        width: 100%;
        display: none;
        text-align: left;
        background: none;
        border-top: 0;
        font-size: 14px;
        padding-left: 20px;
    }

    .copyright,
    .footer .text {
        font-size: 12px;
    }

    .footer {
        height: auto;
    }

    .footer .text.i1::before {
        left: -.8rem;
    }

    .footer .text.i1::after {
        right: -.8rem;
    }
}

@media (max-width:950px) {

    .footer .text.i1::before,
    .footer .text.i1::after {
        display: none;
    }
}

@media (max-width:767px) {
    .head .logo {
        height: 60px;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
    }

    .nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 60px;
        overflow-y: scroll !important;
        display: none;
        background-color: #FFF;
        z-index: 999;
        height: calc(100vh - 60px);
        padding: .2rem;
    }

    .footer {
        padding-top: .3rem;
    }

    .footer .an {
        margin: 0 auto;
        margin-top: .2rem;
    }

    .footer .an img {
        width: .7rem;
    }

    .footer .logo img,
    .head .logo img {
        height: 45px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
    }

    .footer .text {
        background-size: 40px;
        padding-left: 60px;
    }

    .copyright {
        margin-top: .2rem;
    }

    .footer .logo,
    .footer .text {
        width: 100%;
    }

    .footer .text {
        margin-top: .2rem;
    }
}

.banner {
    overflow: hidden;
}

@media (min-width: 1200px) {
    /* 首屏：顶部导航 + banner 视觉上占满一整屏 */
    .banner {
        height: 100vh;
        min-height: 760px;
    }

    .banner .swiper-container,
    .banner .swiper-wrapper,
    .banner .swiper-slide,
    .banner .swiper-slide > a {
        height: 100%;
    }
}

.banner .swiper-slide {
    height: auto;
}

.banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

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

.banner .swiper-slide {
    overflow: hidden;
}

.banner img {
    width: 100%;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 5s;
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -ms-transition: all 5s;
    -o-transition: all 5s;
}

.banner .swiper-slide-active img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.banner .swiper-slide::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 1.5rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}

.banner .button {
    position: absolute;
    right: 1.6rem;
    bottom: .15rem;
    z-index: 1;
    padding-right: 1.2rem;
}

.banner .swiper-pagination {
    position: initial;
    left: auto;
    bottom: auto;
    width: auto;
}

.banner .swiper-pagination-bullet {
    width: .32rem;
    height: .45rem;
    line-height: .45rem;
    opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: none;
    margin-right: .2rem;
    color: #FFF;
    font-size: .16rem;
    font-family: 'num';
}

@font-face {
    font-family: 'SourceHanSerifCN-Regular';
    src: url('../images/SourceHanSerifCN-Regular.otf');
}

@font-face {
    font-family: 'SourceHanSerifCN-Bold';
    src: url('../images/SourceHanSerifCN-Bold.otf');
}

.banner .button .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url(../images/more.png)no-repeat right center;
    background-size: .3rem;
    padding-right: .4rem;
    color: #005296;
    font-size: .14rem;
    white-space: nowrap;
    font-family: 'SourceHanSerifCN-Regular';
}

.banner .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.banner .swiper-pagination-bullet-active {
    background: url(../images/banner-icon.png)no-repeat center top;
    background-size: 100%;
    color: #fff;
}

@font-face {
    font-family: '苹方黑体-中黑-简';
    src: url('../images/pingfangheiti-zhonghei-jian.ttf');
}

@font-face {
    font-family: 'num';
    src: url('../images/num.TTF');
}

@font-face {
    font-family: 'Calisto-MT';
    src: url('../images/Calisto-MT.ttf');
}

.home-title .title {
    position: relative;
    padding-left: .2rem;
}

.home-title .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .06rem;
    background-color: #005296;
}

.home-title .cn {
    font-family: "Microsoft YaHei", sans-serif;
    color: #252425;
    font-size: .36rem;
    line-height: 1.1;
}

.home-title .cn span {
    color: #333;
}

.home-title .en {
    color: #252425;
    line-height: 1.1;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .14rem;
    margin-top: .15rem;
}

.home-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #868686;
    text-align: right;
    font-size: .14rem;
    color: #868686;
    width: 1rem;
    padding-bottom: .05rem;
    padding-top: .1rem;
}

.home-title .more::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -16%;
    width: 100%;
    height: 100%;
    background: url(../images/more1.png)no-repeat left bottom;
    background-size: 100% 100%;
}

.home-title .more:hover::after {
    background-image: url(../images/more2.png);
}

.home-title .cn,
.home-title .en,
.home-Cultural .title-con .tit,
.Campus .pictures .title,
.n-banner .title .cn,
.n-banner .title .en,
.ui .title {
    font-family: "Microsoft YaHei", sans-serif;
    color: #252425;
}

.home-news {
    width: 10rem;
    margin-top: .75rem;
    padding-right: .5rem;
    margin-right: .5rem;
}

.home-news::after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    top: 1rem;
    bottom: 0;
    background-color: #E8E8E8;
}

.home-con {
    margin-top: .75rem;
}

.home-media {
    overflow: hidden;
}

.home-media .con {
    margin-top: .2rem;
}

.home-media .pic {
    overflow: hidden;
    padding-top: 52%;
}

.home-media .pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.home-media .pic::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    height: 60%;
    z-index: 2;
}

.home-media .text-con {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .2rem;
    z-index: 3;
    color: #FFF;
    line-height: 1.4;
}

.pic:before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .6;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.home-media .text-con .txt {
    font-size: .18rem !important;
}

.home-media .text-con .txt span {
    font-family: 'arial';
}

.home-media .text-con .tit {
    font-weight: bold;
    margin-top: .1rem;
}

.home-media .item {
    margin-top: .2rem;
}

.home-media .item .text {
    color: #005296;
    font-size: .14rem;
}

.home-media .item .tit {
    margin-top: .1rem;
}

.home-media .item .tit span {
    color: #005296;
}

.home-Campus {
    margin-top: .4rem;
}

.home-Campus .con {
    margin-top: .25rem;
}

.home-Campus .card {
    margin-bottom: .28rem;
    line-height: 1.2;
}

.home-Campus .card:last-child {
    margin-bottom: 0;
}

.home-Campus .card .date {
    color: #005296;
    font-size: .16rem;
    font-family: 'Arial';
    padding-bottom: .1rem;
}

.home-Campus .card .date::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: .45rem;
    background-color: #E8B07B;
}

.home-Campus .card .date::after {
    content: '';
    position: absolute;
    left: .15rem;
    bottom: 0;
    height: 1px;
    width: .3rem;
    background-color: #005296;
    z-index: 2;
}

.home-Campus .card .tit {
    margin-top: .1rem;
}

.home-Campus .home-title {
    display: flex;
}

.home-Campus .home-title .item {
    margin-right: 1em;
}

.home-Campus .home-title .item .more {
    display: none;
}

.home-Campus .home-title .cn {
    font-size: .32rem;
    color: #5E5E5E;
    cursor: pointer;
    padding-right: 0.2rem;
}

.home-Campus .home-title .on .cn {
    color: #005296;
}

.home-Campus .home-title .on .more {
    display: block;
}

.home-news .focus {
    width: 100%;
    overflow: hidden;
    margin-top: .2rem;
}

.home-news .focus .swiper-slide {
    overflow: hidden;
    padding-top: 54.5%;
    padding-top: 60%;
}

.home-news .focus .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.home-news .focus .swiper-slide::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4;
    height: 2.2rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}

.home-news .focus .text-con {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 5;
    color: #FFF;
    padding: .3rem;
}

.home-news .focus .date {
    font-size: .14rem;
}

.home-news .focus .date span {
    font-family: 'Arial';
}

.home-news .focus .tit {
    font-size: .2rem;
    font-weight: bold;
    margin-top: .1rem;
}

.home-news .focus .des {
    font-size: .14rem;
    margin-top: .3rem;
}

.home-news .focus .swiper-button-prev,
.home-news .focus .swiper-button-next {
    width: .36rem;
    height: .36rem;
    background: url(../images/next.png)no-repeat center center;
    background-size: 100%;
}

.home-news .focus .swiper-button-prev {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.home-news .item {
    border-bottom: 1px #E8E8E8 solid;
    padding-bottom: .2rem;
    width: 47%;
    padding-top: .45rem;
}

.home-news .item .date {
    color: #005296;
    font-size: .14rem;
}

.home-news .item .tit {
    height: .6rem;
    line-height: 1.7;
    margin-top: .1rem;
}

.home-special {
    /* display: inline-flex; */
    /* max-width: 100%; */
    display: flex;
    width: 100%;
    margin-top: 1rem;
    /* overflow: hidden; */
}

.home-special .item {
    display: flex;
    height: 3.85rem;
    width: 1.3rem;
    /* transition: all .5s;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s; */
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.home-special .item .title {
    writing-mode: vertical-rl;
    /* width: 100%; */
    width: 1.3rem;
    height: 100%;
    color: #FFF;
    font-size: .24rem;
    cursor: pointer;
}

.home-special .item:nth-child(1) {
    background-color: #A80932;
}

.home-special .item:nth-child(2) {
    background-color: #D38350;
}

.home-special .item:nth-child(3) {
    background-color: #AA0D1B;
}

.home-special .item:nth-child(4) {
    background-color: #E8AC72;
}

.home-special .item:nth-child(5) {
    background-color: #A80932;
}

.home-special .item:nth-child(6) {
    background-color: #b95504;
}

.home-special .item .sub {
    display: block;
    /* width: 10.75rem; */
    /* width: 100%; */
    flex: 1;
    overflow: hidden;
    /* display: none; */
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0;
}

.home-special .item .sub img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.home-special .item.on {
    width: 10.6rem;
}

@keyframes l2r {
    0% {
        left: -100%;
    }

    50% {
        left: -50%;
    }

    100% {
        left: 0;
    }
}

@keyframes r2l {
    0% {
        left: unset;
        right: -100%;
    }

    50% {
        left: unset;
        right: -50%;
    }

    100% {
        left: unset;
        right: 0;
    }
}

.home-special .item.on.l2r .sub img {
    /* left: 0; */
    /* animation: l2r .5s linear forwards; */
}

.home-special .item.on.r2l .sub img {
    /* left: 0; */
    /* animation: r2l .5s linear forwards; */
}

.home-special .item.on .title {
    display: none;
}

.home-special .item.on .sub {
    /* display: block; */
}

.home-bg1 {
    background: url(../images/bg1.png)no-repeat center top;
    background-size: 100%;
    overflow: hidden;
    margin-top: -.18rem;
    padding-bottom: .35rem;
}

.home-edu {
    margin-top: 1.3rem;
}

.home-edu .home-title {
    margin-left: 0;
    margin-right: .9rem;
}

.home-edu .content {
    width: 100%;
    background: url(../images/tbg1.png)no-repeat center top;
    background-size: 100%;
    margin-top: .35rem;
    padding: .15rem .9rem .35rem .35rem;
}

.home-edu .item {
    height: 1rem;
    border-bottom: 1px #E8E8E8 solid;
    line-height: 1.6;
}

.home-edu .item>div {
    padding-left: .35rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-edu .item>div::before {
    content: '';
    position: absolute;
    left: 0;
    top: .05rem;
    width: .1rem;
    height: .18rem;
    background: url(../images/arrow1.png)no-repeat left center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-edu .item > div.flex-1 {
    min-width: 0;
}

.home-edu .item > .home-edu-item-date {
    flex-shrink: 0;
    margin-left: .15rem;
    font-size: .12rem;
    color: #888;
    font-family: Arial, 'Microsoft YaHei', sans-serif;
    white-space: nowrap;
}

@font-face {
    font-family: 'SourceHanSerifCN-Medium';
    src: url('../images/SourceHanSerifCN-Medium.otf');
}

.home-edu .tool .card {
    margin-top: .3rem;
}

.home-edu .tool .icon {
    height: .45rem;
}

.home-edu .tool .icon img {
    max-height: .42rem;
}

.home-edu .tool .tit {
    font-family: 'SourceHanSerifCN-Medium';
    font-size: .2rem;
    line-height: 1.1;
    margin-top: .1rem;
}

.home-edu .tool .card::after {
    content: '';
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: .24rem;
    height: .1rem;
    background: url(../images/arrow3.png)no-repeat center;
    background-size: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    bottom: -.25rem;
    opacity: 0;
}

.home-teacher {
    width: 8.3rem;
    margin-top: 1.3rem;
}

.home-teacher .content {
    margin-top: .2rem;
}

.home-teacher .gallery-top {
    margin-left: 0;
    border: 1px solid #dde5f0;
    background: #fff;
    box-shadow: 0 12px 28px rgba(0, 47, 99, .08);
    padding: .3rem;
    border-radius: .06rem;
}

.home-teacher .gallery-top .swiper-slide {
    color: #333;
}

.home-teacher .gallery-top .text-con {
    padding-bottom: .22rem;
    border-bottom: 1px solid #e9eef5;
}

.home-teacher .gallery-top .name {
    display: block;
    font-size: .28rem;
    color: #005296;
    font-family: '苹方黑体-中黑-简';
    line-height: 1.35;
    transition: color .3s ease;
}

.home-teacher .gallery-top .des {
    font-size: .16rem;
    color: #5a6778;
    line-height: 1.6;
    margin-top: .14rem;
}

.home-teacher .gallery-top .date {
    color: #8a97a8;
    font-size: .14rem;
    margin-top: .16rem;
    font-family: 'Arial';
}

.home-teacher .gallery-top .pic {
    margin-top: .22rem;
    overflow: hidden;
    padding-top: 56.25%;
    border-radius: .06rem;
    transition: box-shadow .4s ease;
}

.home-teacher .gallery-top .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform .5s ease;
}

.home-teacher .gallery-thumbs .button {
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    padding: .2rem 0 0 0;
    z-index: 10;
    background: transparent;
}

.home-teacher .gallery-thumbs .button .con {
    width: 2rem;
    margin: 0 auto;
    padding-left: .35rem;
    padding-right: .35rem;
}

.home-teacher .gallery-thumbs .swiper-pagination {
    position: relative;
    left: 0;
    bottom: auto;
    height: .14rem;
}

.home-teacher .gallery-thumbs .swiper-pagination-bullet {
    width: .4em;
    height: .4em;
    background-color: #DBA6A9;
    opacity: 1;
    margin: 0 0.4em;
}

.home-teacher .gallery-thumbs .swiper-pagination-bullet-active {
    background-color: #E8AC72;
}

.home-teacher .gallery-thumbs .swiper-button-next,
.home-teacher .gallery-thumbs .swiper-button-prev {
    width: .2rem;
    height: .14rem;
    background: url(../images/next3.png) no-repeat center;
    background-size: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: 0;
}

.home-teacher .gallery-thumbs .swiper-button-next {
    right: 0;
    transform: translateY(-50%);
}

.home-teacher .gallery-thumbs .swiper-button-prev {
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
}

.home-yanjiu {
    margin-top: .35rem;
}

.home-keji {
    width: 8rem;
    margin-top: .6rem;
    margin-right: .8rem;
}

.home-keji .home-title {
    z-index: 2;
    margin-right: 4.15rem;
}

.home-keji .swiper-container {
    margin-top: -.4rem;
    height: 6.45rem;
}

.home-keji .pic {
    overflow: hidden;
    padding-top: 69.5%;
}

.home-keji .pic img {
    position: absolute;
    left: 0;
    top: 0;
}

.home-keji .text-con {
    height: 2.8rem;
    padding: .3rem;
    background: url(../images/tbg2.png)no-repeat center;
    background-size: cover;
    color: #FFF;
}

.home-keji .swiper-slide-active {
    margin-top: .9rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-keji .swiper-slide:nth-child(even) .pic {
    order: 2;
}

.home-keji .swiper-slide:nth-child(even) .text-con {
    background-image: url(../images/tbg3.png);
    order: 1;
}

.home-keji .swiper-slide .tit {
    line-height: 1.7;
    height: .7rem;
    margin-top: .15rem;
    width: 100%;
}

.home-keji .swiper-slide .tit>div {
    width: 100%;
}

.home-keji .swiper-slide .des {
    font-size: .14rem;
    opacity: .7;
    line-height: 1.6;
    margin-top: .1rem;
    height: .51rem;
    width: 100%;
}

.home-keji .swiper-slide .des>div {
    width: 100%;
}

.home-keji .swiper-slide .date {
    margin-top: .2rem;
    font-size: .14rem;
    font-family: 'Arial';
}

.home-keji .swiper-slide-active .date {
    color: #EDCD88;
}

.home-keji .swiper-button-prev,
.home-keji .swiper-button-next {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #FFFF url(../images/prev.png)no-repeat center;
    background-size: .13rem;
    border: 1px #005296 solid;
    margin-top: 0;
    position: initial;
    left: auto;
    right: auto;
    pointer-events: auto;
}

.home-keji .swiper-button-prev {
    margin-right: .3rem;
}

.home-keji .swiper-button-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.home-keji .button {
    position: absolute;
    right: 0;
    bottom: .2rem;
    width: 3.9rem;
}

.home-sheke {
    margin-top: .6rem;
}

.home-sheke .first {
    background-color: #FFF;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    margin-top: .3rem;
}

.home-sheke .first .pic {
    width: 3.35rem;
    overflow: hidden;
    padding-top: 32.8%;
}

.home-sheke .first .pic img {
    position: absolute;
    left: 0;
    top: 0;
}

.home-sheke .first .text-con {
    padding: .45rem .4rem;
    min-width: 0;
}

.home-sheke .first .date {
    color: #005296;
    font-size: .14rem;
    font-family: 'Arial';
}

.home-sheke .first .tit {
    font-size: .2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: .2rem;
}

.home-sheke .first .sum {
    margin-top: .12rem;
    font-size: .14rem;
    line-height: 1.55;
    color: #666;
}

.home-sheke .content {
    margin-top: .35rem;
}

.home-sheke .content .card {
    line-height: .76rem;
    border-bottom: 1px dashed #DEDEDE;
    background: url(../images/arrow2.png) no-repeat left center;
    padding-left: .2rem;
    background-size: .1rem;
}

.home-sheke .content .card::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #005296;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

/* 宣传影像（师生风采 / 党建动态 之后） */
.home-promo-media {
    margin-top: .75rem;
    padding: .55rem .45rem .6rem;
    border-radius: .12rem;
    background: linear-gradient(145deg, #ffffff 0%, #f4f8fc 45%, #eef4fb 100%);
    box-shadow: 0 16px 48px rgba(0, 47, 99, .1);
    border: 1px solid rgba(0, 82, 150, .08);
    position: relative;
    overflow: hidden;
}

.home-promo-media::before {
    content: '';
    position: absolute;
    right: -18%;
    top: -40%;
    width: 45%;
    height: 120%;
    background: radial-gradient(ellipse at center, rgba(0, 82, 150, .07) 0%, transparent 68%);
    pointer-events: none;
}

.home-promo-media .home-title {
    margin-bottom: .38rem;
}

.home-promo-media__wrap {
    position: relative;
    z-index: 1;
}

.home-promo-media__layout {
    display: grid;
    grid-template-columns: 2fr 5fr;
    gap: .14rem;
    align-items: stretch;
    min-height: 0;
}

.home-promo-media__swiper-col {
    min-width: 0;
    position: relative;
}

.home-promo-media__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .18rem;
}

.home-promo-media__swiper {
    overflow: hidden;
    width: 100%;
}

.home-promo-media__swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.home-promo-media__controls-row {
    display: grid;
    grid-template-columns: 2fr 5fr;
    gap: .14rem;
    margin-top: .28rem;
    align-items: center;
}

.home-promo-media__controls-row {
    display: none !important;
}

.home-promo-media__controls-gap {
    min-height: 0;
}

.home-promo-media__controls {
    margin-top: 0;
    gap: .28rem;
    flex-wrap: wrap;
}

/* 宣传影像：底部仅显示分页圆点 */
.home-promo-media__btn-prev,
.home-promo-media__btn-next {
    display: none !important;
}

.home-promo-media__controls-row {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .18rem;
    margin-top: 0;
    grid-template-columns: 1fr;
    z-index: 4;
    pointer-events: none;
}

.home-promo-media__controls-gap {
    display: none;
}

.home-promo-media__controls {
    justify-content: flex-end;
    padding-right: .22rem;
    pointer-events: auto;
}

.home-promo-media__btn-prev,
.home-promo-media__btn-next {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #fff url(../images/prev.png) no-repeat center;
    background-size: .13rem;
    border: 1px #005296 solid;
    flex-shrink: 0;
}

.home-promo-media__btn-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.home-promo-media__pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: .24rem;
}

.home-promo-media__pagination .swiper-pagination-bullet {
    width: .14rem;
    height: .14rem;
    background: #c5d4e8;
    opacity: 1;
    margin: 0 .08rem;
}

.home-promo-media__pagination .swiper-pagination-bullet-active {
    background: #005296;
}

.home-promo-media__card {
    display: block;
    color: #333;
    text-decoration: none;
    border-radius: .1rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 47, 99, .08);
    transition: transform .45s cubic-bezier(.25, .46, .45, .94), box-shadow .45s ease;
    -webkit-transition: transform .45s cubic-bezier(.25, .46, .45, .94), box-shadow .45s ease;
}

.home-promo-media__card:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 47, 99, .16);
    color: #005296;
}

/* 左侧固定竖图 2 : 右侧轮播区 5（右侧主图 16:9） */
.home-promo-media__side-fixed {
    position: relative;
    overflow: hidden;
    border-radius: .1rem 0 0 .1rem;
    min-height: 0;
    background: #e8eef5;
    align-self: stretch;
}

.home-promo-media__side-fixed .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
}

.home-promo-media__wrap:hover .home-promo-media__side-fixed .img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
}

.home-promo-media__main {
    position: relative;
    min-width: 0;
    border-radius: .1rem;
    overflow: hidden;
}

.home-promo-media__visual {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: .1rem .1rem 0 0;
    aspect-ratio: 16 / 9;
}

@supports not (aspect-ratio: 16 / 9) {
    .home-promo-media__visual {
        height: 0;
        padding-top: 56.25%;
        aspect-ratio: auto;
    }
}

.home-promo-media__visual .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
}

.home-promo-media__card:hover .home-promo-media__visual .img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.home-promo-media__caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: .1rem;
    padding: .12rem .18rem .14rem .14rem;
    background: linear-gradient(to top, rgba(0, 18, 48, .82) 0%, rgba(0, 18, 48, .45) 45%, transparent 100%);
    pointer-events: none;
    border-radius: 0 0 .1rem .1rem;
}

.home-promo-media__cap-icon {
    width: .28rem;
    height: .28rem;
    flex-shrink: 0;
    object-fit: contain;
}

.home-promo-media__cap-text {
    flex: 1;
    min-width: 0;
}

.home-promo-media__shade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 30, 70, .55) 0%, rgba(0, 30, 70, .12) 42%, transparent 72%);
    opacity: .85;
    transition: opacity .45s ease;
}

.home-promo-media__card:hover .home-promo-media__shade {
    opacity: 1;
}

.home-promo-media__play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .5rem;
    height: .5rem;
    margin-left: -.25rem;
    margin-top: -.25rem;
    background: url(../images/video.png) no-repeat center;
    background-size: contain;
    z-index: 3;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .35));
    transition: transform .35s ease;
    -webkit-transition: transform .35s ease;
    animation: homePromoPlayPulse 2.4s ease-in-out infinite;
}

.home-promo-media__card:hover .home-promo-media__play {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    animation: none;
}

.home-promo-media__tit {
    font-family: '苹方黑体-中黑-简', 'Microsoft YaHei', sans-serif;
    font-size: .18rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .45);
    transition: color .25s ease;
}

.home-promo-media__card:hover .home-promo-media__tit {
    color: #fff;
}

@keyframes homePromoPlayPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.08);
        opacity: .92;
    }
}

@media (max-width:1199px) {
    .home-promo-media {
        margin-top: .42rem;
        padding: 14px 12px 18px;
    }

    .home-promo-media__play {
        display: none;
    }

    .home-promo-media__tit {
        font-size: 14px;
    }

    .home-promo-media__cap-icon {
        width: 20px;
        height: 20px;
    }

    .home-promo-media__caption {
        padding: 10px 12px 12px 10px;
        gap: 8px;
    }

    .home-promo-media__layout,
    .home-promo-media__controls-row {
        gap: 10px;
    }

    .home-promo-media__controls-row {
        margin-top: 16px;
    }

    .home-promo-media__controls {
        gap: 12px;
    }

    .home-promo-media__btn-prev,
    .home-promo-media__btn-next {
        width: 40px;
        height: 40px;
        background-size: 11px;
    }
}

/* 友情链接（宣传影像下方） */
.home-friend-links {
    margin-top: .55rem;
    margin-bottom: 0;
    padding: .48rem .4rem .28rem;
    border-radius: .12rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fb 100%);
    border: 1px solid rgba(0, 82, 150, .1);
    box-shadow: 0 12px 40px rgba(0, 47, 99, .08);
    position: relative;
    overflow: hidden;
}

.home-friend-links::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #005296 0%, #2a7bc8 100%);
    border-radius: 4px 0 0 4px;
    opacity: .9;
}

.home-friend-links__head {
    text-align: center;
    margin-bottom: .36rem;
    padding-left: .08rem;
}

.home-friend-links__title {
    margin: 0;
    font-family: '苹方黑体-中黑-简', 'Microsoft YaHei', sans-serif;
    font-size: .32rem;
    font-weight: normal;
    color: #005296;
    letter-spacing: .04em;
}

.home-friend-links__sub {
    margin: .12rem 0 0;
    font-family: 'Calisto-MT', 'Times New Roman', serif;
    font-size: .14rem;
    color: #7a8799;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-friend-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .22rem;
}

.home-friend-links__list li {
    margin: 0;
    padding: 0;
}

.home-friend-links__item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: .88rem;
    padding: .2rem .16rem;
    box-sizing: border-box;
    font-size: .17rem;
    line-height: 1.45;
    color: #2c3a4d;
    text-decoration: none;
    background: #fff;
    border-radius: .08rem;
    border: 1px solid rgba(0, 82, 150, .12);
    box-shadow: 0 4px 14px rgba(0, 47, 99, .06);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, color .25s ease;
    -webkit-transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, color .25s ease;
    position: relative;
    overflow: hidden;
}

.home-friend-links__item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #005296, #3d8fd4);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s ease;
    -webkit-transition: transform .35s ease;
}

.home-friend-links__item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    color: #005296;
    border-color: rgba(0, 82, 150, .35);
    box-shadow: 0 14px 32px rgba(0, 47, 99, .14);
}

.home-friend-links__item:hover::after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

@media (max-width:1199px) {
    .home-friend-links {
        margin-top: 18px;
        padding: 18px 14px 14px;
    }

    .home-friend-links__title {
        font-size: 22px;
    }

    .home-friend-links__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .home-friend-links__item {
        min-height: 64px;
        font-size: 14px;
        padding: 14px 10px;
    }
}

@media (max-width:540px) {
    .home-friend-links__list {
        grid-template-columns: minmax(0, 1fr);
    }
}

.home-Cultural {
    width: 100%;
    background: url(../images/bg30.png)no-repeat center top;
    background-size: 100%;
    padding-top: 1.6rem;
    z-index: 10;
    margin-top: -3.1rem;
}

.home-Cultural .title-con {
    margin-top: .25rem;
}

.home-Cultural .title-con .tit {
    color: #252425;
    font-family: "Microsoft YaHei", sans-serif;
}

.home-Cultural .title-con .tit span {
    font-family: '苹方黑体-中黑-简';
    font-size: .28rem;
    padding-right: .5rem;
    margin-right: .3rem;
    background: url(../images/line1.png)no-repeat right center;
    background-size: .2rem;
    cursor: pointer;
}

.home-Cultural .title-con .tit:last-child span {
    margin-right: 0;
    background: none;
    padding-right: 0;
}

.home-Cultural .title-con .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #868686;
    text-align: right;
    font-size: .14rem;
    width: 1rem;
    line-height: .3rem;
    display: none;
}

.home-Cultural .title-con .more::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/more1.png)no-repeat left 90%;
    background-size: 100%;
}

.home-Cultural .title-con .tit.on .more {
    display: block;
}

.home-Cultural .title-con .tit.on span {
    color: #005296;
    background-image: url(../images/line2.png);
}

.home-Cultural .title-con .tit.on:last-child span {
    background: none;
}

.home-Cultural .pic {
    overflow: hidden;
    padding-top: 72.74%;
}

.home-Cultural .pic img {
    position: absolute;
    left: 0;
    top: 0;
}

.home-Cultural .content {
    margin-top: .6rem;
}

.home-Cultural .swiper-slide>div {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-Cultural .swiper-container {
    padding-top: .5rem;
}

.home-Cultural .swiper-slide .tit {
    height: .6rem;
    line-height: 1.7;
    margin-top: .28rem;
}

.home-Cultural .swiper-slide .text {
    font-size: .14rem;
    color: #808080;
    line-height: 2.2;
    margin-top: .1rem;
}

.home-Cultural .swiper-slide .text p {
    padding-left: .3rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .16rem;
}

.home-Cultural .swiper-slide .text p:nth-child(1) {
    background-image: url(../images/icon5.png);
}

.home-Cultural .swiper-slide .text p:nth-child(2) {
    background-image: url(../images/icon6.png);
}

.home-Cultural .swiper-slide .text p:nth-child(3) {
    background-image: url(../images/icon7.png);
}

.home-Cultural .swiper-slide .text .home-Cultural-slide-summary {
    margin: 0;
    padding-left: 0;
    line-height: 1.65;
    background: none;
}

.home-Cultural .swiper-slide .home-Cultural-slide-date {
    margin-top: .08rem;
    font-size: .14rem;
    color: #808080;
    line-height: 1.6;
    padding-left: .3rem;
    background: url(../images/icon6.png) no-repeat left center;
    background-size: .16rem;
}

.home-bg2 {
    background: url(../images/bg4.png)no-repeat center bottom;
    background-size: 100%;
    overflow: hidden;
    padding-bottom: 1.2rem;
}

.home-data {
    margin-top: 0rem;
}

.home-data .tu {
    margin-top: .3rem;
}

.home-data .tu img {
    width: 14.6rem;
    height: auto;
}

.home-data .content {
    width: 13.6rem;
    margin-left: auto;
    margin-right: auto;
}

@font-face {
    font-family: 'mongolian-baiti';
    src: url('../images/mongolian-baiti.ttf');
}

.home-data .item {
    width: 2.4rem;
    margin-top: .65rem;
    margin-right: 1rem;
}

.home-data .item:nth-of-type(4n) {
    margin-right: 0;
}

.home-data .item .text {
    font-size: .16rem;
    line-height: 1.8;
    margin-top: .15rem;
}

.home-data .item .num {
    font-family: 'mongolian-baiti';
    color: #005296;
    font-size: .56rem;
    padding-bottom: .05rem;
    line-height: 1.1;
}

.home-data .item .num::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #E8B07B;
    width: 30%;
}

.home-data .item .num::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #005296;
    width: 68%;
}

.home-data .item .wan::after {
    content: '万';
    font-size: .16rem;
    position: absolute;
    top: 0;
    right: -.2rem;
}

.home-meiti {
    margin-top: 0.8rem;
}

.home-meiti .home-title {
    z-index: 10;
}

.home-meiti .sns {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-meiti .sns .item {
    width: .42rem;
    height: .42rem;
    margin-right: .3rem;
}

.home-meiti .sns .item:last-child {
    margin-right: 0;
}

.home-meiti .sns .item img {
    width: 100%;
}

.home-meiti .sns .item .erwma {
    display: none;
    position: absolute;
    left: 50%;
    top: .44rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    padding: .05rem;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .1);
    z-index: 10;
}

.home-meiti .content {
    margin-top: .4rem;
}

.home-meiti .con {
    margin-right: 5px;
}

.home-meiti .con .item {
    margin-right: 5px;
    overflow: hidden;
    padding-top: 37.52%;
}

.home-meiti .con .item:last-child {
    margin-right: 0;
}

.home-meiti .con .pic>img {
    position: absolute;
    left: 0;
    top: 0;
}

.home-meiti .con .pic::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    z-index: 1;
}

.home-meiti .con .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFF;
    z-index: 10;
    padding: .15rem .2rem;
}

.home-meiti .con .item .tit>img {
    width: .18rem;
    margin-right: 5px;
}

.home-meiti .con .pic1 {
    overflow: hidden;
    padding-top: 50.4%;
    margin-top: 5px;
    font-weight: bold;
}

.home-meiti .con:last-child {
    margin-right: 0;
}

.home-meiti .con:last-child .pic1 {
    margin-top: 0;
}

.home-meiti .con:last-child .item {
    margin-top: 5px;
}

.home-meiti .con:last-child .item:last-child::after {
    display: none;
}

.home-meiti .con:last-child .text-con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #FFF;
    padding: 0 .5rem;
}

.home-meiti .con:last-child .lo img {
    height: .44rem;
}

.home-meiti .con:last-child .txt {
    font-size: .14rem;
    line-height: 2.4;
    padding-bottom: .3rem;
    background: url(../images/arrow4.png)no-repeat center bottom;
    background-size: .14rem;
    margin-top: .15rem;
}

.home-meiti .con:last-child .item:last-child {
    background: url(../images/img18.png)no-repeat center;
    background-size: cover;
}

#back-to-top {
    position: fixed;
    bottom: 1rem;
    right: .2rem;
    width: .86rem;
    padding: .2rem .1rem;
    border-radius: .43rem;
    -webkit-border-radius: .43rem;
    -moz-border-radius: .43rem;
    -ms-border-radius: .43rem;
    -o-border-radius: .43rem;
    background-color: #FFF;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .1);
    opacity: 0;
    transition-property: opacity, visibility, right;
    transition-duration: 0.5s;
}

#back-to-top.show {
    opacity: 1;
    z-index: 10;
}

.back-top {
    width: .36rem;
    height: .36rem;
    background: #005296 url(../images/top.png)no-repeat center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

#back-to-top .item {
    margin-bottom: .2rem;
}

#back-to-top .item img {
    max-width: .52rem;
}

#back-to-top .item .tit {
    line-height: 20px;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #005296;
    color: #FFF;
    font-size: .13rem;
    margin-top: .05rem;
}

#back-to-top .item:nth-child(2) .tit,
#back-to-top .item:nth-child(5) .tit {
    background-color: #124099;
}

#back-to-top .item:nth-child(3) .tit {
    background-color: #E8AC72;
}

.home-meiti .sns .item:hover .erwma {
    display: block;
}

@media (min-width:1025px) {

    .home-title .more:hover,
    .home-edu .tool .card:hover .tit,
    .home-Cultural .title-con .more:hover {
        color: #005296;
    }

    .home-media .pic:hover::before,
    .home-keji .swiper-slide:hover .pic:before,
    .home-sheke .first:hover .pic::before,
    .home-Cultural .swiper-slide:hover .pic:before,
    .home-meiti .pic:hover::before,
    .home-teacher .gallery-top .swiper-slide:hover .pic:before,
    .home-teacher .gallery-top .swiper-slide:hover .pic::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

    .home-media .pic:hover img,
    .home-news .focus .swiper-slide:hover img,
    .home-keji .swiper-slide:hover .pic img,
    .home-sheke .first:hover .pic img,
    .home-Cultural .swiper-slide:hover .pic img,
    .home-meiti .pic:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .home-teacher .gallery-top .swiper-slide:hover .pic img {
        transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
    }

    .home-teacher .gallery-top .swiper-slide:hover .pic {
        box-shadow: 0 .14rem .4rem rgba(0, 82, 150, .2);
    }

    .home-teacher .gallery-top .swiper-slide:hover .name {
        color: #003a70;
    }

    .home-Campus .card:hover .tit,
    .home-media .item:hover .tit,
    .home-news .item:hover .tit,
    .home-edu .item:hover {
        font-weight: bold;
    }

    .home-news .focus .swiper-button-prev:hover,
    .home-news .focus .swiper-button-next:hover {
        background-image: url(../images/next1.png);
    }

    .home-edu .item:hover>div {
        padding-left: .65rem;
    }

    .home-edu .item:hover>div::before {
        background-image: url(../images/arrow2.png);
        left: .4rem;
    }

    .home-edu .tool .card:hover::after {
        left: 50%;
        opacity: 1;
    }

    .home-teacher .gallery-thumbs .swiper-button-next:hover,
    .home-teacher .gallery-thumbs .swiper-button-prev:hover {
        background-image: url(../images/next4.png);
    }

    .home-keji .swiper-button-prev:hover,
    .home-keji .swiper-button-next:hover {
        background-color: #005296;
        background-image: url(../images/prev1.png);
    }

    .home-sheke .content .card:hover::after {
        width: 100%;
    }

    .home-Cultural .swiper-slide:hover>div {
        transform: translateY(-.5rem);
        -webkit-transform: translateY(-.5rem);
        -moz-transform: translateY(-.5rem);
        -ms-transform: translateY(-.5rem);
        -o-transform: translateY(-.5rem);
    }
}

@media (max-width:1199px) {
    #back-to-top {
        display: none !important;
    }

    body,
    .home-edu .tool .tit,
    .home-teacher .gallery-thumbs .name,
    .home-data .item .text {
        font-size: 14px;
    }

    .banner .button {
        right: .2rem;
        padding-right: 90px;
    }

    .home-title .more,
    .home-Cultural .title-con .more {
        width: 75px;
        line-height: 24px;
    }

    .home-title .cn {
        font-size: 24px;
    }

    .home-Campus .home-title .cn {
        font-size: 20px;
    }

    .banner .button .more,
    .banner .swiper-pagination-bullet,
    .home-title .more,
    .home-title .en,
    .home-news .focus .date,
    .home-news .focus .des,
    .home-news .item .date,
    .home-media .text-con .txt,
    .home-media .item .text,
    .home-Campus .card .date,
    .home-teacher .gallery-top .des,
    .home-keji .swiper-slide .date,
    .home-keji .swiper-slide .des,
    .home-sheke .first .date,
    .home-sheke .first .sum,
    .home-Cultural .title-con .more,
    .home-Cultural .swiper-slide .text,
    .home-meiti .con:last-child .txt {
        font-size: 12px;
    }

    .home-news {
        padding-right: 0;
        width: 60%;
    }

    .home-news::after {
        display: none;
    }

    .home-news .focus .des {
        margin-top: .2rem;
    }

    .home-news .item .tit {
        height: 50px;
    }

    .home-news .focus .swiper-slide {
        padding-top: 60%;
    }

    .home-special .item .title,
    .home-teacher .gallery-top .name {
        font-size: 16px;
    }

    .home-sheke .first .tit {
        font-size: 16px;
    }

    .home-edu,
    .home-yanjiu {
        margin-top: .6rem;
    }

    .home-edu .content {
        padding-left: 0;
        padding-right: 0;
    }

    .home-teacher {
        width: 100%;
        margin-top: .6rem;
    }

    .home-teacher .gallery-thumbs {
        position: initial;
        bottom: auto;
        left: auto;
        margin-top: .3rem;
        padding-bottom: .5rem;
    }

    .home-teacher .gallery-top {
        margin-left: 0;
        padding: .35rem;
        height: auto;
    }

    .home-teacher .gallery-thumbs .swiper-slide {
        padding-top: 0;
    }

    .home-teacher .gallery-thumbs .swiper-slide .pic {
        overflow: hidden;
        height: auto !important;
        padding-top: 110%;
    }

    .home-teacher .gallery-thumbs .swiper-slide .pic img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .home-teacher .gallery-thumbs .swiper-slide-active .pic {
        height: auto;
    }

    .home-teacher .gallery-thumbs .swiper-slide-active .name {
        opacity: 1;
    }

    .home-teacher .gallery-thumbs .button {
        width: 100%;
        background: transparent;
    }

    .home-edu .home-title {
        margin-right: 0;
        margin-left: 0;
    }

    .home-keji .swiper-slide .tit,
    .home-Cultural .swiper-slide .tit {
        height: 48px;
    }

    .home-keji .swiper-slide .des {
        height: 45px;
    }

    .home-edu .item {
        height: 60px;
    }

    .home-keji .swiper-container {
        height: 435px;
    }

    .home-Cultural .swiper-container {
        padding-top: 0;
    }

    .home-bg1 {
        padding-bottom: 20px;
    }

    .home-Cultural .title-con .tit span {
        font-size: 20px;
    }

    .home-Cultural .swiper-slide .text {
        margin-top: .1rem;
    }

    .home-Cultural {
        padding-top: 1.3rem;
    }

    .home-data .item {
        margin-right: 0;
        width: 22%;
    }

    .home-data .item .num {
        font-size: 32px;
    }

    .home-data .tu img,
    .home-data .content {
        width: 100%;
    }

    .home-meiti .con:last-child .lo img {
        height: 24px;
    }

    .home-meiti .con:last-child .txt {
        line-height: 2;
    }

    .home-special .item.on {
        width: 9.3rem;
    }

    /* .home-special .item .sub {        width: 9.3rem;    } */
    .home-meiti .sns .item:last-of-type .erwma {
        left: 0;
    }
}

@media (max-width:950px) {
    .home-title .more {
        line-height: 24px;
    }

    .home-news,
    .home-keji {
        width: 100%;
        margin-right: 0;
    }

    .home-special .item {
        /* width: 4.2rem; */
    }

    .home-special .item .sub {
        width: 9rem;
    }

    .home-sheke .first .pic {
        width: 50%;
    }

    .home-keji .home-title {
        margin-right: 0;
        z-index: 10;
    }

    .home-keji .swiper-button-prev,
    .home-keji .swiper-button-next {
        width: 36px;
        height: 36px;
    }

    .home-keji .content {
        padding-bottom: 50px;
    }

    .home-keji .button {
        bottom: 0;
        width: 100%;
    }

    .home-keji .swiper-slide-active {
        margin-top: 0;
    }

    .home-keji .swiper-container {
        margin-top: .3rem;
    }

    .home-keji .text-con,
    .home-keji .swiper-container {
        height: auto;
    }

    .home-data .item {
        width: 30%;
    }

    .home-meiti .content {
        display: block;
    }

    .home-meiti .con:last-child {
        margin-top: 5px;
    }
}

@media (max-width:767px) {
    .home-special {
        display: block;
        margin-top: .4rem;
    }

    .home-special .item {
        flex-direction: column;
        height: auto;
        width: 100%;
    }

    .home-special .item .title {
        writing-mode: initial;
        -ms-writing-mode: initial;
        -webkit-writing-mode: initial;
        width: 100%;
        padding: .3rem 0;
        display: block;
        text-align: center;
    }

    .home-special .item.on,
    .home-special .item .sub {
        width: 100%;
    }

    .home-special .item.on {
        padding: 0;
    }

    .home-special .item.on .title {
        display: block;
        text-align: center;
    }

    /* .home-special .item .sub {        display: block;    } */
    .home-data .item {
        width: 45%;
    }

    .home-bg2 {
        padding-bottom: .9rem;
    }

    .home-meiti {
        margin-top: .9rem;
    }

    /* 科研动态分页区与师生风采之间：避免 rem 随 vw 放大导致留白过大 */
    .home-teacher .gallery-thumbs {
        margin-top: 10px;
        padding-bottom: 8px;
    }

    .home-teacher .gallery-thumbs .button .con {
        width: 108px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .home-teacher .gallery-thumbs .swiper-button-next,
    .home-teacher .gallery-thumbs .swiper-button-prev {
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }

    .home-yanjiu {
        margin-top: 12px;
    }

    .home-yanjiu .home-keji {
        margin-top: 10px;
    }

    .home-bg1 {
        padding-bottom: 12px;
    }

    .home-friend-links {
        padding-bottom: 12px;
    }

    /* 宣传影像：移动端隐藏左侧固定竖图，轮播全宽 */
    .home-promo-media__side-fixed {
        display: none !important;
    }

    .home-promo-media__layout,
    .home-promo-media__controls-row {
        grid-template-columns: 1fr;
    }

    .home-promo-media__controls-gap {
        display: none;
    }
}

@media (max-width:540px) {
    .home-news .item {
        width: 100%;
    }

    .home-Cultural .title-con {
        justify-content: flex-start;
    }

    .home-Cultural .title-con .tit span {
        margin-right: .2rem;
        padding-right: .4rem;
    }

    .home-Cultural .title-con .tit span {
        font-size: 18px;
    }

    .home-sheke .first {
        display: block;
    }

    .home-sheke .first .pic {
        width: 100%;
        padding-top: 65%;
    }

    .home-meiti .con {
        margin-right: 0;
    }

    .home-meiti .con .item {
        flex: none;
        width: 100%;
        padding-top: 65%;
        margin-top: 5px !important;
    }
}

.pub-bg {
    position: relative;
    background: #fff !important;
    /* background: #fdf7f4 url(../images/bg5.jpg)no-repeat center bottom; */
    /* background-size: 100% auto; */
    padding-bottom: 1.4rem;
    /* overflow: hidden; */
    flex: 1;
    width: 100%;
}

.pub-bg>* {
    position: relative;
    z-index: 1;
}

.pub-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #fff;
   /*  background: #fff url(../images/bg5.png)no-repeat center bottom;*/
    background-size: 100% auto;
    transform: translateX(-50%);
    z-index: 0;
}

.n-banner {
    overflow: hidden;
}

.n-banner>img {
    width: 100%;
}

.n-banner::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    z-index: 2;
}

.n-banner .title {
    position: absolute;
    left: 1.6rem;
    bottom: 1rem;
    color: #FFF;
    z-index: 3;
}

.n-banner .title .cn {
    font-family: "Microsoft YaHei", sans-serif;
    color: #dfd7df;
    font-size: .5rem;
}

.n-banner .title .en {
    font-family: "Microsoft YaHei", sans-serif;
    color: #dfd7df;
    padding-left: .5rem;
}

.n-banner .title .en::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background-color: #FFF;
    width: .4rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.crumbs {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #005296;
    line-height: .7rem;
    z-index: 5;
    padding-left: 1.3rem;
    padding-right: 1.6rem;
    color: #FFF;
    -webkit-clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
    font-family: 'PingFang-SC-Semibold';
}

.crumbs::before {
    content: '';
    position: absolute;
    left: .9rem;
    width: .23rem;
    height: 100%;
    background: url(../images/home.png)no-repeat left center;
    background-size: 100%;
}

.crumbs a {
    color: #FFF;
}

@font-face {
    font-family: 'PingFang-SC-Semibold';
    src: url('../images/PingFang-SC-Semibold.ttf');
}

.sidebar {
    margin-top: .6rem;
    width: 2.6rem;
    background-color: #FFF;
    background-image: linear-gradient(to bottom, #005296, #66a3ff);
background-position: left center;
background-size: 4px 100%;
background-repeat: no-repeat;
border-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);



    padding: .15rem .2rem .2rem .2rem;
    margin-right: .8rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    flex-shrink: 0;
}

.sidebar a {
    border-bottom: 1px #e9e9e9 solid;
    font-size: .2rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .2rem;
    line-height: 1.25;
}

.sidebar a:last-child {
    border-bottom: 0;
}

.sidebar a.on {
    font-size: .24rem;
    color: #005296;
    font-weight: bold;
    padding-right: .3rem;
}

.sidebar a.on::after {
    content: '';
    position: absolute;
    right: .2rem;
    top: 50%;
    width: .2rem;
    height: .11rem;
    background: url(../images/arrow5.png)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* 标识 */
.ui {
    margin-top: .75rem;
}

.ui .title {
    font-size: .28rem;
    font-family: "Microsoft YaHei", sans-serif;
    color: #252425;
    padding-left: .7rem;
}

.ui .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    background-color: #ede4e0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .6rem;
}

.ui .title .line {
    height: 2px;
    background-color: #ede4e0;
}

.ui .title span {
    margin-right: .1rem;
}

.ui .xun {
    margin-top: .4rem;
    margin-bottom: .35rem;
}

.ui .xun img {
    height: .91rem;
}

.ui .feng {
    margin-top: .4rem;
    margin-bottom: .6rem;
}

.ui .feng img {
    height: .95rem;
}

.ui .biaoshi {
    margin-top: .5rem;
    margin-bottom: .65rem;
}

.ui .biaoshi .thumb img {
    height: 1.88rem;
}

.ui .biaoshi .text {
    line-height: 2;
    margin-top: .3rem;
}

.ui .biaoshi .lo {
    margin-top: .6rem;
}

.ui .biaoshi .lo img {
    height: 1.44rem;
}

.ui .mp3 {
    margin-top: .6rem;
    margin-left: 1.4rem;
    margin-right: 1.4rem;
}

.ui .mp3 .thumb {
    width: 4.28rem;
}

.ui .mp3 .thumb img {
    width: 100%;
}

.ui .mp3 .text-con {
    background: #FFF url(../images/tbg5.jpg)no-repeat center bottom;
    background-size: 100%;
    padding: .65rem .5rem 0 .5rem;
    font-family: 'PingFang-SC-Semibold';
}

.ui .mp3 .text-con .tit {
    font-size: .28rem;
    line-height: 1.1;
}

.ui .mp3 .text-con .info {
    font-size: .14rem;
    line-height: 1.4;
    margin-top: .3rem;
}

.ui .mp3 .text-con .text {
    margin-top: .55rem;
    line-height: 1.5;
}

.ui .mp3 .text-con .text p {
    margin-top: .2rem;
}

@media (min-width:1025px) {
    .sidebar a:hover {
        font-weight: bold;
    }
}

@media (max-width:1199px) {
    .n-banner .title {
        left: .3rem;
        bottom: .3rem;
    }

    .crumbs {
        padding-right: .2rem;
        padding-left: .7rem;
    }

    .crumbs::before {
        left: .4rem;
    }

    .sidebar {
        display: none;
    }

    .n-banner .title .cn {
        font-size: 32px;
    }

    .ui .title {
        font-size: 18px;
    }

    .ui .mp3 .text-con .info {
        font-size: 12px;
    }

    .ui .mp3 .text-con .tit {
        font-size: 18px;
    }
}

@media (max-width:950px) {
    .ui .mp3 {
        margin-left: 0;
        margin-right: 0;
    }

    .ui .mp3 .thumb {
        width: 40%;
    }
}

@media (max-width:767px) {
    .n-banner .title {
        bottom: 1rem;
    }

    .crumbs {
        right: unset;
        left: 0;
        -webkit-clip-path: polygon(0% 0%, 92% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 92% 0, 100% 100%, 0% 100%);
        padding-left: .66rem;
        padding-right: .6rem;
    }

    .crumbs::before {
        left: .3rem;
    }

    .n-banner>img {
        width: auto;
        height: 280px;
    }

    .crumbs {
        line-height: 48px;
    }

    .ui .xun img,
    .ui .feng img {
        height: .6rem;
    }

    .ui .biaoshi .lo img {
        height: .8rem;
    }

    .ui .mp3 .thumb {
        width: 100%;
    }

    .ui .mp3 .text-con {
        padding: .4rem;
    }
}

@media (max-width:540px) {
    .n-banner .title {
        bottom: 1.3rem;
    }

    .n-banner>img {
        height: 200px;
    }
}

/* 文字列表 */
.text-list {
    margin-top: .3rem;
    margin-right: .8rem;
    margin-top: .55rem;
}

.text-list .item {
    border-bottom: 1px dashed #d8d7d7;
    line-height: .85rem;
    background: url(../images/arrow1.png)no-repeat .2rem center;
    padding-left: .4rem;
    background-size: .1rem;
}

.text-list .item .date {
    color: #999999;
    font-family: 'Arial';
    background: url(../images/time1.png)no-repeat left center;
    background-size: .19rem;
    padding-left: .3rem;
}

.text-list .item .tit {
    margin-right: .2rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    font-size: .2rem;
}

.page {
    margin-top: .6rem;
}

.page>div {
    background-color: rgba(255, 255, 255, .35);
    border: 1px #cecac9 solid;
    line-height: .51rem;
    font-size: .16rem;
}

.page .home {
    padding: 0 .2rem;
    border-right: 1px #cecac9 solid;
}

.page .prev,
.page .next,
.page .last,
.page .txt {
    padding: 0 .15rem;
    border-right: 1px #cecac9 solid;
}

.page input {
    width: .45rem;
    height: .27rem;
    background-color: #ececec;
    margin: 0 .1rem;
    border: 0;
}

.page .num {
    padding: 0 .27rem;
    border-right: 1px #cecac9 solid;
    font-family: 'Arial';
}

.page .on {
    color: #005296;
}

.page .ok {
    padding: 0 .4rem;
}

aside {
    width: 3.1rem;
    margin-top: .8rem;
}

aside .title {
    border-bottom: 4px #efefef solid;
    padding-bottom: .1rem;
    font-family: 'SourceHanSerifCN-Bold';
    font-size: .26rem;
}

aside .title span {
    color: #005296;
}

aside .title img {
    height: .34rem;
    margin-right: .1rem;
}

aside .date {
    font-size: .16rem;
    font-family: 'Arial';
    line-height: 1.1;
}

aside .date::before {
    content: '';
    position: absolute;
    left: -.4rem;
    top: -.05rem;
    width: .26rem;
    height: .26rem;
    background: #FFF url(../images/icon11.png)no-repeat center;
    background-size: .13rem;
    border: 1px #dedede solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 10;
}

aside .tit {
    font-size: .16rem;
    line-height: 1.6;
    /* font-family: 'PingFang-SC-Semibold'; */
    margin-top: .15rem;
}

aside ul {
    margin-top: .3rem;
}

aside li {
    padding-left: .4rem;
    padding-bottom: .2rem;
}

aside li::after {
    content: '';
    position: absolute;
    left: .12rem;
    width: 1px;
    top: 0;
    height: 100%;
    background-color: #dedede;
}

aside .hot:last-child {
    margin-top: .25rem;
}

aside .hot:last-child .date::before {
    background-image: url(../images/icon12.png);
    background-size: .17rem;
}

@media (min-width:1025px) {
    .text-list .item:hover .tit {
        text-decoration: underline;
    }

    aside .hot li:hover .date::before {
        background-image: url(../images/icon13.png);
        background-color: #e8ac72;
        border-color: #e8ac72;
    }
}

@media (max-width:1199px) {
    .text-list .item .tit {
        font-size: 14px;
    }

    aside .date {
        font-size: 12px;
    }

    aside .tit,
    .page>div {
        font-size: 14px;
    }

    .page {
        line-height: 34px;
    }

    .page .prev,
    .page .next,
    .page .last,
    .page .txt {
        padding: 0 15px;
    }

    .page .num {
        padding: 0 15px;
    }

    .page .ok {
        padding: 0 20px;
    }

    .page input {
        width: 30px;
        height: 24px;
    }

    .text-list .item {
        line-height: 60px;
    }

    .page .txt,
    .page .ok {
        display: none;
    }
}

@media (max-width:950px) {
    aside {
        display: none;
    }

    .text-list {
        margin-right: 0;
    }
}

.teacher {
    margin-top: .25rem;
}

.teacher .item {
    width: 47.5%;
    margin-top: .6rem;
}

.teacher .item .pic {
    width: 2.77rem;
    height: 3.85rem;
    overflow: hidden;
    z-index: 2;
}

.teacher .item .text-con {
    background-color: #FFF;
    border-bottom: 1px #005296 solid;
    height: 4.35rem;
    margin-left: -.5rem;
    padding-left: .95rem;
    padding-top: .6rem;
    padding-right: .45rem;
}

.teacher .item .name {
    color: #005296;
    color: #000;
    font-family: 'PingFang-SC-Semibold';
    line-height: 1.1;
    font-size: .24rem;
}

.teacher .item .info {
    color: #666;
    line-height: 1.6;
    padding-left: .3rem;
    margin-top: .2rem;
}

.teacher .item .info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 80%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #e8ac72;
}

.teacher .item .des {
    color: #999;
    margin-top: .35rem;
    font-size: .16rem;
    line-height: 1.65;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.teacher .item .arrow {
    position: absolute;
    right: .5rem;
    bottom: .7rem;
    width: .44rem;
    height: .16rem;
    background: url(../images/arrow6.png)no-repeat center;
    background-size: 100%;
}

.teacher-details {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.1rem;
}

.teacher-details .thumb {
    width: 2.77rem;
    height: 3.85rem;
    z-index: 10;
    margin-right: .9rem;
}

.teacher-details .thumb::after {
    content: '';
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    width: 2.2rem;
    height: 3.3rem;
    background-color: #005296;
    z-index: -1;
}

.teacher-details .thumb img {
    width: 100%;
}

.teacher-details .name {
    font-size: .36rem;
    line-height: 1;
    font-weight: 500;
    /* color: #005296; */
    /* font-family: 'PingFang-SC-Semibold'; */
}

.teacher-details .info {
    font-size: .24rem;
    color: #666;
    line-height: 1.7;
    padding-left: .2rem;
    margin-top: .2rem;
}

.teacher-details .info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 80%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #e8ac72;
}

.teacher-details .tit {
    border-top: 1px dashed #d4d4d4;
    margin-top: .3rem;
    padding-top: .3rem;
    font-size: .24rem;
    line-height: 1.6;
}

.teacher-details .des {
    font-size: .2rem;
    line-height: 1.7;
    /* color: #999; */
}

@media (min-width:1025px) {
    .teacher .item:hover .pic:before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

    .teacher .item:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .teacher .item:hover .arrow {
        transform: translateX(.15rem);
        -webkit-transform: translateX(.15rem);
        -moz-transform: translateX(.15rem);
        -ms-transform: translateX(.15rem);
        -o-transform: translateX(.15rem);
    }

    .teacher .item:hover .text-con {
        background: url(../images/tbg6.jpg)no-repeat center;
        background-size: cover;
    }

    .teacher .item:hover .name,
    .teacher .item:hover .info {
        color: #FFF;
    }

    .teacher .item:hover .des {
        color: #ffcccc;
    }

    .teacher .item:hover .arrow {
        background-image: url(../images/arrow7.png);
    }
}

@media (max-width:1199px) {
    .teacher .item .name {
        font-size: 16px;
    }

    .teacher .item .des {
        font-size: 12px;
    }

    .teacher .item .arrow {
        bottom: .6rem;
    }

    .teacher-details {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .teacher-details .thumb {
        margin-right: .4rem;
    }

    .teacher-details .name {
        font-size: 24px;
    }

    .teacher-details .info {
        font-size: 14px;
    }

    .teacher-details .tit {
        font-size: 16px;
    }

    .teacher-details .des {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .teacher .item {
        width: 100%;
    }

    .teacher .item .arrow {
        display: none;
    }

    .teacher-details {
        padding-top: .7rem;
        padding-left: 0;
        padding-right: 0;
    }

    .crumbs {
        font-size: 12px;
    }
}

@media (max-width:540px) {
    .teacher-details {
        display: block;
    }

    .teacher-details .thumb {
        margin-left: auto;
        margin-right: auto;
    }

    .teacher-details .name {
        text-align: center;
        margin-top: .3rem;
    }

    .teacher-details .info {
        text-align: center;
    }

    .teacher-details .info::before {
        display: none;
    }
}

.img-list,
.news-details {
    /*margin-right: .8rem;*/
    margin-top: .4rem;
}

.sidebar+.news-details {
    width: calc(100% - 3.2rem);
}

.news-details {
    /* overflow: hidden; */
}

.img-list .item {
    padding-top: .4rem;
    padding-bottom: .35rem;
    border-bottom: 1px #d8d7d7 dashed;
}

.img-list .item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    background-color: #005296;
}

.img-list .item .tit {
    line-height: 1.1;
    font-size: .2rem;
    /* font-family: 'PingFang-SC-Semibold'; */
}

.img-list .item .des {
    /* font-family: 'PingFang-SC-Semibold'; */
    font-size: .16rem;
    line-height: 1.7;
    margin-top: .25rem;
    color: #666;
}

.img-list .item .date {
    text-align: right;
    white-space: nowrap;
    font-family: 'Arial';
    line-height: 1;
    margin-right: .8rem;
    color: #666;
}

.img-list .item .date span {
    font-size: .36rem;
    padding-bottom: .18rem;
    margin-bottom: .18rem;
}

.img-list .item .date span::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #005296;
    width: .4rem;
}

.news-details h1 {
    font-size: .36rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    font-weight: 500;
    line-height: 1.2;
    margin-top: .45rem;
}

.news-details .info {
    color: #666;
    font-size: .15rem;
    border-bottom: 1px solid #eaeaea;
    margin-top: .25rem;
    padding-bottom: .35rem;
    line-height: 1.4;
}

.news-details .info span {
    padding-left: 1.8em;
}

.news-details .info .time {
    background: url(../images/time1.png)no-repeat left center;
    margin-right: .3rem;
    background-size: 1.2em;
}

.news-details .info .source {
    background: url(../images/icon14.png)no-repeat left center;
    background-size: 1.2em;
}

.news-details .body {
    padding: .55rem .7rem .7rem .7rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    line-height: 1.7;
    border-bottom: 1px #dadada solid;
}

.news-details .body img {
    max-width: 100%;
    max-width: 80% !important;
    height: auto !important;
    width: auto;
    display: block;
    margin: 20px auto;
}

.news-details .body video {
    max-width: 100%;
    max-width: 80% !important;
    width: auto;
    height: auto;
    display: block;
    margin: 20px auto;
}

.news-details .body p {
    text-indent: .36rem;
}

.news-details .sns-con {
    margin-top: .4rem;
}

.news-details .sns-con .back {
    background: url(../images/back.png)no-repeat center top;
    padding-top: .3rem;
    background-size: .32rem;
    font-size: .14rem;
    position: absolute;
    right: 2em;
    top: 0;
    font-family: 'PingFang-SC-Semibold';
}

.news-details .sns-con .sns a {
    margin-right: .2rem;
    width: .57rem;
    height: .57rem;
    display: block;
    position: relative;
}

.news-details .sns-con .sns a:last-child {
    margin-right: 0;
}

.icon-wechat {
    background: url(../images/wx.png)no-repeat center;
    background-size: 100%;
}

.icon-weibo {
    background: url(../images/wb.png)no-repeat center;
    background-size: 100%;
}

.icon-qq {
    background: url(../images/qq.png)no-repeat center;
    background-size: 100%;
}

.wechat-qrcode {
    position: absolute;
    display: none;
    background-color: #FFF;
    padding: .05rem;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: .6rem;
    margin-left: -.5rem;
}

.wechat-qrcode img {
    width: 100%;
}

.icon-wechat:hover .wechat-qrcode {
    display: block;
}

.wechat-qrcode h4,
.wechat-qrcode .help {
    display: none;
}

@media (min-width:1025px) {
    .img-list .item:hover::after {
        width: 100%;
    }
}

@media (max-width:1199px) {
    .sidebar+.news-details {
        width: 100%;
    }

    .img-list .item .tit {
        font-size: 16px;
    }

    .img-list .item .des,
    .news-details .info,
    .news-details .sns-con .back {
        font-size: 12px;
    }

    .news-details .sns-con .back {
        right: 0;
    }

    .img-list .item .date span,
    .news-details h1 {
        font-size: 20px;
    }

    .img-list .item .date {
        margin-right: .6rem;
    }
}

@media (max-width:950px) {

    .img-list,
    .news-details {
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width:767px) {
    .news-details .body {
        padding-left: 0;
        padding-right: 0;
    }
}

.about {
    margin-top: .5rem;
    line-height: 1.9;
    /* font-family: 'PingFang-SC-Semibold'; */
}

.about p {
    margin-bottom: .25rem;
}

.about .pic1 {
    float: right;
    width: 4.65rem;
    margin-left: .8rem;
    margin-bottom: .1rem;
}

.about img {
    max-width: 100%;
}

.about .tips {
    justify-content: flex-end;
}

.about .text {
    text-indent: 2em;
}

.about .text img {
    display: block;
    margin-bottom: 1em;
}

@media (max-width:540px) {
    .about .pic1 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
}

.media {
    padding-top: .35rem;
}

.media .item {
    width: 48%;
    height: 1.45rem;
    padding-left: .35rem;
    margin-top: .5rem;
    background-color: #FFF;
    z-index: 20;
    border-left: 5px #a40100 solid;
    position: relative;
}

.media .item::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .1rem;
    height: 100%;
    background-color: #f8f0e9;
    z-index: -2;
    transform: translateX(.1rem);
    -webkit-transform: translateX(.1rem);
    -moz-transform: translateX(.1rem);
    -ms-transform: translateX(.1rem);
    -o-transform: translateX(.1rem);
}

.media .item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    background-color: #f8f0e9;
    z-index: -2;
    transform: translateY(.1rem);
    -webkit-transform: translateY(.1rem);
    -moz-transform: translateY(.1rem);
    -ms-transform: translateY(.1rem);
    -o-transform: translateY(.1rem);
}

.media .item .date {
    font-family: 'Arial';
    color: #cccccc;
    font-size: .14rem;
    padding-right: .3rem;
    margin-right: .4rem;
    z-index: 5;
    letter-spacing: .2em;
}

.media .item .date::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #f3f3f3;
}

.media .item .date span {
    font-size: .32rem;
    font-weight: bold;
    letter-spacing: 0;
    padding-bottom: .1rem;
}

.media .item .text {
    color: #005296;
    line-height: 1;
}

.media .item .tit {
    font-size: .24rem;
    line-height: 1.2;
    margin-top: .2rem;
}

@media (min-width:1025px) {
    .media .item:hover {
        background: url(../images/tbg7.jpg)no-repeat center bottom;
        background-size: cover;
    }

    .media .item:hover .date,
    .media .item:hover .text,
    .media .item:hover .tit {
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .media .item .date {
        font-size: 14px;
        letter-spacing: 0;
    }

    .media .item .date span {
        font-size: 20px;
    }

    .media .item .tit {
        font-size: 16px;
    }
}

@media (max-width:950px) {
    .media .item {
        width: 100%;
        height: auto;
        padding-top: .4rem;
        padding-bottom: .4rem;
    }
}

.subnav {
    background-color: #FFF;
    line-height: .6rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    flex-wrap: wrap;
}

.subnav a {
    font-size: .2rem;
    margin: 0 .25rem;
}

.subnav a.on {
    font-size: .24rem;
    color: #005296;
}

.subnav a.on::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #005296;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.Cultural {
    padding-top: .35rem;
}

.Cultural .item {
    margin-top: .5rem;
    background-color: #FFF;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .1);
}

.Cultural .item .pic {
    width: 4.9rem;
    overflow: hidden;
    padding-top: 17.4%;
}

.Cultural .item .pic img {
    position: absolute;
    left: 0;
    top: 0;
}

.Cultural .item .text-con {
    background-color: #FFF;
    border-bottom: 1px #005296 solid;
    padding-left: .7rem;
    padding-top: .4rem;
    padding-right: .6rem;
}

.Cultural .item .tit {
    font-size: .24rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    line-height: 1.1;
}

.Cultural .item .text {
    margin-top: .2rem;
    line-height: 1.9;
    color: #666;
}

.Cultural .item .text>div {
    padding-left: .25rem;
    background-position: left center;
    background-repeat: no-repeat;
}

.Cultural .item .text .name {
    background-image: url(../images/c1.png);
    background-size: .11rem;
    background-size: .6em;
}

.Cultural .item .text .time {
    background-image: url(../images/c2.png);
    background-size: .15rem;
    background-size: .8em;
}

.Cultural .item .text .address {
    background-image: url(../images/c3.png);
    background-size: .14rem;
    background-size: .8em;
}

.Cultural .item .more {
    position: absolute;
    right: .6rem;
    bottom: .4rem;
    font-size: .15rem;
    font-family: 'PingFang-SC-Semibold';
}

.Cultural .item .arrow {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #005296 dashed;
    background: url(../images/arrow8.png)no-repeat center;
    background-size: .19rem;
    margin-left: .1rem;
}

@media (min-width:1025px) {
    .Cultural .item:hover .text-con {
        background: url(../images/tbg8.jpg)no-repeat center bottom;
        background-size: cover;
    }

    .Cultural .item:hover .pic::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

    .Cultural .item:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .Cultural .item:hover .tit,
    .Cultural .item:hover .text,
    .Cultural .item:hover .more {
        color: #FFF;
    }

    .Cultural .item:hover .arrow {
        background-color: #FFF;
    }

    .Cultural .item:hover .text .name {
        background-image: url(../images/c4.png);
    }

    .Cultural .item:hover .text .time {
        background-image: url(../images/c5.png);
    }

    .Cultural .item:hover .text .address {
        background-image: url(../images/c6.png);
    }
}

@media (max-width:1199px) {
    .subnav a {
        font-size: 14px;
    }

    .Cultural .item .tit {
        font-size: 18px;
    }

    .Cultural .item .text {
        font-size: 14px;
    }

    .Cultural .item .more {
        font-size: 12px;
    }

    .Cultural .item .pic {
        padding-top: 20%
    }
}

@media (max-width:950px) {
    .Cultural .item .pic {
        padding-top: 24%;
        width: 40%;
    }
}

@media (max-width:767px) {
    .Cultural .item .pic {
        width: 100%;
        padding-top: 60%;
    }

    .Cultural .item .text-con {
        padding: .3rem .4rem;
    }

    .Cultural .item .arrow {
        width: 34px;
        height: 34px;
        background-size: 18px;
    }
}

@media (max-width:540px) {
    .Cultural .item .more {
        display: none;
    }
}

.jigou {
    background: url(../images/bg6.png)no-repeat center 1.3rem;
    padding-top: .45rem;
}

.jigou .content {
    padding-left: .4rem;
    margin-top: .5rem;
    border-left: 1px #005296 solid;
    padding-bottom: .3rem;
}

.jigou .content .title {
    color: #005296;
    font-size: .22rem;
    font-family: 'PingFang-SC-Semibold';
}

.jigou .content .tit {
    background: url(../images/arrow1.png)no-repeat left center;
    background-size: .09rem;
    margin-top: .3rem;
    line-height: 1.4;
    padding-left: .2rem;
}

.jigou .content .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 20%;
    padding-right: .35rem;
    line-height: 1.2;
}

.jigou .content .tit>div {
    display: block;
}

.jigou .content:nth-child(2) .tit {
    width: 33.333%;
    padding-right: .6rem;
}

@media (max-width:1199px) {
    .jigou .content .title {
        font-size: 18px;
    }
}

@media (max-width:950px) {
    .jigou .content .tit {
        width: 25%;
    }
}

@media (max-width:767px) {
    .jigou .content .tit {
        width: 33.333%;
        padding-right: .2rem;
    }

    .jigou .content:nth-child(2) .tit {
        width: 50%;
        padding-right: .3rem;
    }
}

@media (max-width:540px) {
    .jigou .content .tit {
        width: 50%;
    }

    .jigou .content:nth-child(2) .tit {
        width: 100%;
    }
}

.zhang {
    margin-top: .9rem;
    background: url(../images/bg7.png)no-repeat center top;
    background-size: 10.7rem;
    /* font-family: 'PingFang-SC-Semibold'; */
}

.zhang .title {
    font-size: .36rem;
    line-height: 1.1;
    color: #005296;
    margin-top: .2rem;
    margin-bottom: .3rem;
}

.zhang .content {
    margin-top: .9rem;
    padding-left: .4rem;
    padding-right: .4rem;
}

.zhang .tit {
    font-size: .26rem;
    line-height: 1.1;
    margin-top: .65rem;
}

.zhang .text {
    line-height: 1.7;
    margin-top: .35rem;
}

.zhang .text p {
    margin-top: .2rem;
    text-indent: .36rem;
}

.zhang .text a {
    text-decoration: underline;
    color: #0066cc;
}

.zhang .title1 {
    margin-top: .6rem;
    font-size: .26rem;
}

@media (max-width:1199px) {
    .zhang .title {
        font-size: 24px;
    }

    .zhang .tit {
        font-size: 18px;
    }

    .zhang .title1 {
        font-size: 20px;
    }
}

.One-click {
    padding-top: .6rem;
}

.One-click .content {
    padding-top: .35rem;
    padding-bottom: .4rem;
    border-bottom: 1px #dcdcdc solid;
}

.One-click .content .icon {
    width: .9rem;
    height: .9rem;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #005296 dashed;
    margin-right: .4rem;
}

.One-click .content .icon span {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
}

.One-click .content .icon.o1 span {
    background-image: url(../images/o1.png);
    background-size: .53rem;
}

.One-click .content .icon.o2 span {
    background-image: url(../images/o2.png);
    background-size: .49rem;
}

.One-click .content .icon.o3 span {
    background-image: url(../images/o3.png);
    background-size: .57rem;
}

.One-click .content .icon.o4 span {
    background-image: url(../images/o4.png);
    background-size: .48rem;
}

.One-click .content .icon.o5 span {
    background-image: url(../images/o5.png);
    background-size: .53rem;
}

.One-click .content .icon.o6 span {
    background-image: url(../images/o6.png);
    background-size: .5rem;
}

.One-click .content .icon.o7 span {
    background-image: url(../images/o7.png);
    background-size: .54rem;
}

.One-click .content .icon.o8 span {
    background-image: url(../images/o8.png);
    background-size: .54rem;
}

.One-click .content .icon.o9 span {
    background-image: url(../images/o9.png);
    background-size: .54rem;
}

.One-click .content .title {
    color: #005296;
    font-size: .28rem;
}

.One-click .content .con {
    margin-top: .15rem;
}

.One-click .content a {
    font-size: .2rem;
    line-height: 1.7;
    margin-right: .4rem;
}

@media (min-width:1025px) {
    .One-click .content:hover .icon {
        border: 0;
    }

    .One-click .content:hover .o1 span {
        background-image: url(../images/o1-on.png);
    }

    .One-click .content:hover .o2 span {
        background-image: url(../images/o2-on.png);
    }

    .One-click .content:hover .o3 span {
        background-image: url(../images/o3-on.png);
    }

    .One-click .content:hover .o4 span {
        background-image: url(../images/o4-on.png);
    }

    .One-click .content:hover .o5 span {
        background-image: url(../images/o5-on.png);
    }

    .One-click .content:hover .o6 span {
        background-image: url(../images/o6-on.png);
    }

    .One-click .content:hover .o7 span {
        background-image: url(../images/o7-on.png);
    }

    .One-click .content:hover .o8 span {
        background-image: url(../images/o8-on.png);
    }

    .One-click .content:hover .o9 span {
        background-image: url(../images/o9-on.png);
    }

    .One-click .content:hover .icon::after {
        content: '';
        position: absolute;
        left: -2px;
        top: -2px;
        width: .99rem;
        height: .99rem;
        background: url(../images/tbg9.png)no-repeat center;
        background-size: 100% 100%;
    }
}

@media (max-width:1199px) {
    .One-click .content .title {
        font-size: 18px;
    }

    .One-click .content a {
        font-size: 14px;
    }
}

.Faculty {
    margin-top: 1.05rem;
}

.Faculty .title {
    color: #005296;
    font-size: .3rem;
    line-height: 1.1;
}

.Faculty .content {
    margin-top: .6rem;
}

.Faculty .con {
    margin-top: .2rem;
    background-color: rgba(252, 247, 242, .7);
    border: 1px #f1eae7 solid;
    margin-top: .2rem;
    padding: .15rem .3rem .35rem .3rem;
}

.Faculty .con .item {
    position: relative;
    width: 24%;
    margin-right: 1%;
    line-height: .56rem;
    border-radius: .28rem;
    -webkit-border-radius: .28rem;
    -moz-border-radius: .28rem;
    -ms-border-radius: .28rem;
    -o-border-radius: .28rem;
    background-color: #fffcfb;
    padding-left: .2rem;
    box-shadow: .05rem .05rem .1rem rgba(0, 0, 0, .1);
    margin-top: .2rem;
    /* font-family: 'PingFang-SC-Semibold'; */
}

.Faculty .con .item::after {
    content: '';
    position: absolute;
    right: .1rem;
    top: 0;
    width: .5rem;
    height: 100%;
    background: url(../images/arrow9.png)no-repeat center;
}

.Faculty .con .item:nth-of-type(4n) {
    margin-right: 0;
}

.Faculty .tips {
    justify-content: flex-end;
    font-size: .16rem;
    color: #666;
    margin-top: .4rem;
}

.Faculty .con .item .code {
    position: absolute;
    left: 50%;
    top: 100%;
    padding: .4em;
    background: #fff;
    border-radius: .1rem;
    transform: translateX(-50%);
    margin-top: 1em;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .3);
}

.Faculty .con .item .code::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .4em solid transparent;
    border-bottom-color: #fff;
}

.Faculty .con .item .code::after {
    content: "";
    position: absolute;
    top: -1em;
    left: 0;
    width: 100%;
    height: 1em;
}

.Faculty .con .item .code img {
    display: block;
}

.Faculty .con .item:hover .code {
    opacity: 1;
    z-index: 1;
}

@media (min-width:1025px) {
    .Faculty .con .item:hover {
        background: url(../images/tbg10.png)no-repeat center bottom;
        background-size: cover;
    }

    .Faculty .con .item:hover::after {
        background-image: url(../images/arrow10.png);
    }

    .Faculty .con .item:hover {
        color: #FFF;
        box-shadow: .05rem .05rem .1rem rgba(0, 0, 0, .2);
    }
}

@media (max-width:1199px) {
    .Faculty .title {
        font-size: 20px;
    }

    .Faculty .con .item {
        line-height: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .Faculty .tips {
        font-size: 12px;
    }
}

@media (max-width:950px) {
    .Faculty .con .item {
        width: 32%;
    }

    .Faculty .con .item:nth-of-type(4n) {
        margin-right: 1%;
    }

    .Faculty .con .item:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .Faculty .con .item {
        width: 49%;
    }

    .Faculty .con .item:nth-of-type(3n) {
        margin-right: 1%;
    }

    .Faculty .con .item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.leader {
    margin-top: .5rem;
    background: url(../images/bg6.png)no-repeat center 1.3rem;
    background-size: 6.6;
}

.leader .item {
    border-bottom: 1px dashed #d8d7d7;
    padding-top: .28rem;
    padding-bottom: .25rem;
    /* font-family: 'PingFang-SC-Semibold'; */
    padding-left: 1.7rem;
}

.leader .item .tit {
    font-size: .2rem;
    width: 7.8rem;
}

.leader .item .name {
    font-size: .2rem;
    text-align-last: justify;
    flex: unset;
    min-width: 3em;
}

@media (max-width:1199px) {
    .leader .item .tit {
        font-size: 18px;
        width: 60%;
    }

    .leader .item .name {
        font-size: 16px;
    }

    .leader .item {
        padding-left: .4rem;
    }
}

@media (max-width:540px) {
    .leader .item .tit {
        font-size: 14px;
        width: 70%;
        margin-right: .2rem;
    }

    .leader .item .name {
        font-size: 14px;
    }
}

.Newspaper {
    padding-top: .3rem;
}

.Newspaper .item {
    width: 32%;
    margin-right: 2%;
    height: 1.45rem;
    padding-left: .25rem;
    margin-top: .5rem;
    background-color: #FFF;
    z-index: 20;
    border-top: 2px #a40100 solid;
    position: relative;
    padding-right: .25rem;
    border-left: 1px #e7e7e6 solid;
    border-right: 1px #e7e7e6 solid;
    border-bottom: 1px #e7e7e6 solid;
}

.Newspaper .item:nth-of-type(3n) {
    margin-right: 0;
}

.Newspaper .item::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .1rem;
    height: 100%;
    background-color: #f8f0e9;
    z-index: -2;
    transform: translateX(.1rem);
    -webkit-transform: translateX(.1rem);
    -moz-transform: translateX(.1rem);
    -ms-transform: translateX(.1rem);
    -o-transform: translateX(.1rem);
}

.Newspaper .item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    background-color: #f8f0e9;
    z-index: -2;
    transform: translateY(.1rem);
    -webkit-transform: translateY(.1rem);
    -moz-transform: translateY(.1rem);
    -ms-transform: translateY(.1rem);
    -o-transform: translateY(.1rem);
}

.Newspaper .item .date {
    font-family: 'Arial';
    color: #cccccc;
    font-size: .14rem;
    z-index: 5;
    letter-spacing: .2em;
}

.Newspaper .item .date::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #f3f3f3;
}

.Newspaper .item .date span {
    font-size: .32rem;
    font-weight: bold;
}

.Newspaper .item .date span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #ccc;
    width: .2rem;
}

.Newspaper .item .tit {
    font-size: .22rem;
    line-height: 1.2;
}

@media (min-width:1025px) {
    .Newspaper .item:hover {
        background: url(../images/tbg11.png)no-repeat center bottom;
        background-size: cover;
    }

    .Newspaper .item:hover .date,
    .Newspaper .item:hover .tit {
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .Newspaper .item .date {
        font-size: 12px;
        letter-spacing: 0;
    }

    .Newspaper .item .date span,
    .Newspaper .item .tit {
        font-size: 18px;
    }
}

@media (max-width:950px) {
    .Newspaper .item {
        width: 49%;
        height: auto;
        padding-bottom: .3rem;
        padding-top: .3rem;
    }

    .Newspaper .item:nth-of-type(3n) {
        margin-right: 2%;
    }

    .Newspaper .item:nth-of-type(2n) {
        margin-right: 0;
    }

    .Newspaper .item .tit {
        font-size: 16px;
    }
}

@media (max-width:540px) {
    .Newspaper .item {
        width: 100%;
        margin-right: 0;
    }
}

.service {
    padding-top: .9rem;
}

.service .pic {
    width: 10.48rem;
    overflow: hidden;
    margin-right: .2rem;
}

.service .text-con {
    padding: .4rem;
    font-family: 'PingFang-SC-Semibold';
}

.service .text-con .text {
    color: #666;
    line-height: 1.7;
    font-size: .2rem;
}

.service .con {
    position: absolute;
    right: 0;
    top: 1.85rem;
    width: 6.8rem;
    background: #FFF url(../images/tbg12.png)no-repeat center bottom;
    height: 4.1rem;
    z-index: 2;
    border-top: 5px #005296 solid;
    padding-left: .6rem;
    padding-right: .6rem;
    padding-top: .1rem;
}

.service .con a {
    background: url(../images/arrow1.png)no-repeat left center;
    background-size: .1rem;
    width: 33.333%;
    padding-left: .2rem;
    margin-top: .3rem;
    line-height: 1.4;
}

@media (min-width:1025px) {
    .service .con a:hover {
        text-decoration: underline;
    }
}

@media (max-width:1199px) {
    .service .text-con .text {
        font-size: 16px;
    }

    .service .pic {
        width: 65%;
    }

    .service .text-con {
        padding-top: 0;
    }
}

@media (max-width:950px) {
    .service .pic {
        width: 100%;
        margin-right: 0;
    }

    .service .text-con {
        padding: 0;
        margin-top: .3rem;
    }

    .service .con {
        position: inherit;
        width: 100%;
        height: auto;
        padding-bottom: .6rem;
        top: auto;
        right: auto;
        margin-top: .3rem;
    }
}

@media (max-width:540px) {
    .service .text-con .text {
        font-size: 14px;
    }

    .service .con a {
        width: 50%;
    }
}

.Network {
    padding-top: .7rem;
}

.Network .item {
    width: 17.7%;
    height: 2.22rem;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-top: 4px #e8ac72 solid;
    margin-right: 2.85%;
    background: url(../images/tbg13.jpg)no-repeat center bottom;
    margin-top: .4rem;
}

.Network .item:nth-of-type(5n) {
    margin-right: 0;
}

.Network .item .icon {
    margin-left: auto;
    margin-right: auto;
    width: 1.1rem;
    height: 1.1rem;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px dashed #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: .3rem;
}

.Network .item .n1 {
    background-image: url(../images/s1.png);
    background-size: .63rem;
}

.Network .item .n2 {
    background-image: url(../images/s2.png);
    background-size: 1rem;
}

.Network .item .n3 {
    background-image: url(../images/s3.png);
    background-size: .74rem;
}

.Network .item .n4 {
    background-image: url(../images/s4.png);
    background-size: .92rem;
}

.Network .item .n5 {
    background-image: url(../images/s5.png);
    background-size: .8rem;
}

.Network .item .n6 {
    background-image: url(../images/s6.png);
    background-size: .74rem;
}

.Network .item .n7 {
    background-image: url(../images/s7.png);
    background-size: .74rem;
}

.Network .item .n8 {
    background-image: url(../images/s8.png);
    background-size: .8rem;
}

.Network .item .n9 {
    background-image: url(../images/s9.png);
    background-size: .7rem;
}

.Network .item .n10 {
    background-image: url(../images/s10.png);
    background-size: .84rem;
}

.Network .item .n11 {
    background-image: url(../images/s11.png);
    background-size: .71rem;
}

.Network .item .n12 {
    background-image: url(../images/s12.png);
    background-size: .7rem;
}

.Network .item .n13 {
    background-image: url(../images/s13.png);
    background-size: .83rem;
}

.Network .item .n14 {
    background-image: url(../images/s14.png);
    background-size: .79rem;
}

.Network .item .n15 {
    background-image: url(../images/s15.png);
    background-size: .68rem;
}

.Network .item .n16 {
    background-image: url(../images/s16.png);
    background-size: .73rem;
}

.Network .item .n17 {
    background-image: url(../images/s17.png);
    background-size: .7rem;
}

.Network .item .n18 {
    background-image: url(../images/s18.png);
    background-size: .7rem;
}

.Network .item .tit {
    font-size: .24rem;
    line-height: 1.1;
    margin-top: .05rem;
}

@media (min-width:1025px) {
    .Network .item:hover {
        background-image: url(../images/tbg14.jpg);
        box-shadow: 0 .1rem .1rem rgba(201, 169, 167, .4);
    }

    .Network .item:hover .n1 {
        background-image: url(../images/s1-on.png);
    }

    .Network .item:hover .n2 {
        background-image: url(../images/s2-on.png);
    }

    .Network .item:hover .n3 {
        background-image: url(../images/s3-on.png);
    }

    .Network .item:hover .n4 {
        background-image: url(../images/s4-on.png);
    }

    .Network .item:hover .n5 {
        background-image: url(../images/s5-on.png);
    }

    .Network .item:hover .n6 {
        background-image: url(../images/s6-on.png);
    }

    .Network .item:hover .n7 {
        background-image: url(../images/s7-on.png);
    }

    .Network .item:hover .n8 {
        background-image: url(../images/s8-on.png);
    }

    .Network .item:hover .n9 {
        background-image: url(../images/s9-on.png);
    }

    .Network .item:hover .n10 {
        background-image: url(../images/s10-on.png);
    }

    .Network .item:hover .n11 {
        background-image: url(../images/s11-on.png);
    }

    .Network .item:hover .n12 {
        background-image: url(../images/s12-on.png);
    }

    .Network .item:hover .n13 {
        background-image: url(../images/s13-on.png);
    }

    .Network .item:hover .n14 {
        background-image: url(../images/s14-on.png);
    }

    .Network .item:hover .n15 {
        background-image: url(../images/s15-on.png);
    }

    .Network .item:hover .n16 {
        background-image: url(../images/s16-on.png);
    }

    .Network .item:hover .n17 {
        background-image: url(../images/s17-on.png);
    }

    .Network .item:hover .n18 {
        background-image: url(../images/s18-on.png);
    }

    .Network .item:hover .tit {
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .Network .item .tit {
        font-size: 18px;
    }
}

@media (max-width:950px) {
    .Network .item {
        width: 23.5%;
        margin-right: 2%;
        height: auto;
        padding-bottom: .4rem;
    }

    .Network .item:nth-of-type(5n) {
        margin-right: 2%;
    }

    .Network .item:nth-of-type(4n) {
        margin-right: 0;
    }

    .Network .item .tit {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .Network .item {
        width: 32%;
    }

    .Network .item:nth-of-type(4n) {
        margin-right: 2%;
    }

    .Network .item:nth-of-type(3n) {
        margin-right: 0;
    }

    .Network .item .tit {
        font-size: 16px;
    }
}

@media (max-width:540px) {
    .Network .item {
        width: 49%;
    }

    .Network .item:nth-of-type(3n) {
        margin-right: 2%;
    }

    .Network .item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.rongmei {
    /* -moz-column-count: 3;    -webkit-column-count: 3;    column-count: 3;    -moz-column-gap: .3rem;    -webkit-column-gap: .3rem;    column-gap: .3rem; */
    margin-top: .8rem;
}

.rongmei .item {
    /* -moz-page-break-inside: avoid; */
    /* -webkit-column-break-inside: avoid; */
    /* break-inside: avoid; */
    width: calc((100% - 60px) / 3);
    margin-bottom: .3rem;
}

.rongmei .item .pic {
    overflow: hidden;
}

.rongmei .item .pic::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    z-index: 1;
}

.rongmei .item .pic>img {
    width: 100%;
}

.rongmei .item .sns {
    position: absolute;
    left: .2rem;
    bottom: 0;
    padding-bottom: .1rem;
    color: #FFF;
    z-index: 2;
    font-size: .2rem;
}

.rongmei .item .sns>img {
    margin-right: .05rem;
}

.rongmei .item .sns.wx::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    height: 2px;
    background-color: #70ca3d;
}

.rongmei .item .sns.wb::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    height: 2px;
    background-color: #d81e06;
}

.rongmei .item .sns.wx>img {
    width: .32rem;
}

.rongmei .item .sns.wb>img {
    width: .28rem;
}

.rongmei .item .text-con {
    background-color: #FFF;
    height: 1.75rem;
    padding: .3rem .4rem;
}

.rongmei .item .date {
    color: #666666;
    font-family: 'Arial';
    line-height: 1.1;
}

.rongmei .item .tit {
    margin-top: .15rem;
    font-size: .2rem;
    line-height: 1.5;
}

.rongmei.s2 {
    display: flex;
    flex-wrap: wrap;
}

.rongmei.s2 .item {
    margin-right: 30px;
}

.rongmei.s2 .item:nth-of-type(3n) {
    margin-right: 0;
}

@media (min-width:1025px) {
    .rongmei .item:hover .pic::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

    .rongmei .item:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .rongmei .item:hover .sns::after {
        width: auto;
        left: -.4rem;
        right: -7rem;
    }
}

@media (max-width:1199px) {
    .rongmei .item .tit {
        font-size: 16px;
    }

    .rongmei .item .sns {
        font-size: 12px;
        padding-bottom: .2rem;
    }
}

@media (max-width:767px) {
    .rongmei {
        /* -moz-column-count: 2;        -webkit-column-count: 2;        column-count: 2;        -moz-column-gap: .3rem;        -webkit-column-gap: .3rem;        column-gap: .3rem; */
        margin-top: .5rem;
    }

    .rongmei .item {
        width: calc((100% - 20px) / 2);
    }

    .rongmei .item .text-con {
        padding: .2rem;
        height: 120px;
    }

    .rongmei.s2 .item {
        margin-right: 20px;
    }

    .rongmei.s2 .item:nth-of-type(3n) {
        margin-right: 20px;
    }

    .rongmei.s2 .item:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (max-width:480px) {
    .rongmei {
        /* -moz-column-count: 1;        -webkit-column-count: 1;        column-count: 1; */
    }

    .rongmei .item {
        width: 100%;
    }

    .rongmei.s2 .item {
        margin-right: 0 !important;
    }
}

.liren {
    margin-top: .8rem;
    background: url(../images/bg6.png)no-repeat center 2rem;
    background-size: 6.6rem;
}

.liren .th {
    padding-left: .8rem;
    padding-right: .8rem;
    font-size: .2rem;
}

.liren .th .zw-head {
    width: 2.4rem;
}

.liren .th .rqi-head {
    width: 1.7rem;
}

.liren .th span {
    padding-right: .2rem;
}

.liren .th span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px transparent solid;
    border-right: 5px transparent solid;
    border-top: 5px #d1d1d1 solid;
}

.liren .item {
    border-bottom: 1px #e0e0e0 solid;
    padding: .35rem .8rem .4rem .8rem;
    /* font-family: 'PingFang-SC-Semibold'; */
}

.liren .item .title-con,
.liren .th .title-head {
    width: 3.9rem;
}

.liren .item .zw {
    width: 2.4rem;
    color: #666;
    padding-right: .7rem;
}

.liren .item .renqi {
    width: 1.7rem;
    color: #666;
}

.liren .item .name {
    font-size: .2rem;
    line-height: 1.2;
}

.liren .item .title {
    color: #005296;
    font-size: .24rem;
    line-height: 1.3;
}

.liren .item .year {
    font-size: .16rem;
    line-height: 1.2;
    color: #666666;
    margin-top: .05rem;
}

.liren .item .con {
    margin-bottom: .15rem;
}

.liren .item .con:last-child {
    margin-bottom: 0;
}

.department ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: .8rem;
}

.department ul li {
    position: relative;
    display: flex;
    align-items: center;
    width: calc((100% - .9rem) / 4);
    min-height: .8rem;
    margin-top: .3rem;
    padding: .1rem .2rem;
    background: #fff;
    margin-right: .3rem;
    cursor: pointer;
}

.department ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #005296;
}

.department ul li:nth-of-type(4n + 4) {
    margin-right: 0;
}

.department ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .2rem;
    color: inherit;
}

.department ul li a i {
    width: .34rem;
    height: .34rem;
    background: url(../images/arrow9.png) no-repeat center;
    background-size: 60%;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: .2rem;
}

.department ul li:hover {
    color: #fff;
    background: url(../images/dept_bg.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0px 0.03rem 0.08rem rgba(150, 0, 14, .3);
}

.department ul li:hover i {
    background-image: url(../images/arrow10.png);
    border: 1px dashed #fff;
}

.Cultural.s2 {
    display: flex;
    flex-wrap: wrap;
}

.Cultural.s2 .item {
    /* display: block; */
    flex-direction: column;
    width: 31%;
    margin-right: 3.5%;
}

.Cultural.s2 .item:nth-of-type(3n) {
    margin-right: 0;
}

.Cultural.s2 .item .pic {
    padding-top: 56%;
}

.Cultural.s2 .item .text-con {
    padding: .2rem .3rem;
    padding-bottom: .5rem;
}

.Cultural.s2 .item .tit {
    font-size: .22rem;
}

.Cultural.s2 .item .text {
    margin-top: .14rem;
    line-height: 1.4;
}

.Cultural.s2 .item .text>div {
    padding-left: 1.2em;
    margin-top: .1rem;
}

.Cultural.s2 .item:hover .text-con {
    background: #005296 url(../images/cul_bg.jpg) no-repeat center bottom;
    background-size: 100% auto;
    box-shadow: 0px 0.03rem 0.1rem rgba(150, 0, 14, .3);
}

.Cultural.s2 .item:hover .tit,
.Cultural.s2 .item:hover .text {
    color: #fff;
}

@media (max-width:1199px) {
    .m-intro .txt {
        font-size: 14px;
        line-height: 1.7;
        padding-top: 13px;
        overflow-x: auto;
        width: 100%;
    }

    .liren .item,
    .liren .th {
        padding-left: 0;
        padding-right: 0;
    }

    .liren .th {
        font-size: 16px;
    }

    .liren .item .title {
        font-size: 18px;
    }

    .liren .item .year {
        font-size: 12px;
    }

    .liren .item .name {
        font-size: 14px;
    }

    .liren .item .renqi,
    .liren .th .rqi-head {
        width: 120px;
    }

    .liren .item .zw,
    .liren .th .zw-head {
        width: 170px;
    }

    .liren .item .zw {
        padding-right: .4rem;
    }

    .department ul li a {
        font-size: 14px;
    }
}

@media (max-width: 950px) {
    .department ul li {
        width: calc((100% - .9rem) / 3);
    }

    .department ul li:nth-of-type(4n + 4) {
        margin-right: .3rem;
    }

    .department ul li:nth-of-type(3n + 3) {
        margin-right: 0;
    }

    .Cultural.s2 .item {
        width: 48%;
        margin-right: 4%;
    }

    .Cultural.s2 .item .tit {
        font-size: 16px;
    }

    .Cultural.s2 .item .pic {
        width: 100%;
    }

    .Cultural.s2 .item:nth-of-type(3n) {
        margin-right: 4%;
    }

    .Cultural.s2 .item:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .liren {
        margin-top: 0rem;
    }

    .liren .th {
        display: none;
    }

    .liren .item .title-con {
        width: 100%;
        margin-bottom: .3rem;
    }

    .department ul li {
        width: 48%;
        padding: 10px;
        margin-right: 4%;
    }

    .department ul li:nth-of-type(4n + 4),
    .department ul li:nth-of-type(3n + 3) {
        margin-right: 4%;
    }

    .department ul li:nth-of-type(2n + 2) {
        margin-right: 0;
    }

    .Cultural.s2 .item {
        width: 100%;
        margin-right: 0% !important;
    }
}

/* 校园风光样式 */
.Campus {
    margin-top: .8rem;
}

.Campus .content {
    margin-right: 1.7rem;
}

.Campus .content::after {
    content: '';
    position: absolute;
    right: -1.7rem;
    width: 1.7rem;
    bottom: 0;
    top: .4rem;
    background: url(../images/tbg15.jpg)no-repeat right top;
    background-size: auto 100%;
}

.Campus .swiper-slide {
    overflow: hidden;
    padding-top: 63%;
}

.Campus .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
}

.Campus .swiper-button-prev,
.Campus .swiper-button-next {
    width: .54rem;
    height: .54rem;
    background-color: #FFF;
    border: 1px #e2e2e2 solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .21rem;
}

.Campus .swiper-button-prev {
    background-image: url(../images/prev2.png);
    left: -.28rem;
}

.Campus .swiper-button-next {
    background-image: url(../images/next5.png);
    right: -.28rem;
}

.Campus .pictures {
    margin-top: .6rem;
}

.Campus .pictures .title {
    line-height: 1.1;
    color: #252425;
    font-size: .3rem;
    font-family: "Microsoft YaHei", sans-serif;
    padding-left: .45rem;
}

.Campus .pictures .title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .25rem;
    height: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #005296;
}

.Campus .pictures .box {
    margin-top: .25rem;
}

.Campus .pictures .item {
    width: 23.5%;
    overflow: hidden;
    margin-right: 2%;
    padding-top: 15.8%;
}

.Campus .pictures .item:last-child {
    margin-right: 0;
}

.Campus .pictures .item img {
    position: absolute;
    left: 0;
    top: 0;
}

.Campus .pictures .item .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    color: #FFF;
    line-height: .5rem;
    width: 100%;
    font-size: .2rem;
}

@media (min-width:1025px) {
    .Campus .swiper-button-prev:hover {
        background-image: url(../images/prev3.png);
        background-color: #cc9900;
        border-color: #cc9900;
    }

    .Campus .swiper-button-next:hover {
        background-image: url(../images/next6.png);
        background-color: #cc9900;
        border-color: #cc9900;
    }
}

@media (max-width:1199px) {
    .Campus .pictures .item .tit {
        font-size: 14px;
        line-height: 48px;
    }

    .Campus .content {
        margin-right: 1.2rem;
    }

    .Campus .content::after {
        right: -1.4rem;
    }

    .Campus .swiper-button-prev,
    .Campus .swiper-button-next {
        width: 38px;
        height: 38px;
        background-size: 20px;
    }

    .Campus .pictures .title {
        font-size: 24px;
    }
}

@media (max-width:950px) {
    .Campus .content {
        margin-right: 0;
    }

    .Campus .content::after {
        display: none;
    }

    .Campus .swiper-button-prev {
        left: 10px;
    }

    .Campus .swiper-button-next {
        right: 10px;
    }

    .Campus .pictures .item {
        width: 49%;
        margin-top: .3rem;
        padding-top: 31%;
    }

    .Campus .pictures .item:nth-child(even) {
        margin-right: 0;
    }

    .Campus .pictures .box {
        margin-top: 0;
    }
}

@media (max-width:767px) {
    .Campus .pictures .title {
        font-size: 20px;
    }
}

.ie-tip {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #121212;
    z-index: 999998;
    display: none;
}

.ie-tip .i-cont {
    width: 600px;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -300px;
    line-height: 1.8;
    color: #fff;
    z-index: 999999;
    text-align: center;
}

.ie-tip img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.ie-tip p {
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
    width: 420px;
    margin: 10px auto;
    line-height: 1.8;
}

.table-nowrap table {
    table-layout: auto;
}

.table-nowrap table td {
    white-space: nowrap;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .home-media .item .tit,
    .home-Campus .card .tit {
        max-height: .2rem;
        overflow: hidden;
    }

    .home-news .item .tit,
    .home-keji .swiper-slide .tit {
        max-height: .612rem;
        overflow: hidden;
    }

    .home-edu .item>div,
    .home-sheke .first .tit {
        max-height: 0.576rem;
        overflow: hidden;
    }

    .home-sheke .first .sum {
        max-height: .65rem;
        overflow: hidden;
    }

    .home-teacher .gallery-top .des {
        max-height: 0.512rem;
        overflow: hidden;
    }

    .home-keji .swiper-slide .des {
        max-height: .448rem;
        overflow: hidden;
    }

    .home-sheke .content .card {
        max-height: .76rem;
        overflow: hidden;
    }

    .home-special .item .title {
        writing-mode: tb-rl;
    }

    .home-teacher .gallery-thumbs .swiper-pagination {
        position: relative;
    }

    .home-teacher .gallery-thumbs .button .con {
        width: 100%;
    }
}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.banner .banner-map {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4em;
    z-index: 9;
}

.banner .banner-map .img {
    width: 6em;
    position: relative;
    overflow: hidden;
    z-index: 9;
    cursor: pointer
}

.banner .banner-map .img::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.banner .banner-map .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96%;
    height: 96%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.banner .banner-map .line {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px dashed #aa5656;
    border-radius: 999px;
}

.banner .banner-map .line img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.banner .banner-map .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/banner-map-dot.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain
}

.banner .banner-map .item {
    position: relative
}

.banner .banner-map .item .list {
    position: absolute;
    top: 0;
    right: 80%;
    color: #fff;
    font-size: .2rem;
    line-height: 1.4;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    background: rgba(150, 0, 14, 0.9);
    border-radius: .25rem;
    width: 2rem;
    padding: 1em 2em;
    margin-right: 1em;
}

.banner .banner-map .item .list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 1em;
    height: 100%;
}

.banner .banner-map .item .list a {
    display: block;
    width: 100%;
    color: #fff;
    margin: .6em 0;
}

.banner .banner-map .item:hover .list {
    right: 100%;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199px) {
    .banner .banner-map {
        position: fixed;
        right: 2em;
        z-index: 100;
    }

    .banner .banner-map .img {
        width: 4.8em;
    }

    .banner .banner-map .item .list {
        font-size: 14px;
        width: 10em;
    }
}

@media (max-width: 767px) {
    .banner .banner-map {
        right: 1em;
    }

    .banner .banner-map .img {
        width: 3em;
    }
}