.overflow {
    overflow: hidden
}

a {
    color          : rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition     : all .2s ease
}

a:hover {
    text-decoration: none;
    color          : #a73b26
}

.more {
    color: #a73b26
}

.more::after {
    content               : "\EA6C";
    font-family           : remixicon !important;
    font-style            : normal;
    -webkit-font-smoothing: antialiased;
    vertical-align        : -2px;
    margin-left           : 4px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding    : 0;
    margin     : 0;
    line-height: inherit
}

:focus {
    outline        : none;
    box-shadow     : none;
    text-decoration: none
}

::-webkit-scrollbar {
    height: 0
}

[class*='ri-'] {
    vertical-align: -0.2em
}

img {
    max-width: 100%
}

input:focus {
    outline   : none;
    box-shadow: none
}

.container {
    position: relative
}

@media (min-width:1200px) {
    .container {
        width    : 1260px;
        max-width: 1260px
    }
}

@media (min-width:1536px) {
    .container {
        width    : 1536px;
        max-width: 1536px
    }
}

.date {
    color: rgba(0, 0, 0, 0.65)
}

.date::before {
    content               : "\F20F";
    font-family           : remixicon !important;
    font-style            : normal;
    -webkit-font-smoothing: antialiased;
    vertical-align        : -2px;
    margin-right          : 4px;
    color                 : #a73b26
}

.date.invert {
    color: rgba(255, 255, 255, 0.65)
}

.date.invert::before {
    color: white
}

.pagination>li>a {
    border-color : transparent;
    color        : rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    margin-right : 4px
}

.pagination>li.active>a {
    color       : #a73b26;
    background  : transparent;
    border-color: #a73b26
}

@font-face {
    font-weight: normal;
    font-style : normal
}

body {
    font-family         : 'jxs', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-weight         : normal;
    font-size           : 14px;
    line-height         : 1.5715;
    font-variant-numeric: tabular-nums;
    overflow-x          : hidden;
    background          : #f5f5f5
}

.layout-header {
    position  : relative;
    z-index   : 1010;
    background: white
}

.layout-header--top {
    position     : relative;
    z-index      : 1080;
    background   : rgba(182, 45, 39, 0.9);
    border-bottom: 1px solid #e8e8e8
}

.layout-header--top__content {
    padding    : 30px 0;
    width      : 100%;
    flex       : 1;
    white-space: nowrap
}

.layout-header--top__content .index-logo {
    height: 72px
}

.layout-header--top__content--extra .btn {
    border      : 1px solid #e8e8e8;
    margin-right: 16px;
    height      : 36px;
    line-height : 32px;
    padding     : 0 16px
}

.layout-header--top__content--extra .btn i {
    color     : #ffffff;
    transition: all .3s
}

.layout-header--top__content--extra .btn:hover {
    background  : #a73b26;
    border-color: #a73b26;
    color       : white
}

.layout-header--top__content--extra .btn:hover i {
    color: white
}

.layout-header--top__content--extra .form-control,
.layout-header--top__content--extra .input-group-text {
    border    : none;
    background: #f5f5f5;
    outline   : none
}

.layout-header--nav {
    height: 56px
}

.layout-header--nav .navbar {
    position: sticky;
    top     : 0;
    padding : 0
}

.layout-header--nav .navbar-nav {
    width: 100%
}

.layout-header--nav .nav-item {
    position  : relative;
    flex      : 1;
    margin    : 0 2px;
    transition: all .3s
}

.layout-header--nav .nav-item.active .nav-link {
    color: white
}

.layout-header--nav .nav-item.active .dropdown-menu {
    padding-bottom     : 120px;
    border-bottom-width: 4px;
    transform          : translateY(calc(-100% + 120px));
    transition         : all .3s
}

.layout-header--nav .nav-link {
    position   : relative;
    z-index    : 10;
    color      : rgba(0, 0, 0, 0.85);
    font-size  : 17px;
    text-align : center;
    padding    : 0;
    line-height: 56px;
    transition : all .3s
}

.layout-header--nav .nav-link:hover {
    color: #a73b26
}

.layout-header--nav .dropdown:hover .nav-link {
    color: white
}

.layout-header--nav .dropdown:hover .dropdown-menu {
    top                : 0;
    padding-top        : 88px;
    padding-bottom     : 16px;
    border-bottom-width: 4px;
    font-size          : 14px;
    transform          : translateY(0)
}

.layout-header--nav .dropdown:hover .dropdown-menu li {
    opacity: 1
}

.layout-header--nav .dropdown-menu {
    display            : block;
    padding            : 0;
    margin             : 0 !important;
    font-family        : -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size          : 0;
    overflow           : hidden;
    text-align         : center;
    top                : -1px;
    z-index            : 1;
    min-width          : 100%;
    max-width          : 100%;
    transform          : translateY(-100%);
    background-color   : #a73b26;
    background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53.582' height='48' viewBox='0 0 53.582 48'%3E%3Cpath d='M-709.428,408.172c-.156.136-.214.227-.292.248a7.129,7.129,0,0,1-2.964.41c-.485-.078-.943-.306-1.426-.414-.728-.163-1.481-.226-2.2-.428a17.593,17.593,0,0,1-2.967-1.013c-1.625-.8-3.214-1.678-4.762-2.617-1.35-.818-2.62-1.767-3.935-2.643a.416.416,0,0,0-.384.025,13.554,13.554,0,0,0-2.545,2.349c-.843,1.111-1.85,2.1-2.726,3.186a4.5,4.5,0,0,0-.955,2.264c-.253,1.867-.137,3.739-.207,5.608-.041,1.106-.168,2.208-.261,3.363a1.017,1.017,0,0,0,.226-.066,23.844,23.844,0,0,0,3.157-2.062c1.621-1.445,3.1-3.056,4.631-4.6a5.942,5.942,0,0,0,1.4-2.086c.149-.392.546-.425.875-.152a26.925,26.925,0,0,1,3.58,4.093c.536.666,1.149,1.273,1.748,1.886.706.723,1.4,1.464,2.161,2.125.824.716,1.73,1.335,2.58,2.023.834.675,1.642,1.381,2.462,2.074l-.038.183a1.893,1.893,0,0,1-.6.235,3.334,3.334,0,0,1-2.265-.851c-.56-.466-1.179-.861-1.769-1.291-.235-.171-.463-.35-.693-.528-.788-.608-1.565-1.231-2.367-1.82-.3-.222-.475.126-.576.29a20.917,20.917,0,0,1-2.6,3c-.394.428-.8.843-1.184,1.282a4.145,4.145,0,0,0-.616,2.083,2.94,2.94,0,0,0-.079.492q-.071,2.138-.13,4.276c-.04,1.4-.03,2.8-.133,4.2a11.266,11.266,0,0,1-.48,2.176c-.044.157-.311.252-.475.375-.108-.158-.276-.3-.313-.475a24.644,24.644,0,0,1-.435-5.707c.014-.652-.058-1.3-.053-1.957.013-1.624.045-3.247.077-4.871a1.208,1.208,0,0,0-.36-.932,6.046,6.046,0,0,1-.588-.895,7.2,7.2,0,0,0-.687-.979c-.579-.615-1.208-1.184-1.8-1.788-.182-.186-.287-.162-.48-.014-.7.537-1.425,1.047-2.137,1.571a4.28,4.28,0,0,1-1.944.786.352.352,0,0,0-.348.416c0,.459-.029.919,0,1.376a19.049,19.049,0,0,1-.681,4.755c-.049.259-.2.491-.5.46-.367-.038-.383-.357-.4-.632-.119-1.964-.23-3.929-.345-5.893a.523.523,0,0,0-.034-.1.69.69,0,0,0-.179-.043,6.962,6.962,0,0,1-4.594-2.045c-.419-.35-.58-.408-.912.038a27.43,27.43,0,0,1-3,2.912,5.367,5.367,0,0,0-1.448,3.364c-.177,1.569-.237,3.151-.387,4.723-.121,1.265-.3,2.524-.458,3.785a.683.683,0,0,1-.112.35.569.569,0,0,1-.361.21c-.081,0-.22-.177-.234-.288-.087-.7-.183-1.4-.208-2.107-.061-1.676-.047-3.354-.138-5.028a18.728,18.728,0,0,0-.405-3.167,5.71,5.71,0,0,0-1.317-2.715,9.219,9.219,0,0,1-1.365-2.353c-.085-.171-.171-.341-.28-.557-.129.1-.227.171-.312.253-1.029.985-2.044,1.986-3.088,2.954a14.953,14.953,0,0,1-1.694,1.394c-.68.465-1.418.845-2.134,1.256-.224.129-.427.173-.6-.111-.187-.307.023-.463.2-.629.822-.779,1.657-1.543,2.473-2.327,1.629-1.564,3.209-3.182,4.891-4.687a27.726,27.726,0,0,0,2.4-2.457,17.992,17.992,0,0,0,1.647-2.074,2.212,2.212,0,0,0,.459-1.479.646.646,0,0,1,.476-.7,1.225,1.225,0,0,1,1.505.419c.247.316.534.6.785.912a2.552,2.552,0,0,1,.457.678,7.7,7.7,0,0,0,1.674,2.458c.551.619,1.049,1.29,1.632,1.876.533.536,1.158.98,1.727,1.483.39.345.726.754,1.134,1.074.527.414,1.1.768,1.753,1.215,0-.394-.009-.633,0-.871.054-1.22.167-2.439.156-3.658-.015-1.594-.107-3.188-.206-4.779a19.163,19.163,0,0,0-.3-2.132.607.607,0,0,0-.32-.383,4.08,4.08,0,0,1-1.61-1.33,19.147,19.147,0,0,0-3.152-3.112c-.446-.351-.873-.727-1.292-1.11a.523.523,0,0,0-.763-.064c-.7.474-1.434.889-2.144,1.345-.88.564-1.733,1.17-2.626,1.71-1.408.851-2.84,1.663-4.262,2.49-.372.216-.766.4-1.114.65a12.084,12.084,0,0,1-3.139,1.583,21.436,21.436,0,0,1-4.215,1.325,1.556,1.556,0,0,1-.412.037,1.263,1.263,0,0,1-.337-.159c.074-.13.114-.313.226-.383q1.312-.827,2.65-1.613c.368-.217.779-.363,1.135-.6,1.47-.962,2.923-1.951,4.389-2.919,1.309-.864,2.63-1.711,3.942-2.572.876-.575,1.741-1.166,2.618-1.741,1.847-1.21,3.688-2.429,5.55-3.615,1.543-.983,3.122-1.91,4.667-2.889a9.182,9.182,0,0,0,1.261-1.02.7.7,0,0,0,.188-.512c-.082-.895-.218-1.785-.3-2.68-.059-.634-.082-1.272-.081-1.909a.729.729,0,0,1,.252-.45,1.6,1.6,0,0,1,1.677-.215c.5.153.554.592.6,1.033q.233,2.352.489,4.7a.762.762,0,0,0,.194.442,24.93,24.93,0,0,0,2.3,2.1c1.507,1.106,3.074,2.132,4.639,3.156,1.728,1.131,3.456,2.264,5.231,3.316,1.343.8,2.76,1.468,4.145,2.191.756.395,1.522.769,2.269,1.179.282.155.494.465.786.568.68.241,1.392.388,2.083.6.2.061.361.247.561.312.492.161,1,.286,1.5.425C-709.872,408.055-709.7,408.1-709.428,408.172Zm-20.341-7.575c-.531-.392-1.065-.782-1.594-1.178-.94-.7-1.9-1.39-2.809-2.128a1.746,1.746,0,0,0-1.817-.242c-1.614.962-3.221,1.937-4.835,2.9-.192.115-.278.226-.111.422a6.764,6.764,0,0,0,2.74,2.15.931.931,0,0,1,.667.557.959.959,0,0,0,.219.3,6.262,6.262,0,0,1,1.363,2.109,7.366,7.366,0,0,0,.437.881,15.971,15.971,0,0,1,1.744-1.543,4.522,4.522,0,0,0,1.088-1.165,7.409,7.409,0,0,1,.582-.7C-731.345,402.183-730.584,401.421-729.769,400.6Zm-17.419,11.879a5.352,5.352,0,0,1-.357.605,23.6,23.6,0,0,1-3.607,3.768c-.183.146-.236.242-.082.431q.441.539.864,1.092c.5.656,1.027,1.3,1.494,1.979.365.532.656,1.115.978,1.672.75-.6,1.519-1.248,2.328-1.842a7.9,7.9,0,0,0,1.937-2.143c.168-.26.14-.407-.081-.664-.871-1.016-1.716-2.058-2.512-3.134A14.665,14.665,0,0,1-747.188,412.475ZM-721.1,416.8c-.408-.369-.848-.708-1.217-1.113-.8-.879-1.575-1.787-2.349-2.691-.343-.4-.373-.423-.735-.061q-1.335,1.335-2.651,2.688c-.441.453-.865.922-1.308,1.394a22.864,22.864,0,0,1,2.416,1.908,23.126,23.126,0,0,1,1.884,2.494Z' transform='translate%28763.01 -387.848%29' fill='%23fff' opacity='0.15'/%3E%3C/svg%3E%0A");
    background-position: center bottom;
    background-repeat  : no-repeat;
    background-size    : 56px auto;
    border             : none;
    border-bottom      : 0 solid #fbbf24;
    border-radius      : 0;
    transition         : all .3s
}

.layout-header--nav .dropdown-menu li {
    transition: all .4s;
    opacity   : 0
}

.layout-header--nav .dropdown-item {
    text-overflow: ellipsis;
    white-space  : nowrap;
    overflow     : hidden;
    font-size    : 13px;
    color        : white;
    padding      : 8px 16px
}

.layout-header--nav .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.15);
    color     : white
}

.logo {
    padding        : 16px 32px;
    border         : 0 solid #e8e8e8;
    border-width   : 0 1px;
    background     : white;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.logo img {
    width: 160px
}
.layout-swiper{height:500px;background:#f5f5f5}.layout-swiper .swiper-slide{position:relative}.layout-swiper .swiper-slide-content{position:absolute;width:100%;bottom:0;z-index:1;background:rgba(0,0,0,0.65);line-height:80px;text-align:center}.layout-swiper .swiper-slide-content a{color:white;font-size:18px}.layout-swiper .swiper-pagination{bottom:96px}.layout-swiper .swiper-pagination-bullet-active{background:#a73b26}.swiper{position:relative;width:100%;height:100%}.swiper img{display:block;width:100%;height:100%;object-fit:cover}

.layout-content {
    background: #f5f5f5 url('../img/bg.jpg') repeat center / 50%
}

.academic-exchange-header {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-top     : 40px;
    margin-bottom  : 40px;
    padding-right  : 15px
}

.academic-exchange-title {
    position    : relative;
    font-size   : 32px;
    padding-left: 16px
}

.academic-exchange-title::before {
    content   : '';
    position  : absolute;
    left      : 0;
    width     : 48px;
    height    : 48px;
    background: #F8F6F5;
    border-top: 1px solid #333;
    transform : rotate(45deg) translate(0, 32px)
}

.academic-exchange-title::after {
    content      : '';
    position     : absolute;
    width        : 16px;
    height       : 16px;
    border       : 3px solid #a73b26;
    border-radius: 100%;
    top          : 0;
    left         : 102px;
    transform    : translate(50%, 50%)
}

.academic-exchange-more {
    font-size: 18px;
    color    : #a73b26
}

.academic-exchange-more::after {
    font-family           : remixicon !important;
    font-style            : normal;
    -webkit-font-smoothing: antialiased;
    content               : "\EA6C";
    vertical-align        : -0.19em;
    margin-left           : 6px
}

.academic-exchange-more:hover {
    opacity: .65
}

.section-1 .col-3 {
    border-left : 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.academic-exchange-swiper::after {
    content      : '';
    display      : block;
    width        : 500px;
    height       : 70px;
    margin-bottom: 10px;
    background   : url(../img/academic-line.png) no-repeat center / 100%;
    transform    : translate(-50%, -18px)
}

.academic-exchange-swiper .swiper {
    width: 100%
}

.academic-exchange-swiper .swiper-pagination {
    bottom: -40px
}

.academic-exchange-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #a73b26
}

.academic-exchange-swiper .swiper-slide {
    position: relative
}

.academic-exchange-swiper .swiper-slide img {
    height: 280px
}

.academic-exchange-swiper .swiper-slide-content {
    position  : relative;
    padding   : 16px 120px 20px 24px;
    background: #a73b26
}

.academic-exchange-swiper .swiper-slide-content a {
    font-size: 16px;
    color    : white
}

.academic-exchange-swiper .swiper-slide-date {
    position       : absolute;
    z-index        : 1;
    top            : -40px;
    right          : 12px;
    width          : 80px;
    height         : 80px;
    padding-left   : 16px;
    background     : #CA8A04;
    border         : 4px solid #CA8A04;
    box-shadow     : inset 0 0 0 1px white;
    color          : white;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center
}

.academic-exchange-swiper .swiper-slide-date h4 {
    margin-right: 36px;
    margin-top  : -8px;
    font-size   : 40px;
    line-height : 1
}

.academic-exchange-swiper .swiper-slide-date span {
    margin-left: 24px;
    display    : inline-block;
    font-size  : 24px;
    line-height: 1
}

.academic-exchange-swiper .swiper-slide-date-driver {
    width     : 14px;
    height    : 1px;
    background: white;
    transform : rotate(-45deg)
}

.academic-exchange-list {
    padding-right: 15px
}

.academic-exchange-list li {
    list-style   : none;
    display      : flex;
    align-items  : center;
    padding      : 16px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15)
}

.academic-exchange-list-date {
    flex           : 0 0 auto;
    margin-right   : 24px;
    display        : flex;
    flex-direction : column;
    justify-content: center
}

.academic-exchange-list-date span {
    display    : inline-block;
    font-size  : 16px;
    line-height: 1;
    color      : rgba(0, 0, 0, 0.85)
}

.academic-exchange-list-date h4 {
    font-size  : 32px;
    line-height: 1;
    color      : #a73b26;
    margin-left: 24px
}

.academic-exchange-list-date-driver {
    width        : 16px;
    height       : 1px;
    background   : rgba(0, 0, 0, 0.25);
    transform    : rotate(-45deg);
    margin-left  : 12px;
    margin-bottom: -8px
}

.academic-exchange-list-date2 {
    flex           : 0 0 auto;
    margin-left    : 24px;
    display        : flex;
    flex-direction : column;
    justify-content: center
}

.academic-exchange-list-date2 span {
    display    : inline-block;
    font-size  : 16px;
    line-height: 1;
    color      : rgba(0, 0, 0, 0.85)
}

.academic-exchange-list-content a {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size         : 16px;
    transition        : all .3s
}

.academic-exchange-list-content a:hover {
    transform: translateX(8px)
}

.work-dynamics-title {
    margin-top    : 40px;
    margin-bottom : 31px;
    text-align    : center;
    font-size     : 30px;
    color         : #a73b26;
    padding-bottom: 12px;
    background    : url(../img/work-dynamics.png) no-repeat center bottom / 180px
}

.work-dynamics-title2 {
    margin-bottom : 20px;
    text-align    : center;
    font-size     : 30px;
    color         : #a73b26;
    padding-bottom: 12px;
    background    : url(../img/work-dynamics.png) no-repeat center bottom / 180px
}

.work-dynamics {
    padding: 0 16px
}

.work-dynamics li {
    list-style  : none;
    line-height : 58px;
    background  : url('../img/xiangyun.png') no-repeat left center / 18px;
    padding-left: 32px
}

.work-dynamics li a {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size         : 16px;
    transition        : all .3s
}

.work-dynamics li a:hover {
    transform: translateX(8px)
}

.section-2 {
    padding   : 80px 0;
    background: url('../img/landscape.jpg') no-repeat center / cover
}

.cultural-element {
    padding   : 64px 0;
    position  : relative;
    background: #573e26 url('../img/qi.png') no-repeat right center / auto 90%
}

.cultural-element-content {
    position: relative;
    padding : 0 120px;
    color   : white
}

.cultural-element-content .swiper-pagination {
    position: absolute;
    top     : 80px;
    right   : 40px;
    z-index : 1
}

.cultural-element-content .swiper-pagination-bullet {
    background  : white;
    margin-right: 8px;
    opacity     : 1
}

.cultural-element-content .swiper-pagination-bullet-active {
    background: #a73b26
}

.cultural-element-item {
    display   : none;
    text-align: center
}

.cultural-element-item p {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity           : .65;
    margin-top        : 16px;
    margin-bottom     : 320px
}

.cultural-element-item a {
    display   : inline-block;
    font-size : 18px;
    color     : white;
    margin-top: auto
}

.cultural-element-item a::after {
    font-family           : remixicon !important;
    font-style            : normal;
    -webkit-font-smoothing: antialiased;
    content               : "\EA6C";
    vertical-align        : -0.19em;
    margin-left           : 6px
}

.cultural-element-item a:hover {
    color: #a73b26
}

.cultural-element-item.active {
    display: block
}

.cultural-element-swiper {
    position: absolute;
    top     : 160px;
    width   : 100%;
    height  : 240px;
    overflow: hidden
}

.cultural-element .swiper-pagination {
    bottom: 0
}

.cultural-element .cultural-swiper-prev,
.cultural-element .cultural-swiper-next {
    position       : absolute;
    z-index        : 1;
    top            : 40px;
    width          : 64px;
    height         : 64px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border         : 1px solid white;
    border-radius  : 50%;
    font-size      : 24px;
    color          : white;
    text-align     : center;
    cursor         : pointer;
    transition     : all .3s
}

.cultural-element .cultural-swiper-prev:hover,
.cultural-element .cultural-swiper-next:hover {
    border-color: transparent;
    background  : rgba(255, 255, 255, 0.15)
}

.cultural-element .cultural-swiper-prev {
    left: 0
}

.cultural-element .cultural-swiper-next {
    right: 0
}

.achievement-container {
    position: static
}

.achievement-display {
    display: flex
}

.achievement-display-title {
    position    : relative;
    flex        : 0 0 64px;
    margin-right: 80px
}

.achievement-display-title img {
    display: block
}

.achievement-display-title .achievement-button-next,
.achievement-display-title .achievement-button-prev {
    width          : 48px;
    height         : 48px;
    border         : 1px solid rgba(0, 0, 0, 0.1);
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : none;
    margin         : 8px;
    font-size      : 24px;
    color          : #a73b26
}

.achievement-display-title .achievement-button-next:hover,
.achievement-display-title .achievement-button-prev:hover {
    background-color: #a73b26;
    border-color    : #a73b26;
    color           : white
}

.achievement-display-content {
    position       : relative;
    flex           : 1;
    padding-right  : 20px;
    /* margin-right: calc(-1 * ((100vw - 1260px) / 2));  ← 删除 */
    overflow       : hidden
}

.achievement-display-content .swiper {
    overflow: hidden
}

.achievement-display-content h4 {
    font-size : 20px;
    text-align: center;
}

.achievement-display-content p {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    opacity           : .75;
    font-size         : 14px
}

.achievement-display-img {
    height  : 240px;
    overflow: hidden
}

.achievement-display-img img {
    margin-bottom: 16px;
    transition   : all .3s
}

.achievement-display-img:hover img {
    transform: scale(1.2)
}

.section-4 {
    position: relative
}

.section-4::before {
    content     : '';
    position    : absolute;
    height      : 520px;
    top         : 50px;
    left        : 0;
    width       : calc((100vw - 1260px) / 2 + 5px);
    border      : 0 solid rgba(0, 0, 0, 0.15);
    border-width: 1px 0
}

.section-5 {
    position: relative
}

.section-5::after {
    content      : '';
    position     : absolute;
    top          : 10px;
    right        : 40px;
    display      : block;
    width        : 500px;
    height       : 70px;
    margin-bottom: 10px;
    background   : url(../img/academic-line.png) no-repeat center / 100%
}

.guanzi-journal {
    padding            : 40px 0;
    display            : flex;
    background-image   : url('../img/journal-border.png');
    background-position: left -340px center;
    background-repeat  : no-repeat;
    background-size    : auto 520px
}

.guanzi-journal--img {
    flex        : 0 0 348px;
    margin-right: 80px;
    box-shadow  : 6px 6px 0 0 rgba(0, 0, 0, 0.08)
}

.guanzi-journal--content {
    flex    : 1;
    overflow: hidden
}

.guanzi-journal-item {
    padding   : 16px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.guanzi-journal-item h4 {
    line-height       : 1.25;
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.school-history-style {
    padding              : 40px;
    background           : white;
    display              : grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    grid-template-rows   : repeat(2, 1fr);
    grid-column-gap      : 30px;
    grid-row-gap         : 30px
}

.school-history-style .school-history-item {
    position      : relative;
    width         : 100%;
    height        : 0;
    padding-bottom: 48%;
    overflow      : hidden;
    background    : whitesmoke
}

.school-history-style .school-history-item:first-child {
    grid-area: 1 / 1 / 3 / 2;
    height   : 100%
}

.school-history-style .school-history-item img {
    position  : absolute;
    width     : 100%;
    height    : 100%;
    z-index   : 1;
    object-fit: cover;
    transition: all .3s
}

.school-history-style .school-history-item a:hover img {
    transform: scale(1.1)
}

.school-history-style .school-history-content {
    position  : absolute;
    z-index   : 2;
    width     : 100%;
    padding   : 8px 0 10px;
    bottom    : 0;
    left      : 0;
    right     : 0;
    background: rgba(167, 59, 38, 0.75);
    color     : white;
    text-align: center;
    font-size : 16px
}

.layout-footer {
    background: url(../img/landscape.jpg) no-repeat center / cover
}

.layout-footer .container {
    padding    : 40px 0 40px;
    display    : flex;
    align-items: center;
    background : url(../img/qi2.png) no-repeat right 120px bottom / 240px
}

.layout-footer-content {
    flex: 1;
}

.layout-footer-logo {
    display       : block;
    width         : 240px;
    margin-bottom : 24px;
    mix-blend-mode: multiply
}

.layout-footer-nav {
    display: flex
}

.layout-footer-nav li {
    list-style  : none;
    margin-right: 40px;
    font-size   : 16px
}

.layout-footer .copyright {
    margin-top: 40px;
    font-size : 14px;
    opacity   : .65
}

.layout-footer-qrcode {
    text-align: center
}

.layout-footer-qrcode span {
    display   : block;
    font-size : 18px;
    margin-top: 12px
}

.layout-placeholder {
    position  : relative;
    height    : 400px;
    background: black
}

.layout-placeholder-content {
    position : absolute;
    z-index  : 1;
    width    : 1180px;
    top      : 50%;
    left     : 0;
    right    : 0;
    margin   : auto;
    transform: translateY(-50%);
    color    : white
}

.layout-placeholder-content h4 {
    font-size: 40px
}

.layout-placeholder-content h4::after {
    content   : '';
    display   : block;
    width     : 40px;
    height    : 4px;
    background: #a73b26;
    margin    : 40px 0 24px
}

.layout-placeholder-content span {
    display       : block;
    text-transform: uppercase;
    font-size     : 16px
}

.layout-placeholder img {
    display   : block;
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    opacity   : .85
}

.layout-page-navbar {
    background: white
}

.layout-page-navbar .container {
    display        : flex;
    align-items    : center;
    justify-content: space-between
}

.layout-page-navbar-nav {
    list-style: none;
    display   : flex
}

.layout-page-navbar-nav li {
    position: relative;
    padding : 24px
}

.layout-page-navbar-nav li a {
    display  : block;
    font-size: 16px
}

.layout-page-navbar-nav li.active a {
    color: #a73b26
}

.layout-page-navbar-nav li.active::after {
    content   : '';
    position  : absolute;
    height    : 3px;
    background: #a73b26;
    bottom    : 0;
    right     : 16px;
    left      : 16px
}

.layout-page-navbar .breadcrumb {
    display      : inline-flex;
    margin-bottom: 0;
    padding      : 24px
}

.layout-page {
    padding: 40px 0
}

.layout-page-list,
.layout-page-content {
    background: white;
    padding   : 40px 80px
}

.layout-page .article-tags span {
    margin-right: 1em;
    opacity     : .65
}

.layout-page .displayinfo {
    margin-top : 40px;
    font-size  : 18px;
    line-height: 2
}

.layout-page .displayinfo p {
    margin-bottom: 1em
}

.layout-page .academic-exchange-list {
    margin-bottom: 40px
}

.layout-page .pagination {
    justify-content: center
}

.layout-page .pagination .page-link {
    min-width : 40px;
    text-align: center;
    border    : none
}

.layout-page .pagination .page-link:hover {
    color: #a73b26
}

.layout-page .pagination .page-item.active .page-link {
    background-color: #a73b26;
    color           : white
}

@media (max-width:1200px) {
    .layout-header--websubname {
        margin-bottom: 0
    }

    .layout-header--top {
        z-index: 1
    }

    .layout-header--top__content {
        flex-direction: column;
        padding       : 16px 0
    }

    .layout-header--top__content .index-logo {
        width        : 100%;
        height       : auto;
        margin-bottom: 16px
    }

    .layout-header--top__content--extra {
        position: absolute;
        bottom  : -48px;
        left    : 16px;
        right   : 48px
    }

    .layout-header--top__content--extra .btn {
        margin: 0 8px 0 0
    }

    .layout-header--top__content--extra .btn span {
        display: none
    }

    .layout-header--top__content--extra .input-group {
        width: auto
    }

    .layout-header--top__content--extra .form-control,
    .layout-header--top__content--extra .input-group-text {
        border    : none;
        background: #f5f5f5;
        outline   : none
    }

    .layout-header--nav {
        height: 58px
    }

    .layout-header--nav .navbar {
        position: absolute;
        top     : 12px;
        right   : 4px;
        padding : 0
    }

    .layout-header--nav .navbar-toggler:focus {
        box-shadow: none
    }

    .layout-header--nav .navbar-nav {
        width      : 100%;
        padding-top: 40px
    }

    .layout-header--nav .navbar-collapse {
        display   : block !important;
        position  : fixed;
        z-index   : 2022;
        width     : 80vw;
        height    : 100vh;
        top       : 0;
        right     : 0;
        bottom    : 0;
        transition: all .3s;
        transform : translateX(100%);
        background: #a73b26
    }

    .layout-header--nav .navbar-collapse.show {
        transform: translateX(0)
    }

    .layout-header--nav .navbar .ri-close-line {
        position : absolute;
        top      : 12px;
        right    : 16px;
        font-size: 24px;
        color    : white
    }

    .layout-header--nav .nav-item {
        flex  : 0 0 auto;
        margin: 0
    }

    .layout-header--nav .nav-item.active .nav-link {
        color     : white;
        background: rgba(0, 0, 0, 0.15)
    }

    .layout-header--nav .nav-link {
        height     : 40px;
        line-height: 36px;
        color      : white
    }

    .layout-header--nav .nav-link:hover {
        color: white
    }

    .layout-header--nav .dropdown-menu {
        display: none
    }

    .logo {
        padding: 16px
    }

    .logo img {
        display: block;
        width  : 117px
    }

    .layout-placeholder-content {
        padding: 0 24px
    }

    .layout-page {
        padding: 40px 0
    }

    .layout-page-navbar .container {
        padding       : 0;
        flex-direction: column
    }

    .layout-page-navbar .container nav {
        display: none
    }

    .layout-page-navbar-nav {
        width      : 100%;
        overflow-x : auto;
        white-space: nowrap;
        flex-flow  : nowrap
    }

    .layout-page-navbar-nav::-webkit-scrollbar {
        display: none
    }

    .layout-page-list,
    .layout-page-content {
        padding: 24px
    }

    .layout-footer {
        padding: 0 16px
    }

    .layout-footer .container {
        flex-direction: column
    }

    .layout-footer-logo {
        margin: 0 auto 24px
    }

    .layout-footer-content {
        margin-right: 0
    }

    .layout-footer-nav {
        flex-flow      : wrap;
        justify-content: center
    }

    .layout-footer-nav li {
        margin-right: 0;
        flex        : 0 0 25%;
        line-height : 40px;
        text-align  : center
    }

    .layout-footer-qrcode {
        margin-top: 24px
    }

    .layout-footer .copyright {
        margin-top: 24px;
        text-align: center
    }

    .achievement-display-title {
        margin-right: 16px
    }

    .achievement-display-content {
        margin-right: 0;
        padding     : 0
    }

    .cultural-element {
        flex-direction: column
    }

    .cultural-element .cultural-swiper-prev,
    .cultural-element .cultural-swiper-next {
        top: -32px
    }

    .cultural-element .cultural-swiper-prev {
        left     : 50%;
        transform: translateX(-120%)
    }

    .cultural-element .cultural-swiper-next {
        right    : 50%;
        transform: translateX(120%)
    }

    .cultural-element-content {
        padding       : 48px;
        padding-bottom: 0
    }

    .cultural-element-swiper {
        width: auto;
        left : 16px;
        right: 16px;
        top  : 220px
    }

    .cultural-element-swiper img {
        height: 250px
    }

    .cultural-element-swiper .swiper-slide {
        overflow: hidden
    }

    .cultural-element .swiper-pagination {
        top  : 24px;
        right: 24px
    }

    .section-4::before {
        content: none
    }

    .guanzi-journal {
        padding-top   : 140px;
        flex-direction: column;
        background    : none
    }

    .guanzi-journal--img {
        margin-right: 16px
    }

    .school-history-style {
        display       : flex;
        flex-direction: column;
        padding       : 16px
    }

    .school-history-style-wrap {
        transform: translateY(0)
    }
}