@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 #96000E !important;
    color: #fff;
    background-color: #96000E !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: #96000E;
}


/*块级转化*/

.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: 100;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.header::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    z-index: -1;
}

.top {
    width: 100%;
    background-color: #96000E;
    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 .t1 {
    background-image: url(../images/t1.svg);
    background-size: .16rem;
    padding-left: .2rem;
}

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

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

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

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

.top .t6 {
    background-image: url(../images/t6.svg);
    background-size: .15rem;
    padding-left: .2rem;
}

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

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

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

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

.menu-btn {
    display: none;
    background: url(../images/menu.svg)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.svg);
}

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

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

.nav li>a {
    line-height: .8rem;
    font-size: .22rem;
    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 #96000E solid;
}

.nav .m-search {
    display: none;
    border: 1px #96000E 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: #96000E url(../images/search.svg)no-repeat center;
    background-size: 18px;
    width: 40px;
    border: 0;
}

.header.fixed {
    background-color: #96000E;
}

.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.svg);
}

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

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

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

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

.copyright {
    color: #D38C8C;
    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: #D38C8C;
    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.svg)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.svg)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 .top {
        margin-top: -.4rem;
    }
    .header.lit .top {
        margin-top: 0;
    }
    .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: #96000E;
        color: #FFF;
    }
    .copyright a:hover {
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .top {
        display: none;
    }
    .head .logo {
        height: 1.1rem;
    }
    .header::after {
        height: 100%;
    }
    .header.on {
        background-color: #96000E;
    }
    .header.on::after,
    .nav li>a::after {
        display: none;
    }
    .menu-btn,
    .m-top {
        display: block;
    }
    .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.svg)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;
    }
    .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;
    }
    .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;
}

.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('../fonts/SourceHanSerifCN-Regular.otf');
}

@font-face {
    font-family: 'SourceHanSerifCN-Bold';
    src: url('../fonts/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.svg)no-repeat right center;
    background-size: .3rem;
    padding-right: .4rem;
    color: #96000E;
    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.svg)no-repeat center top;
    background-size: 100%;
    color: #96000E;
}

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

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

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

.home-title .cn {
    font-family: '苹方黑体-中黑-简';
    color: #96000E;
    font-size: .42rem;
    line-height: 1.1;
}

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

.home-title .en {
    color: #555555;
    line-height: 1.1;
    font-family: 'Calisto-MT';
    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.svg)no-repeat left bottom;
    background-size: 100% 100%;
}

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

.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: #96000E;
    font-size: .14rem;
}

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

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

.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: #96000E;
    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: #96000E;
    z-index: 2;
}

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

.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.svg)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: #96000E;
    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 .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 bottom;
    background-size: 100%;
    overflow: hidden;
    padding-bottom: 4.3rem;
}

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

.home-edu .home-title {
    margin-left: .75rem;
    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.svg)no-repeat left center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

@font-face {
    font-family: 'SourceHanSerifCN-Medium';
    src: url('../fonts/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.svg)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: .9rem;
    height: 2.9rem;
    background: url(../images/bg2.png)no-repeat center;
    background-size: cover;
    color: #FFF;
    padding-left: 2.7rem;
    padding-right: .35rem;
    padding-top: .35rem;
}

.home-teacher .gallery-top .name {
    display: block;
    font-size: .26rem;
    color: #fff;
    padding-bottom: .15rem;
}

.home-teacher .gallery-top .name::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: .25rem;
    height: 1px;
    background-color: #FFF;
}

.home-teacher .gallery-top .name::before {
    content: '';
    position: absolute;
    left: .27rem;
    bottom: 0;
    width: .55rem;
    height: 1px;
    background-color: #E8AC72;
}

.home-teacher .gallery-top .text {
    display: none;
    line-height: 1.1;
    margin-top: .25rem;
}

.home-teacher .gallery-top .des {
    font-size: .16rem;
    opacity: .7;
    line-height: 1.6;
    margin-top: .1rem;
}

.home-teacher .gallery-thumbs {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    bottom: .1rem;
    z-index: 10;
}

.home-teacher .gallery-thumbs .swiper-slide {
    width: 2.28rem;
    overflow: hidden;
    margin-right: .2rem;
    padding-top: 1.15rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-teacher .gallery-thumbs .swiper-slide .pic {
    width: 100%;
    height: 2.98rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-teacher .gallery-thumbs .name {
    font-size: .16rem;
    margin-top: .3rem;
    color: #333;
}

.home-teacher .gallery-thumbs .swiper-slide-active {
    width: 3.35rem;
    padding-top: 0;
}

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

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

.home-teacher .gallery-thumbs .button {
    width: 3.35rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    padding: .2rem 0 .1rem 0;
    z-index: 10;
    background: #fcf9f6;
}

.home-teacher .gallery-thumbs .button .con {
    padding-left: .35rem;
    padding-right: .35rem;
}

.home-teacher .gallery-thumbs .swiper-pagination {
    position: initial;
    left: auto;
    bottom: 0;
    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.svg) no-repeat center;
    background-size: 100%;
    top: 50%;
    transform: translateY(-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;
}

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

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

.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.svg)no-repeat center;
    background-size: .13rem;
    border: 1px #96000E 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;
}

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

.home-sheke .first .tit {
    line-height: 1.6;
    margin-top: .2rem;
}

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

.home-sheke .content .card {
    line-height: .76rem;
    border-bottom: 1px dashed #DEDEDE;
    background: url(../images/arrow2.svg)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: #96000E;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.home-Cultural {
    width: 100%;
    background: url(../images/bg3.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: #5E5E5E;
}

.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.svg)no-repeat left 90%;
    background-size: 100%;
}

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

.home-Cultural .title-con .tit.on span {
    color: #96000E;
    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.svg);
}

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

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

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

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

.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('../fonts/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: #96000E;
    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: #96000E;
    width: 68%;
}

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

.home-meiti {
    margin-top: 1.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.svg)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: #96000E url(../images/top.svg)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: #96000E;
    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: #96000E;
    }
    .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 {
        -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-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.svg);
    }
    .home-edu .item:hover>div {
        padding-left: .65rem;
    }
    .home-edu .item:hover>div::before {
        background-image: url(../images/arrow2.svg);
        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.svg);
    }
    .home-keji .swiper-button-prev:hover,
    .home-keji .swiper-button-next:hover {
        background-color: #96000E;
        background-image: url(../images/prev1.svg);
    }
    .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;
    }
    .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-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-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: 3.5rem
    }
    .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;
    }
}

@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: #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: #fdf7f4 url(../images/bg5.jpg)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: 'SourceHanSerifCN-Bold';
    font-size: .5rem;
}

.n-banner .title .en {
    font-family: 'Times New Roman';
    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: #96000E;
    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('../fonts/PingFang-SC-Semibold.ttf');
}

.sidebar {
    margin-top: .6rem;
    width: 2.6rem;
    background-color: #FFF;
    border-left: 4px #96000e solid;
    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: #96000E;
    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: 'PingFang-SC-Semibold';
    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.svg)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: #96000E;
}

.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: #96000E;
}

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 #96000E solid;
    height: 4.35rem;
    margin-left: -.5rem;
    padding-left: .95rem;
    padding-top: .6rem;
    padding-right: .45rem;
}

.teacher .item .name {
    color: #96000E;
    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: #96000e;
    z-index: -1;
}

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

.teacher-details .name {
    font-size: .36rem;
    line-height: 1;
    font-weight: 500;
    /* color: #96000E; */
    /* 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: #96000E;
}

.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: #96000E;
    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: #96000E;
    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: #96000E;
}

.subnav a.on::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #96000E;
    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 #96000E 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 #96000E 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 #96000E solid;
    padding-bottom: .3rem;
}

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

.jigou .content .tit {
    background: url(../images/arrow1.svg)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: #96000E;
    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 #96000E 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: #96000E;
    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: #96000E;
    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 #96000E solid;
    padding-left: .6rem;
    padding-right: .6rem;
    padding-top: .1rem;
}

.service .con a {
    background: url(../images/arrow1.svg)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 .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 .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: #96000E;
    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: #96000e;
}

.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: #96000E 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: #96000E;
    font-size: .3rem;
    font-family: 'PingFang-SC-Semibold';
    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: #96000E;
}

.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;
    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) {
    .ie-tip {
        display: block;
    }
}


@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;
    }
}