.banner {
    overflow: hidden;
    height: 100vh;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden;
}

.body-frame {
    position: fixed;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    top: 100vh;
    /* overflow-y: scroll; */
    background-color: #fff;
    z-index: 90;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    /* overflow-x: hidden; */
}

.body-frame.on {
    top: 90px;
    transition: all 1s;
}

.banner .slider-for img {
    width: 100%;
    height: 100vh;
    -webkit-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    transition: all 3s ease-out;
    overflow: hidden;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    object-fit: cover;
}

.banner .slick-active img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

/* .fancybox-image,.fancybox-spaceball {    width: 90%;} */
@keyframes imgscale {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.banner .slider-for .slick-arrow {
    top: 50%;
    width: 29px;
    height: 45px;
    background: url(../../img/anku/arrow-on.png) no-repeat center;
    background-size: contain;
    z-index: 6;
    margin-top: -23px;
}

.banner .slider-for .slick-prev {
    left: 1.5%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.banner .slider-for .slick-next {
    right: 1.5%;
}

.banner .slider-for .slick-prev:before,
.banner .slider-for .slick-next:before {
    display: none;
}

.banner .slider-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    font-size: 0;
}

.banner .slider-nav .item {
    float: left;
    width: 16.666666%;
    height: 80px;
    margin-top: 30px;
    transition: height .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    background: url(../images/bg5.png);
    display: block;
}

.banner .slider-nav.hover .item {
    width: 15.625%;
}

.banner .slider-nav.on {
    height: 160px;
}

.banner .slider-nav.on .item {
    margin-top: 80px;
}

.banner .slider-nav.on .slick-current {
    height: 160px;
    min-height: 160px;
}

.banner .slider-nav.on .icon {
    width: 24.685%;
    right: 11%;
}

.banner .slider-nav .item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #2f4b7b;
    opacity: .5;
}

.banner .slider-nav .item:nth-child(6)::after {
    display: none;
}

.banner .slider-nav .title {
    color: #FFF;
    padding-top: 13px;
}

.banner .te_c .cn,
.banner .te_c .en {
    text-align: center;
}

.banner .slider-nav .cn {
    font-size: 22px;
}

.banner .slider-nav .en {
    font-size: 14px;
    opacity: .5;
}

.banner .slider-nav .hidd {
    padding-left: 5%;
    padding-top: 6%;
    display: none;
}

.banner .slider-nav .icon {
    position: absolute;
    right: 15%;
    top: 0;
    width: 17%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.banner .slider-nav .text {
    width: 56%;
    margin-top: 5px;
    overflow: hidden;
}

.banner .slider-nav .text a {
    width: 50%;
    color: #FFF;
    line-height: 28px;
    font-size: 16px;
}

.banner .slider-nav .tit {
    color: #FFF;
}

.banner .slider-nav.hover .item {
    width: 15.625%;
}

.banner .slider-nav .slick-current,
.banner .slider-nav.hover .slick-current {
    width: 21.875%;
    background: url(../images/bg4.jpg)no-repeat 50%;
    background-size: cover;
    margin-top: 0px !important;
    z-index: 6;
    height: auto;
    height: 110px;
    vertical-align: bottom;
}

.banner .slider-nav .slick-current.item::after {
    display: none;
}

.banner .slider-nav .slick-current .hidd {
    display: block;
}

.banner .slider-nav .slick-current .title {
    display: none;
}

@keyframes bgrotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes titleshow {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }

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

.news {
    padding: 70px 8%;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}

.news::before {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    left: 18%;
    background-color: #ddd;
}

/* .news::after {    content: '';    position: absolute;    left: -145px;    bottom: -350px;    width: 1000px;    height: 1000px;    background: url(../images/quan.png)no-repeat center;    background-size: 100%;    z-index: -1;} */
.news .title {
    position: absolute;
    left: 6.5%;
    top: 90px;
}

.news .pic-con {
    width: 28.2%;
    position: relative;
    z-index: 6;
}

.news .pic-con .pic {
    overflow: hidden;
    width: 100%;
    height: 310px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.news .pic-con .pic:hover {
    background-size: 110% 110%;
    transition: all 1s;
}

.news .pic-con .pic:last-child {
    margin-top: 60px;
}

.news .pic-con .pic img {
    width: 100%;
}

.news .pic-con .bg {
    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;
}

.news .pic-con .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 20px;
    color: #FFF;
}

.news ul {
    margin-left: 18%;
    width: 47%;
    position: relative;
    z-index: 6;
}

.news ul li {
    height: 58px;
    width: 100%;
    line-height: 58px;
    padding-left: 40px;
}

.news ul li::after {
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #f0f0f0;
}

.news ul li:last-child::after {
    display: none;
}

.news ul li a {
    width: 85%;
    overflow: hidden;
    height: 58px;
}

.news ul li .time {
    color: #014b96;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.news ul li span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #b6bcd6 solid;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.news .more {
    position: absolute;
    left: 13%;
    bottom: 90px;
    z-index: 2;
}

.news .more {
    color: #014b96;
    padding-right: 80px;
    height: 60px;
}

.news .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.news .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.news .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #295dad dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.news .more span .quanbg {
    display: block;
    width: 700px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: bgrotate 25s linear 0s infinite;
}

.news .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #295dad dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.news .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-color: #014b96;
    z-index: 2;
}

.news .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.notice {
    width: 100%;
    padding: 60px 10% 0 10%;
    padding-bottom: 80px;
    background: url(../../img/anku/bg6.jpg)no-repeat center center;
    background-size: cover;
}

.notice .title img.wow {
    animation: titleshow 1s ease-in .1s forwards;
}

@keyframes titleshow {
    0% {
        transform: translateY(-20%);
    }

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

.notice ul {
    opacity: 0;
    animation: titleshow 1s ease-in .2s forwards;
}

.notice .more {
    color: #FFF;
    padding-right: 80px;
    height: 60px;
    position: absolute;
    right: 0%;
    top: 30px;
    z-index: 2;
}

.notice .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.notice .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.notice .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #2ba3e0 dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.notice .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #fff dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.notice .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    z-index: 2;
}

.notice .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.notice ul {
    margin-top: 40px;
}

.notice ul li {
    height: 58px;
    line-height: 58px;
    padding-left: 40px;
    margin-right: 6%;
    width: 47%;
    z-index: 1;
}

.notice li:nth-child(even) {
    margin-right: 0;
}

.notice ul li::after {
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #f0f0f0;
    opacity: .2;
}

.notice ul li::before {
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    content: '';
    position: absolute;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    left: -20px;
    right: -20px;
    padding-left: 70px;
    padding-right: 20px;
    height: 58px;
    z-index: -1;
    background: url(../../img/anku/bg7.png)no-repeat center;
    background-size: cover;
    display: none;
}

.notice ul li:last-child::after {
    display: none;
}

.notice ul li a {
    width: 85%;
    overflow: hidden;
    height: 58px;
    color: #FFF;
}

.notice ul li .time {
    color: #FFF;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../../img/anku/icon8.png)no-repeat left center;
    padding-left: 30px;
}

.notice ul li span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #b6bcd6 solid;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.yanjiu {
    width: 100%;
    padding: 70px 9%;
    overflow: hidden;
}

@keyframes titleshow {
    0% {
        transform: translateY(-40%);
    }

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

.yanjiu .title img.wow {
    opacity: 0;
    animation: titleshow 1s ease-in 0s forwards;
}

@keyframes titleshow {
    0% {
        transform: translateY(20%);
    }

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

.yanjiu .content .item.wow {
    opacity: 0;
    animation: titleshow 1s ease-in 0s forwards;
}

.yanjiu .more {
    color: #014b96;
    padding-right: 80px;
    height: 60px;
    position: absolute;
    right: 0%;
    top: 30px;
    z-index: 2;
}

.yanjiu .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.yanjiu .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.yanjiu .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #2ba3e0 dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.yanjiu .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #2ba3e0 dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.yanjiu .page-content .page-count .svg {
    transform: rotate(-90deg);
}

.yanjiu .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-color: #014b96;
    z-index: 2;
}

.yanjiu .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.yanjiu .content {
    margin-top: 60px;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 140px;
}

/* .yanjiu .content::before {    content: '';    position: absolute;    left: 0;    bottom: 60px;    width: 40%;    background-color: #e5e5e5;    height: 1px;}.yanjiu .content::after {    content: '';    position: absolute;    right: 0;    bottom: 60px;    width: 40%;    background-color: #e5e5e5;    height: 1px;} */
.yanjiu .content .item {
    width: 345px;
    height: 260px;
    border-top: 1px #ddd solid;
    border-bottom: 2px #014b96 solid;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
}

.yanjiu .content .item .hzbxImg {
    width: 100%;
    height: 100%;
}

.yanjiu .content .item .hzbxImg .imgHzbx {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.yanjiu .content .item:hover .hzbxImg .imgHzbx {
    transform: scale(1.2);
}

.yanjiu .content .p_rImg {
    margin-top: 80px;
    margin-left: 62px;
}

.yanjiu .content .item .ellipsis-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    color: #fff;
    background-color: #014b9680;
    text-align: center;
    padding: 20px 10px;
}
.yanjiu .content .item .ellipsis-2 .ellipsis-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.yanjiu .content .item .ellipsis-2 .ellipsis-p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.yanjiu .content .item .ellipsis-2 .ellipsis-p .dateIcon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

/* 放大 */
.yanjiu .content .item:hover .pic .di_bl .hzbxImg {
    transform: scale(1.4);
}

.yanjiu .content .tit {
    font-size: 16px;
    overflow: hidden;
    font-weight: bolder;
    height: 56px;
    line-height: 1;
}

.yanjiu .content .txt {
    margin-top: 30px;
    color: #666;
    line-height: 1.8;
}

.yanjiu .content .txt p {
    margin: 0;
    padding-left: 25px;
    background-position: left 50%;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 2;
}

.yanjiu .content .name {
    background-image: url(../images/icon9.png);
}

.yanjiu .content .time {
    background-image: url(../images/icon10.png);
}

.yanjiu .content .address {
    background-image: url(../images/icon11.png);
}

.yanjiu .content .pic-con {
    margin-top: 35px;
    width: 170px;
    height: 170px;
    z-index: 1;
    background-color: #FFF;
    /* overflow: hidden; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 25px;
}

.yanjiu .content .pic-con::before {
    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%);
    background-color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
}

.yanjiu .content .pic {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 3;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.yanjiu .content .pic img {
    width: 100%;
    height: 100%;
}

.yanjiu .slick-track {
    padding-top: 10px;
    padding-bottom: 30px;
}

.yanjiu .content .slick-arrow {
    top: auto;
    bottom: 20px;
    width: 32px;
    height: 40px;
    background: url(../../img/anku/h-prev.png)no-repeat center;
    background-size: 100%;
    z-index: 9;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.yanjiu .content .slick-prev {
    left: 43%;
}

.yanjiu .content .slick-next {
    right: 43%;
    background-image: url(../../img/anku/h-next.png);
}

.yanjiu .content .slick-dots {
    bottom: 28px;
    height: 70px;
}

.yanjiu .content .slick-dots li {
    width: 70px;
    height: 70px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #eaeff7 solid;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url(../images/icon12.png)no-repeat center;
}

.yanjiu .content .slick-dots li button {
    display: none;
}

.yanjiu .content .slick-active {
    border-color: #3e6cb5;
    border-top: 1px solid #dddddd;
    z-index: 3;
}

/* 学生风采 */
.wrapper {
    width: 83%;
    max-width: 1600px;
    margin: 0 auto;
}

.wrapper> :first-child {
    margin-top: 0 !important;
}

.wrapper> :last-child {
    margin-bottom: 0;
}

.wrapper-thin {
    width: 800px;
    margin: 0 auto;
}

.wrapper-thin .posters {
    height: 500px;
}

.wrapper-thin .posters img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper-thin> :last-child {
    margin-bottom: 0;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.mb40-24-16 {
    margin-bottom: 40px;
}

.section-title {
    background: rgba(0, 0, 0, 0);
}

.subheading.both-sides {
    width: 100%;
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    justify-content: space-between;
    align-items: center;
}

.subheading {
    text-align: left;
    width: 100%;
}

.subheading.both-sides .left,
.subheading.both-sides .right {
    flex: 1;
}

.subheading h5,
.subheading h2 {
    margin: 0;
}

.subheading.both-sides .right {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

.subheading.both-sides a {
    padding: 8px 12px;
}

.btn-primary {
    overflow: hidden;
    border: 1px solid #003c8e;
    background: rgba(0, 0, 0, 0);
    border-radius: 28px;
    color: #000;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    gap: 8px;
}

.link-extra-small {
    font-size: 12px;
}

.btn-primary:hover {
    background-color: #fff;
    color: #010544;
    border: 1px solid #ce57c1;
}

.btn-primary:active {
    background: #dfdfeb;
    color: #010544;
    border: 1px solid #ce57c1;
}

.btn-primary:focus {
    background-color: #fff;
}

.btn-primary img,
.btn-primary svg {
    width: 15px;
    height: 15px;
}

.mb40-24-16 {
    margin-bottom: 40px;
}

.wrapper> :last-child {
    margin-bottom: 0;
}

.article-module-left-right-layout-list {
    width: 100%;
    display: flex;
    gap: 24px;
}

.article-module-left-right-layout-list .left {
    flex: 0 0 calc((100% - 24px) / 2);
    /* min-height: 750px; */
}

.visible-invisible {
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.article-module-left-right-layout .section-title {
    width: 100%;
    margin-bottom: 24px;
}

.article-module-left-right-layout-list {
    width: 100%;
    display: flex;
    gap: 24px;
}

.article-module-left-right-layout-list .card .card-title {
    -webkit-line-clamp: 1;
    line-height: 30px;
    margin-top: 0;
}

.article-module-left-right-layout-list .card .tags {
    margin-bottom: 16px;
}

.article-module-left-right-layout-list .card .card-body .btn-secondary {
    color: var(--xjtlu-dark-secondary);
    font-weight: 400;
}

.article-module-left-right-layout-list .left {
    flex: 0 0 calc((100% - 24px) / 2);
    /* min-height: 750px; */
}

.article-module-left-right-layout-list .left .card {
    width: 100%;
    height: 100%;
}

.article-module-left-right-layout-list .left .card .card_img {
    max-height: 458px;
    overflow: hidden;
    aspect-ratio: 688/368;
}

.article-module-left-right-layout-list .left .card .card_img img {
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article-module-left-right-layout-list .left .card .card-text {
    font-size: 16px;
    line-height: 23.2px;
}

.article-module-left-right-layout-list .left .card:hover {
    box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.4);
    background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
    transition: all 0.5s linear;
}

.article-module-left-right-layout-list .right {
    flex: 0 0 calc((100% - 24px) / 2);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-module-left-right-layout-list .right .card {
    width: 100%;
}

.article-module-left-right-layout-list .right .card:nth-child(-n + 3) {
    min-height: calc((100% - 40px) / 3);
}

.article-module-left-right-layout-list .right .card .row {
    height: 100%;
    width: 100%;
    margin-left: 0;
}

.article-module-left-right-layout-list .right .card:hover {
    box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.4);
    transition: all 0.5s linear;
    background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}

.article-module-left-right-layout-list .right .card .card_img {
    max-height: 100%;
    overflow: hidden;
}

.article-module-left-right-layout-list .right .card .card-body .tags {
    margin-bottom: 0;
}

.article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
    display: block;
}

.article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
    display: none;
}

.article-module-left-right-layout-list .right .card:last-child {
    margin-bottom: 0;
}

.card {
    border: none;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
}

.card.up-down .card_img {
    flex: 1 1 100%;
    max-height: 458px;
    overflow: hidden;
}

.card .card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
}

.card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 24px;
}

.card-body {
    flex: 1 1 auto;
    /* padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); */
    /* color: var(--bs-card-color); */
}

.card .tags {
    display: flex;
    gap: 8px 16px;
    flex-wrap: wrap;
}

.card.up-down .tag {
    color: #010544;
}

.card .tag {
    color: #010544;
    font-size: 14px;
    font-weight: 600;
}

.tag {
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 24px;
    border: 1px solid rgb(1, 5, 68);
    display: flex;
    align-items: center;
}

.card .card-body .card-title {
    line-height: 38.4px;
    text-align: left;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 16px 0 12px 0;
    color: var(--bs-primary);
}

.card .card-body p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card .card-body .card-date {
    font-weight: 400;
}

.card .btn-primary {
    font-weight: 600;
}

.card .btn-secondary {
    font-weight: 600;
    padding: 0;
}

.card .btn-secondary img {
    filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}

.card .btn-secondary:hover {
    background-color: rgba(0, 0, 0, 0);
}

.card.pdf-card.xjtlu-white-linear-gradients .card-body .card-title {
    color: var(--bs-primary);
}

.card.pdf-card.xjtlu-white-linear-gradients .card-body .btn-primary {
    border: 1px solid var(--xjtlu-secondary);
    color: #000;
}

.card.pdf-card.xjtlu-white-linear-gradients .card-body .btn-primary img {
    filter: none;
}

.card.up-down {
    width: 100%;
}

.card.up-down .card_img {
    flex: 1 1 100%;
    max-height: 458px;
    overflow: hidden;
}

.card.up-down .tag {
    color: var(--bs-primary);
}

.card.up-down .card-body .btn-secondary {
    font-weight: 400;
    color: var(--xjtlu-dark-secondary);
}

.card.card-img-bg {
    max-height: 569px;
    height: 569px;
}

.card.card-img-bg .card-overlay {
    padding: 0 24px 24px 24px;
    position: absolute;
    left: 0;
    bottom: 0;
}

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

.card.card-img-bg h3,
.card.card-img-bg p,
.card.card-img-bg a.link {
    color: #fff;
}

.card.card-img-bg a.link .revert {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.card.card-img-bg:hover {
    background: linear-gradient(180deg,
            rgba(2, 6, 69, 0) 50.52%,
            rgba(2, 6, 69, 0.5) 100%);
    box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
}

.card.medium {
    width: 100%;
}

.card.medium .card-body {
    padding: 36px 24px;
}

.card.medium .card-body h3 {
    font-size: 24px;
    line-height: 30px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card.medium .card-body p {
    -webkit-line-clamp: 2;
}

.card.across-medium {
    width: 100%;
    transition: all 0.5s linear;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    /* flex-wrap: wrap; */
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.card.up-down-card p {
    display: none;
}

.card.up-down-card .card_img {
    overflow: hidden;
}

.card.up-down-card .card_img img {
    aspect-ratio: 450/275;
}

.card.up-down-card .card-body {
    padding: 24px;
}

.card.up-down-card .card-body .btn-secondary {
    margin: 4px 0;
    font-weight: 400;
    color: var(--xjtlu-dark-secondary);
}

.card.across-medium {
    width: 100%;
    transition: all 0.5s linear;
}

.card.across-medium .card_img {
    max-height: 236px;
    overflow: hidden;
}

.card.across-medium .col-5,
.card.across-medium .col-7,
.card.across-medium .col-6 {
    padding-left: 0;
    padding-right: 0;
}

.card.across-medium .col-7 {
    height: 100%;
    align-self: center;
}

.card.across-medium .card-body {
    padding: 24px;
    height: 100%;
}

.card.across-medium .card-body .card-title {
    -webkit-line-clamp: 2;
    line-height: 30px;
    margin: 0;
}

.card.across-medium .card-body p {
    -webkit-line-clamp: 2;
    line-height: 20.3px;
}

.card.across-medium .card-body .btn-secondary {
    color: var(--xjtlu-dark-secondary);
    font-weight: 400;
}

.card.across-medium:hover {
    box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
    background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}

.studentShow {
    margin-top: 40px;
}

/* 学生风采手机适配 */
@media (max-width: 560px) {
    .wrapper,
    .wrapper-thin {
        width: 94%;
    }

    .mb40-24-16 {
        margin-bottom: 16px;
    }

    .subheading {
        max-width: 512px;
    }

    h2 {
        font-size: 24px;
        letter-spacing: -0.02em;
    }

    a.btn-primary,
    a.btn-secondary {
        font-size: 12px;
        padding: 8px 12px;
        gap: 4px;
    }

    a.btn-primary img,
    a.btn-secondary img {
        width: 12px;
        height: 12px;
    }

    .mb40-24-16 {
        margin-bottom: 16px;
    }

    .article-module-left-right-layout-list {
        flex-direction: column;
    }

    .article-module-left-right-layout-list .left {
        min-height: auto;
    }

    .article-module-left-right-layout-list .left .card .card_img {
        max-height: 296px;
    }

    .article-module-left-right-layout-list .card .card-body {
        padding: 16px;
    }

    .article-module-left-right-layout-list .card .card-body .tag {
        display: none;
    }

    .card.up-down .card-body .card-title {
        font-size: 20px;
        line-height: 25px;
    }

    .article-module-left-right-layout-list .card .card-body .card-title {
        margin: 0;
    }

    .card .card-body .card-title {
        font-size: 20px;
        line-height: 25px;
    }

    .article-module-left-right-layout-list .card .card-body .card-text {
        display: none;
    }

    .article-module-left-right-layout-list .card .card-body .btn-secondary {
        font-size: 16px;
        margin-top: 8px;
    }

    .card.up-down .card-body a {
        font-size: 14px;
        line-height: 16.7px;
    }

    .article-module-left-right-layout-list .right .card .card_img {
        max-height: 163px;
    }

    .card.across-medium .card_img {
        max-height: 180px;
    }

    .card .card_img {
        max-height: 221px;
    }

    .article-module-left-right-layout-list .right .card .card_img img {
        aspect-ratio: 219/108;
    }

    .article-module-left-right-layout-list .card .card-body {
        padding: 16px;
    }

    .card.across-medium .card-body {
        padding: 16px;
    }

    .article-module-left-right-layout-list .right .card .card-body .card-text {
        margin: 6px 0 12px 0;
    }

    .article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 6px;
    }

    .article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
        display: block;
    }

    .article-module-left-right-layout-list .card .card-body .btn-secondary {
        font-size: 16px;
        margin-top: 8px;
    }
    .article-module-left-right-layout-list .right .card .card_img {
        height: unset !important;
    }
}

.teacher {
    background: url(../../img/anku/teacher-bg.png)no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
    text-align: center;
}

.teacher .more {
    color: #FFF;
    padding-right: 80px;
    height: 60px;
    position: absolute;
    right: 10%;
    top: 30px;
    z-index: 2;
}

.teacher .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.teacher .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.teacher .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #2ba3e0 dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.teacher .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #fff dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.teacher .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    z-index: 2;
}

.teacher .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.teacher .content {
    margin-top: 30px;
    width: 100%;
}

.teacher .item {
    width: 20%;
}

.teacher .pic {
    margin-top: 60px;
    height: 530px;
    background-position: center !important;
    background-repeat: no-repeat;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    background-size: 100% 100% !important;
    /* background-size: cover !important; */
}

.teacher .name {
    position: absolute;
    color: #FFF;
    font-size: 28px;
    left: 0;
    width: 100%;
    bottom: 20px;
    z-index: 6;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.teacher .text-content {
    margin-top: 30px;
    opacity: 0;
}

.teacher .text-content .tit {
    font-size: 28px;
    color: #FFF;
    padding-bottom: 5px;
    line-height: 1.5;
}

.teacher .text-content .tit::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
}

.teacher .text-content .txt {
    margin-top: 20px;
    color: #bac8dd;
}

.teacher .pic::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.teacher .pic .se-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.teacher .pic .se-icon img {
    width: 60px;
    height: 65px;
}

.teacher .slick-list {
    padding: 0 !important;
}

.teacher .slick-current .pic {
    margin-top: 0;
    height: 590px;
    transform: scaleX(1.16);
    z-index: 99;
}

.teacher .slick-current:hover .pic {
    background-size: 110% 110% !important;
    transition: all 2s;
}

.teacher .slick-current .pic .se-icon {
    display: block;
}

.teacher .slick-current .pic::after {
    display: none;
}

.teacher .slick-current .name {
    opacity: 0;
}

.teacher .slick-current .text-content {
    opacity: 1;
    text-align: center;
}

.teacher::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 74px;
    width: 36%;
    height: 1px;
    background-color: #4c77ba;
}

.teacher::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 74px;
    width: 36%;
    height: 1px;
    background-color: #4c77ba;
}

.teacher .slick-arrow {
    top: auto;
    bottom: 0px;
    width: 50px;
    height: 50px;
    z-index: 6;
}

.teacher .slick-prev {
    background: url(../images/prev1.png) no-repeat center;
    left: 36%;
}

.teacher .slick-next {
    background: url(../images/next1.png) no-repeat center;
    right: 36%;
}

.party {
    padding: 100px 10%;
}

.party .focus {
    width: 52.5%;
    height: 460px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .3);
}

.party .focus img {
    height: 460px;
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    transition: all 1s;
}

.party .focus img:hover {
    transform: scale(1.05);
    transition: all 1s;
}

.party .focus .slick-arrow {
    width: 23px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    top: auto;
    bottom: 30px;
    z-index: 2;
}

.party .focus .slick-prev {
    left: auto;
    right: 100px;
    background-image: url(../../img/anku/prev.png);
}

.party .focus .slick-next {
    right: 40px;
    background-image: url(../../img/anku/next.png);
}

.party .content {
    width: 43%;
}

.party .content ul {
    margin-top: 30px;
}

.party .content ul li {
    height: 58px;
    width: 100%;
    line-height: 58px;
    padding-left: 40px;
}

.party .content ul li::after {
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #f0f0f0;
}

.party .content ul li:last-child::after {
    display: none;
}

.party .content ul li a {
    width: 85%;
    overflow: hidden;
    height: 58px;
}

.party .content ul li .time {
    color: #014b96;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../../img/anku/date.png)no-repeat left center;
    padding-left: 25px;
}

.party .content ul li span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #b6bcd6 solid;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.party .title {
    overflow: hidden;
}

.party .title .more {
    color: #014b96;
    padding-right: 80px;
    height: 60px;
    margin-top: 30px;
}

.party .title .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.party .title .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.party .title .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #295dad dashed; */
    position: absolute;
    right: 1px;
    top: 0px;
    z-index: 2;
}

.party .title .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #295dad dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.party .title .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-color: #014b96;
    z-index: 2;
}

.party .title .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.shuzi {
    overflow: hidden;
    padding: 0;
    background: url(../images/bg12.jpg) no-repeat left top;
    background-size: 24% 100%;
    padding-left: 10%;
    height: calc(100vh - 80px);
}

.shuzi .title {
    padding-top: 90px;
    height: 100%;
}

.shuzi .title .more {
    position: absolute;
    left: 5%;
    bottom: 90px;
    z-index: 2;
    color: #014b96;
    padding-left: 80px;
    height: 60px;
}

.shuzi .title .more .cn {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

.shuzi .title .more .en {
    opacity: .5;
    text-transform: uppercase;
    color: #FFF;
}

.shuzi .title .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #2985d2 dashed; */
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2;
}

.shuzi .title .more .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #fff dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.shuzi .title .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    z-index: 2;
}

.shuzi .title .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.shuzi .content {
    width: 85.4%;
    overflow: hidden;
}

.shuzi .play {
    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%);
    z-index: 2;
    width: 110px;
    height: 110px;
    background: url(../../img/anku/play1.png)no-repeat center;
    background-size: 100%;
}

.shuzi .text-content {
    position: absolute;
    left: 5%;
    bottom: 80px;
    color: #FFF;
    width: 52%;
    z-index: 2;
}

.shuzi .time {
    display: flex;
    align-items: center;
    font-size: 36px;
    /* background: url(../images/next1.png)no-repeat right center; */
    height: 50px;
    line-height: 50px;
}

.shuzi .time .next {
    width: 35px;
    height: 35px;
    margin-left: 20px;
}

.shuzi .txt {
    margin-top: 20px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

.shuzi .slider-nav {
    height: 128px;
    position: absolute;
    right: 3%;
    bottom: 64px;
    width: 520px;
    z-index: 6;
    overflow: hidden;
}

.shuzi .slider-nav .slick-track {}

.shuzi .slider-nav .slick-list {
    padding: 0 !important
}

.shuzi .slider-nav .item {
    width: 100px !important;
    height: 100px !important;
    border: 2px #FFF solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
    margin-top: 15px;
    float: left;
}

.shuzi .slider-nav .item:last-child {
    margin-right: 0
}

.shuzi .slider-nav .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shuzi .slider-nav .slick-current {
    width: 128px !important;
    height: 128px !important;
    border-width: 4px;
    margin-top: 0;
}

/* .shuzi .slider-nav .slick-track {    transform: translate3d(0, 0, 0) !important;    -webkit-transform: translate3d(0, 0, 0) !important;    -moz-transform: translate3d(0, 0, 0) !important;    -ms-transform: translate3d(0, 0, 0) !important;    -o-transform: translate3d(0, 0, 0) !important;} */
.shuzi .slider-for a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 80px);
}

.shuzi .slider-for a:before,
.brand .slider-for .item:before {
    content: '';
    display: block;
    width: 100%;
    height: 45%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.shuzi .slider-for a .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.shuzi .slider-for a .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.shuzi .slider-for .slick-current .bg,
.shuzi .slider-for .slick-current .video {
    animation: imgscale 5s linear infinite;
}

.hezuo {
    overflow: hidden;
    width: 100%;
    height: 835px;
    background: url(../images/bg13.jpg) no-repeat 50% 100%;
    background-size: cover;
    padding: 60px 10% 60px;
}

.hezuo .title .more {
    color: #014b96;
    padding-right: 80px;
    height: 60px;
    margin-top: 30px;
    position: absolute;
    right: 10%;
    top: 120px;
}

.hezuo .title .more .cn {
    font-size: 20px;
    font-weight: bold;
}

.hezuo .title .more .en {
    opacity: .5;
    text-transform: uppercase;
}

.hezuo .title .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #295dad dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.hezuo .title .more span .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #295dad dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.hezuo .title .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-color: #014b96;
    z-index: 2;
}

.hezuo .title .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

.hezuo .focus {
    position: absolute;
    right: 10%;
    bottom: 82px;
    z-index: 1;
    width: 480px;
    height: 480px;
}

@keyframes hezuo-cricle {
    0% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.hezuo .focus::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    opacity: .2;
    z-index: -1;
    transform: scale(1);
    animation: hezuo-cricle 3s infinite;
}

.hezuo .focus::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    z-index: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.hezuo .focus .pic {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    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%);
    z-index: 2;
}

.hezuo .focus .item {
    width: 400px;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.hezuo .focus .item:hover {
    background-size: 105% 105%;
    transition: background-size .5s linear;
}

.hezuo .focus .slick-arrow {
    width: 23px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
    margin-top: -20px;
}

.hezuo .focus .slick-prev {
    background-image: url(../../img/anku/prev.png);
    left: 20px;
}

.hezuo .focus .slick-next {
    background-image: url(../../img/anku/next.png);
    right: 20px;
}

.hezuo .text-content {
    /* position: absolute; */
    /* left: 10%; */
    width: calc(100% - 580px);
    /* height: 100%; */
    margin: 50px -20px 0;
    /* overflow: hidden; */
    padding: 0 0 20px;
}

.hezuo .text-content .item {
    padding: 22px 20px;
    width: 360px;
    height: 135px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    /* position: absolute; */
    opacity: 0;
    float: left;
    width: calc(50% - 40px);
    margin: 10px 20px;
    /* transition: .3s all ease-in; */
}

@keyframes fadein {
    0% {
        transform: translateX(-100px)
    }

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

.hezuo .text-content .item:nth-child(1) {
    animation: fadein 1.2s ease-in 0s forwards;
}

.hezuo .text-content .item:nth-child(2) {
    /* top: 230px; */
    /* left: 5%; */
    animation: fadein .6s ease-in 1.2s forwards;
}

.hezuo .text-content .item:nth-child(3) {
    /* top: 230px; */
    /* left: 480px; */
    animation: fadein 1.2s ease-in .6s forwards;
}

.hezuo .text-content .item:nth-child(4) {
    animation: fadein 1.1s ease-in .4s forwards;
}

.hezuo .text-content .item:nth-child(5) {
    animation: fadein 1s ease-in 0s forwards;
}

.hezuo .text-content .item:nth-child(6) {
    animation: fadein 1s ease-in .2s forwards;
}

.hezuo .text-content .time {
    font-size: 22px;
    color: #014b96;
    text-shadow: 0 5px 10px rgba(32, 86, 170, .5);
}

.hezuo .text-content .tit {
    margin-top: 14px;
    line-height: 1.5;
    height: 48px;
    overflow: hidden;
}

.brand {
    width: 100%;
    overflow: hidden;
}

.brand .slider-for .item {
    display: block;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 770px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.brand .slider-for .slick-current.item {
    /*     background-size: 110% 110%; */
    /* transition: background-size 10s linear !important; */
}

/* .brand .slider-for .item{position:relative;transform: translate3d(0, 0, 0) scale(1.1) !important;transition: opacity 0.3s ease, transform 0s ease 1s !important;}.brand .slider-for .slick-current.item{-webkit-transform:scale(1); transform:scale(1) !important; transition:all 5s cubic-bezier(0, .56, .44, 1) !important; } */
.brand .polite {
    overflow: hidden !important;
}

.brand .slider-for .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 110px;
    background: url(../images/play1.png)no-repeat center;
    background-size: 100%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.brand .slider-for .mark {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-color: #014b96;
    z-index: 2;
}

.brand .slider-for .text-content {
    position: absolute;
    right: 10%;
    text-align: right;
    bottom: 80px;
    z-index: 3;
    left: 10%;
}

.brand .slider-for .text-content .time {
    font-size: 26px;
    color: #f39800;
}

.brand .slider-for .text-content .txt {
    font-size: 22px;
    color: #FFF;
    margin-top: 10px;
}

.brand .title-content {
    width: 100%;
    height: 200px;
    background: url(../images/bg14.jpg)no-repeat center;
    background-size: cover;
    padding-left: 8%;
    padding-right: 8%;
    overflow: hidden;
}

.brand .slider-nav {
    width: 670px;
    margin-top: 28px;
    margin-left: 30px;
}

.brand .slider-nav .card {
    width: 205px;
    height: 110px;
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    margin: 0 10px;
}

.brand .slider-nav .slick-arrow {
    width: 24px;
    height: 40px;
    background: url(../images/arrow-on.png) no-repeat center;
    top: 50%;
    margin-top: -20px;
}

.brand .slider-nav .slick-prev {
    left: -50px;
    transform: rotate(180deg);
}

.brand .slider-nav .slick-next {
    right: -50px
}

.brand .slider-nav .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand .slider-nav .card img:hover {
    transform: scale(1.05);
    transition: all 1s linear;
}

.brand .slider-nav .slick-list {
    padding: 15px 0;
}

.brand .slider-nav .slick-current img {
    border: 4px #f39800 solid;
    height: calc(100% - 1px);
}

.brand .title {
    width: 440px;
    margin-top: 35px;
}

.brand .title .more {
    color: #014b96;
    padding-right: 80px;
    height: 60px;
    margin-top: 30px;
}

.brand .title .more .cn {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

.brand .title .more .en {
    opacity: .5;
    text-transform: uppercase;
    color: #FFF;
}

.brand .title .more span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border: 1px #2985d2 dashed; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

.brand .title .more .borquan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 105%;
    border-radius: 50%;
    border: 1px #fff dashed;
    animation: bgrotate 4s linear 0s infinite reverse;
}

.brand .title .more span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
    z-index: 2;
}

.brand .title .more span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
    background: url(../../img/anku/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}

/* .yanjiu_content_page {    width: 204;} */
.yanjiu .yanjiu_content_page::before {
    content: '';
    position: absolute;
    left: 0;
    top: 34px;
    width: 40%;
    background-color: #e5e5e5;
    height: 1px;
}

.yanjiu .yanjiu_content_page::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 34px;
    width: 40%;
    background-color: #e5e5e5;
    height: 1px;
}

.yanjiu .yanjiu_container {
    position: relative;
}

.yanjiu .yanjiu_content_page {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 28px;
}

.yanjiu .page-content {
    width: 140px;
    height: 70px;
    margin: auto;
    position: relative;
}

.yanjiu .page-content .prev,
.yanjiu .page-content .next {
    /* width: 32%; */
    height: 70px;
    float: left;
    cursor: pointer;
}

.yanjiu .page-content .next {
    float: right;
}

.yanjiu .page-content .next img {
    float: right;
}

.yanjiu .page-content .prev img,
.yanjiu .page-content .next img {
    width: 23px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.yanjiu .page-content .next img {
    right: 0;
}

.yanjiu .page-content .page-count {
    width: 70px;
    height: 70px;
    float: left;
    /* background-color: red; */
    position: relative;
    left: 50%;
    /* margin-left: -35px; */
    transform: translateX(-50%);
}

.yanjiu .page-content .page-count .svg {
    position: absolute;
    width: 71px;
    height: 71px;
    top: 0;
    left: 0;
}

.yanjiu .page-content .page-count img {
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.svg .icon-path {
    animation: icon-path-animation 3s linear forwards;
}

.yanjiu .content .item:hover .pic-con::before {
    -webkit-animation: ani_scale 1s 0s linear infinite;
    -moz-animation: ani_scale 1s 0s linear infinite;
    -ms-animation: ani_scale 1s 0s linear infinite;
    animation: ani_scale 1s 0s linear infinite
}

-webkit-@keyframes ani_scale {
    0% {
        width: calc(100% - 35px);
        height: calc(100% - 35px)
    }

    80% {
        opacity: .8
    }

    100% {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        opacity: 0
    }
}

-moz-@keyframes ani_scale {
    0% {
        width: calc(100% - 35px);
        height: calc(100% - 35px)
    }

    80% {
        opacity: .8
    }

    100% {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        opacity: 0
    }
}

-ms-@keyframes ani_scale {
    0% {
        width: calc(100% - 35px);
        height: calc(100% - 35px)
    }

    80% {
        opacity: .8
    }

    100% {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        opacity: 0
    }
}

@keyframes ani_scale {
    0% {
        width: calc(100% - 35px);
        height: calc(100% - 35px)
    }

    80% {
        opacity: .8
    }

    100% {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        opacity: 0
    }
}

/* .svg .cur{display: none;}.svg.on .curnone{display: none;}.svg.on .cur{display: block;} */
@keyframes icon-path-animation {
    0% {
        stroke-dasharray: 300;
        stroke-dashoffset: 300;
    }

    40% {
        stroke-dasharray: 300;
    }

    60% {
        stroke-dasharray: 300;
    }

    100% {
        stroke-dasharray: 300;
        stroke-dashoffset: 0;
    }
}

/* teacher */
.bg-circle {
    position: absolute;
    max-width: 870px;
    width: 100%;
    left: 0;
    top: 115px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bg-circle img {
    animation: teacher-clrcle-animation 50s linear infinite;
    max-width: 100%;
}

@keyframes teacher-clrcle-animation {
    0% {
        transform: rotate(0deg);
        transform-origin: center center;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: center center;
    }
}

.follow-box {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background-color: #fff; */
    border: 2px solid blue;
    position: absolute;
    z-index: 999;
}

.follow-dot {
    width: 3px;
    height: 3px;
    background-color: blue;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -1px;
}

.video-play {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1000005;
    display: none;
}

.video-play-content {
    width: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000006;
    display: none;
}

.share .erwma {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    bottom: 0.4rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    padding: 0.1rem;
    left: 50%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    opacity: 0;
    z-index: 2;
}

element.style {}

.share .erwma {
    position: absolute;
    width: 86px;
    height: 100px;
    bottom: calc(100% + 12px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    /* padding: 5px; */
    left: 50%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    opacity: 0;
    z-index: 2;
}

.share a:hover .erwma {
    bottom: calc(100% + 4px);
    opacity: 1;
}

.share .erwma img {
    width: 100%;
}

.share .erwma::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 0;
    height: 0;
    border-left: 7px transparent solid;
    border-right: 7px transparent solid;
    border-top: 7px #FFF solid;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.bgfff {
    background: #fff;
}

@media (min-width:1025px) {
    .news ul li:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 70px;
        padding-right: 20px;
        z-index: 2;
        background-color: #FFF;
    }

    .news ul li:hover::after {
        display: none;
    }

    .news ul li:hover span {
        left: 20px;
        width: 26px;
        height: 26px;
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        border: 0;
    }

    .news ul li:hover span::before {
        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%);
        background-color: #FFF;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}

@media (max-width:1680px) {
    .banner .slider-nav.on {
        height: 150px
    }

    .banner .slider-nav.on .item {
        margin-top: 80px;
        height: 70px;
    }

    .banner .slider-nav .slick-current {
        margin-top: 0;
        height: 150px;
    }

    .banner .slider-nav.on .slick-current {
        height: 150px;
        min-height: 150px;
    }

    .banner .slider-nav .icon {
        right: 15%;
    }

    .banner .slider-nav.on .icon {
        right: 12%;
    }

    .news {
        padding-left: 5%;
        padding-right: 5%;
    }

    .news .title {
        left: 5%;
    }

    .news .title img {
        width: 170px;
    }

    .news .more {
        left: 12%;
    }

    .shuzi .text-content {
        width: 42%
    }

    /*     .shuzi .slider-nav {width:480px;height:108px} */
    .shuzi .slider-nav {
        width: 440px;
        height: 100px;
    }

    .shuzi .slider-nav .item {
        width: 80px !important;
        height: 80px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width:1680px) {
    .banner .slider-nav .cn {
        font-size: 20px;
    }
}

@media (max-width: 1440px) {
    .news {
        padding-left: 3%;
        padding-right: 3%;
    }

    .news .title {
        left: 3%;
    }

    .news .title img {
        width: 150px;
    }

    .news .more {
        left: 11%;
    }
}

@media (max-width:1300px) {
    .news .more {
        left: 9.5%;
    }
}

@media (max-width: 1199px) {
    .banner .slider-for {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ie11 .banner .slick-active img,
    .ie10 .banner .slick-active img {
        animation: none;
    }

    .banner .slider-for .slick-arrow {
        /* display: none !important; */
    }

    .banner {
        height: auto;
        position: relative !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 1.2rem;
    }

    .body-frame {
        height: auto;
        overflow: visible;
        position: static !important;
    }

    .banner .slider-for img {
        height: 54vw;
    }

    .banner .slider-nav.hover {
        height: 1.2rem
    }

    .banner .slider-nav,
    .banner .slider-nav.on {
        height: 2.2rem;
    }

    .banner .slider-nav .slick-current,
    .banner .slider-nav.hover .slick-current {
        height: 2rem;
    }

    .banner .slider-nav .hidd {
        padding-top: 6%
    }

    .banner .slider-nav .icon {
        width: 1.2rem;
    }

    .banner .slider-nav .text {
        margin-top: .15rem;
    }

    .banner .slider-nav .cn {
        font-size: .24rem;
    }

    .banner .slider-nav .text a {
        font-size: 15px
    }

    .news .more span .quanbg {
        left: 0;
        top: inherit;
        bottom: 0;
    }

    .banner .slider-nav .en {
        font-size: .19rem;
    }

    .banner .slider-nav.hover .item {
        margin-top: .3rem;
        width: 14%
    }

    .banner .slider-nav .item {
        height: .9rem;
        margin-top: 1.3rem;
        padding-top: 0;
        line-height: 1.5;
        width: 16.666666%;
    }

    .banner .slider-nav.on .item {
        height: .9rem;
        margin-top: 1.3rem;
        padding-top: 0;
        line-height: 1.5;
        width: 14%;
    }

    .banner .slider-nav .title {
        padding-top: .1rem;
    }

    .banner .slider-nav .icon {
        right: 14.5%;
        width: .8rem;
    }

    .banner .slider-nav.hover .slick-current {
        width: 30%;
        height: 1.2rem;
    }

    .banner .slider-nav.on .slick-current {
        margin-top: 0 !important;
        height: 2.2rem;
        min-height: 2.2rem;
    }
}

@media (max-width:1199px) {
    .news {
        padding: .7rem .4rem;
    }

    .news .title {
        position: static;
        z-index: 6;
    }

    .news .title img {
        width: 2.3rem;
    }

    .news .more {
        left: auto;
        right: .4rem;
        bottom: auto;
        top: .8rem;
        height: .6rem;
        line-height: 1.5;
        padding-right: .8rem;
    }

    .news .more span {
        width: .6rem;
        height: .6rem;
    }

    .news .more span::after,
    .news .more span::before {
        width: .5rem;
        height: .5rem;
    }

    .news .more .cn {
        font-size: .26rem;
    }

    .news .more .en {
        font-size: .22rem;
    }

    .news::before,
    .news::after {
        display: none;
    }

    .news ul {
        margin-left: 0;
        width: 55%;
    }

    .news ul li {
        height: .7rem;
        line-height: .7rem;
        padding-left: .4rem;
    }

    .news ul li a {
        height: .7rem;
        font-size: .24rem;
    }

    .news ul li .time {
        font-size: .24rem;
    }

    .news ul li::after {
        left: .4rem;
    }

    .news .pic-con {
        width: 40%;
    }

    .news .pic-con .pic {
        height: 4rem;
        background-size: cover;
    }

    .news .pic-con .txt {
        margin: .2rem;
    }

    .news .pic-con .pic:last-child {
        margin-top: .6rem;
    }
}

@media (max-width: 1023px) {
    .banner .slider-nav.on .item {
        height: 1.1rem;
        margin-top: 1.1rem;
    }

    .banner .slider-nav.hover .item {
        margin-top: .3rem
    }

    .banner .slider-nav,
    .banner .slider-nav .slick-current {
        height: 2rem;
    }

    .banner .slider-nav.on {
        height: 2rem;
    }

    .banner .slider-nav.on .item {
        margin-top: 1.1rem
    }

    .banner .slider-nav.on .slick-current {
        height: 2rem;
        min-height: 2rem;
    }

    .banner .slider-nav.on .icon {
        width: 27.685%;
        right: 7%
    }

    .banner .slider-nav .item {
        margin-top: 1.1rem;
    }

    .banner .slider-nav .icon {
        right: 13%;
        width: .8rem;
    }

    .banner .slider-nav .text a {
        font-size: .2rem;
        line-height: .36rem;
    }
}

@media (max-width:767px) {
    .fancybox-slide {
        padding: 0
    }

    .news ul,
    .news .pic-con {
        width: 100%;
    }

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

    .news .more {
        top: 1.4rem;
    }
}

@media (min-width:1025px) {
    .notice ul li:hover {
        transform: scaleX(1.04);
    }

    .notice ul li:hover::after {
        display: none;
    }

    .notice ul li:hover::before {
        display: block;
    }

    .notice ul li:hover span {
        left: -0px;
        width: 26px;
        height: 26px;
        background-image: linear-gradient(90deg, #d6b82e, #ee9d07);
        border: 0;
    }

    .notice ul li:hover span::before {
        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%);
        background-color: #306fd0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}

@media (max-width:1680px) {
    .notice {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width:1440px) {
    .notice {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width:1280px) {
    .notice ul li a {
        width: 75%;
    }
}

@media (max-width:1199px) {
    .notice {
        padding-top: .6rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }

    .notice .title img {
        height: 1.2rem;
    }

    .notice .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .notice .more .cn {
        font-size: .28rem;
    }

    .notice .more span {
        width: .6rem;
        height: .6rem;
    }

    .notice .more span::before,
    .notice .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .notice ul {
        margin-top: .4rem;
    }

    .notice ul li {
        padding-left: .4rem;
    }

    .notice ul li::after {
        left: .4rem
    }

    .notice ul li,
    .notice ul li a {
        height: .8rem;
        line-height: .8rem;
    }

    .notice ul li .time {
        font-size: .26rem;
        padding-left: .4rem;
        background-size: .3rem;
    }
}

@media (max-width:767px) {
    .notice {
        height: auto;
        padding-bottom: .6rem;
        padding-left: .2rem;
    }

    .notice ul li {
        width: 100%;
        margin-right: 0;
    }
}

@media (min-width:1025px) {
    .yanjiu .content .item:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
        border: none;
    }

    @keyframes ripple {
        0% {
            box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
            background-color: transparent;
        }

        100% {
            background-color: #cedaee;
            box-shadow: 10px 10px 20px rgba(0, 0, 0, .2)
        }
    }

    .yanjiu .content .item:hover .pic-con {
        /* box-shadow: 10px 10px 20px rgba(0, 0, 0, .2); */
        animation: ripple 1s infinite;
    }

    .yanjiu .content .item:hover .pic-con::before {
        background-color: #014b96;
    }
}

@media (max-width:1199px) {
    .yanjiu {
        padding-top: .6rem;
        padding-left: .4rem;
        padding-right: .4rem;
        padding-bottom: 0;
    }

    .yanjiu .title img {
        height: 1.2rem;
    }

    .yanjiu .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .yanjiu .more .cn {
        font-size: .28rem;
    }

    .yanjiu .more span {
        width: .6rem;
        height: .6rem;
    }

    .yanjiu .more span::before,
    .yanjiu .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .yanjiu .content {
        margin-top: .6rem;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 2rem;
    }

    .yanjiu .yanjiu_content_page {
        bottom: .6rem
    }

    .yanjiu .content .item {
        padding: .3rem;
        height: 6.6rem;
    }

    .yanjiu .content .tit {
        font-size: .32rem;
        height: auto;
    }

    .yanjiu .content .pic {
        width: 1.6rem;
        height: 1.6rem;
        box-shadow: 0 0.08rem 0.16rem rgba(0, 0, 0, .2);
    }

    .yanjiu .content .pic-con {
        margin-top: .3rem;
        width: auto;
        height: auto;
        padding: .3rem;
        display: inline-block;
    }

    .yanjiu .content .slick-arrow {
        width: .32rem;
        height: .4rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        bottom: .7rem;
    }

    .yanjiu .content .slick-dots {
        height: .7rem;
        bottom: .3rem;
    }

    .yanjiu .content .slick-dots li {
        width: .7rem;
        height: .7rem;
        background-size: .4rem;
    }
}

@media (max-width:767px) {
    .yanjiu .content .item {
        margin-left: 0;
        margin-right: 0;
    }

    .yanjiu .content .txt {
        line-height: 2;
        font-size: .28rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        width: 30%;
    }

    .yanjiu .content .slick-prev {
        left: 35%;
    }

    .yanjiu .content .slick-next {
        right: 35%;
    }
}

@media (max-width:1680px) {
    .teacher .pic {
        height: 450px;
    }

    .teacher .slick-current .pic {
        height: 510px;
    }
}

@media (max-width:1500px) {
    .teacher .pic {
        height: 380px;
    }

    .teacher .slick-current .pic {
        height: 440px;
    }
}

@media (max-width:1199px) {
    .teacher {
        padding: .6rem 0;
    }

    .bg-circle {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .bg-circle img {
        max-width: 100%;
    }

    .teacher .title img {
        height: 1.3rem;
    }

    .teacher .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .teacher .more .cn {
        font-size: .28rem;
    }

    .teacher .more span {
        width: .6rem;
        height: .6rem;
    }

    .teacher .more span::before,
    .teacher .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .teacher .pic {
        height: 45vw;
        margin-top: 9vw;
    }

    .teacher .slick-current .pic {
        height: 54vw;
    }

    .teacher .slick-arrow {
        width: .5rem;
        height: .5rem;
        background-size: cover;
        bottom: .3rem;
    }

    .teacher .name,
    .teacher .text-content .tit {
        font-size: .3rem;
    }

    .teacher .text-content .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }

    .teacher .slick-next {
        right: 35%;
    }

    .teacher .slick-prev {
        left: 35%;
    }

    .teacher::before,
    .teacher::after {
        width: 35%;
        bottom: 1.28rem;
    }
}

@media (max-width:860px) {

    .teacher::before,
    .teacher:after {
        bottom: 1.34rem;
    }
}

@media (max-width:600px) {
    .teacher .pic {
        height: 8rem;
        margin-top: .7rem;
    }

    .teacher .pic {
        height: 44.8vw;
    }

    .teacher .slick-current .pic {
        /* transform: none; */
        height: 54vw;
    }
}

@media (max-width:767px) {
    .teacher .slick-next {
        right: 20%;
    }

    .teacher .slick-prev {
        left: 20%;
    }

    .teacher::before,
    .teacher::after {
        width: 20%;
        bottom: 1.15rem;
    }
}

@media (min-width:1025px) {
    .party .content ul li:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 70px;
        padding-right: 20px;
        z-index: 2;
        background-color: #FFF;
    }

    .party .content ul li:hover::after {
        display: none;
    }

    .party .content ul li:hover span {
        left: 20px;
        width: 26px;
        height: 26px;
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        border: 0;
    }

    .party .content ul li:hover span::before {
        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%);
        background-color: #FFF;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}

@media (max-width:1680px) {
    .party {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width:1440px) {
    .party {
        padding-right: 3%;
        padding-left: 3%;
    }
}

@media (max-width:1280px) {
    .party .content ul li a {
        width: 80%;
    }
}

@media (max-width:1199px) {
    .party {
        padding: 1rem .4rem;
    }

    .party .content,
    .party .focus {
        float: none;
        width: 100%;
    }

    .party .focus {
        height: auto;
        margin-top: .4rem;
    }

    .party .focus img {
        height: auto;
        width: 100%;
    }

    .party .title img {
        height: 1.2rem;
    }

    .party .title .more {
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
        margin-top: .3rem;
    }

    .party .title .more .cn {
        font-size: .28rem;
    }

    .party .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .party .title .more span::before,
    .party .title .more span::after {
        width: .5rem;
        height: .5rem;
        background-size: 59%;
    }

    .party .content ul li {
        height: .8rem;
        line-height: .8rem;
        padding-left: .4rem;
    }

    .party .content ul li a {
        height: .8rem;
    }

    .party .content ul li .time {
        font-size: .26rem;
        padding-left: .3rem;
        background-size: .22rem;
    }

    .party .content ul li::after {
        left: .4rem;
    }

    .party .focus .slick-arrow {
        width: .3rem;
        height: .5rem;
        background-size: 100%;
        bottom: .25rem;
    }
}

@media (max-width:1680px) {
    .shuzi {
        padding-left: 5%;
    }

    .shuzi .content {
        width: 81%;
    }
}

@media (max-width:1400px) {
    .shuzi .text-content {
        bottom: 30px
    }

    .shuzi .slider-nav {
        right: 12px;
        bottom: 30px;
    }

    .shuzi .slick-list.draggable {
        padding: 0 !important;
    }
}

@media (max-width:1300px) {
    .shuzi .content {
        width: 80%;
    }

    .shuzi .slider-nav {
        width: 360px;
    }

    .shuzi .slider-nav .item {
        width: 60px !important;
        height: 60px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width:1199px) {
    .shuzi {
        padding-left: .4rem;
        height: 7.8rem;
    }

    .shuzi .title img {
        height: 1.56rem;
    }

    .shuzi .title .more span::after,
    .shuzi .title .more span::before {
        width: .5rem;
        height: .5rem;
    }

    .shuzi .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .shuzi .title .more {
        bottom: .9rem;
        padding-left: .7rem;
        line-height: 1.4;
    }

    .shuzi .title .more .cn {
        font-size: .28rem;
    }

    .shuzi .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .shuzi .time {
        font-size: .36rem;
        line-height: .5rem;
        height: .5rem;
        background-size: .5rem;
        padding-right: .7rem;
    }

    .shuzi .slider-for a {
        height: 7.8rem;
    }
}

@media (max-width:767px) {
    .shuzi .slider-nav {
        display: none;
    }

    .shuzi {
        height: auto;
        padding-left: 0;
    }

    .shuzi .title {
        width: 100%;
        height: 1.5rem;
        float: none;
        margin-top: .4rem;
        padding: 0 .2rem;
    }

    .shuzi .title .more {
        right: .2rem;
        bottom: auto;
        left: auto;
        top: .3rem;
    }

    .shuzi .content {
        width: 100%;
        float: none;
        margin-top: .4rem;
    }

    .shuzi .content .slider-nav {
        display: none;
    }

    .shuzi .text-content {
        width: 100%;
        left: 0;
        padding: .2rem;
        bottom: .3rem;
    }

    .shuzi .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }
}

@media (min-width:1025px) {
    .hezuo .text-content .item:hover {
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        color: #FFF;
    }

    .hezuo .text-content .item:hover .time {
        color: #FFF;
    }
}

@media (max-width:1680px) {
    .hezuo {
        padding-left: 5%;
        padding-right: 5%;
    }

    .hezuo .focus {
        right: 5%;
    }

    .hezuo .text-content {
        left: 5%;
    }

    .hezuo .title .more {
        right: 13%;
    }
}

@media (max-width:1440px) {
    .hezuo {
        padding-left: 3%;
        padding-right: 3%;
    }

    .hezuo .focus {
        right: 3%;
    }

    .hezuo .text-content {
        left: 3%;
    }

    .hezuo .title .more {
        right: 10%;
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 460px;
    }
}

@media (max-width:1366px) {
    .hezuo .text-content .item {
        /* width: 320px; */
        /* height: 150px; */
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 410px;
    }

    .hezuo .text-content .item:nth-child(5) {
        left: 490px;
    }

    .hezuo .focus {
        width: 400px;
        height: 400px;
    }

    .hezuo .focus::after {
        width: 350px;
        height: 350px;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic {
        width: 300px;
        height: 300px;
    }
}

@media (max-width:1199px) {
    .hezuo {
        padding: .9rem .4rem 2rem;
        height: auto;
        background-size: auto 60%;
    }

    .hezuo .title {
        position: relative;
    }

    .hezuo .title img {
        height: 1.67rem;
    }

    .hezuo .title .more {
        bottom: auto;
        top: .3rem;
        right: .4rem;
        margin-top: 0;
        height: .6rem;
        padding-right: .7rem;
        line-height: 1.4;
    }

    .hezuo .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .hezuo .title .more span::before,
    .hezuo .title .more span::after {
        height: .5rem;
        width: .5rem;
    }

    .hezuo .title .more .cn {
        font-size: .28rem;
    }

    .hezuo .text-content {
        position: initial;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .hezuo .text-content .item {
        position: initial;
        /* left: auto !important; */
        /* top: auto !important; */
        /* width: 49%; */
        /* margin-right: 2%; */
        /* margin-top: .4rem; */
        height: 2rem;
        padding: .3rem;
    }

    .hezuo .text-content .item:nth-child(5) {
        /* width:100%; */
        /* margin-right: 0; */
    }

    .hezuo .text-content .item:nth-child(even) {
        margin-right: 0;
    }

    .hezuo .text-content .time {
        font-size: .34rem;
    }

    .hezuo .focus {
        position: relative;
        top: 1rem;
        left: 50%;
        transform: translateX(-50%);
    }

    /* .hezuo .focus::after{        position: absolute;        left: 0;        top: 0;    } */
    .hezuo .text-content .tit {
        height: auto;
        margin-top: .2rem;
    }
}

@media (max-width:1680px) {
    .brand .title-content {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width:1440px) {
    .brand .title-content {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width:1199px) {
    .brand .slider-for .item {
        height: 7.7rem;
    }

    .brand .slider-for .text-content {
        right: .4rem;
        bottom: .4rem;
        left: .4rem;
    }

    .brand .slider-for .text-content .time {
        font-size: .32rem;
    }

    .brand .slider-for .text-content .txt {
        font-size: .28rem;
        margin-top: .1rem;
    }

    .brand .slider-for .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .brand .title-content {
        height: 2rem;
    }

    .brand .title img {
        height: 1.32rem;
    }

    .brand .title {
        width: 4.4rem;
        margin-top: .35rem;
    }

    .brand .title .more {
        margin-top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.4;
    }

    .brand .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .brand .title .more span::before,
    .brand .title .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .brand .title .more .cn {
        font-size: .26rem;
    }

    .brand .slider-nav {
        width: 6.7rem;
        margin-top: .3rem;
    }

    .brand .slider-nav .card {
        height: 1.1rem;
        width: 2.05rem;
    }
}

@media (max-width:950px) {
    .brand .slider-nav {
        width: 5.8rem
    }

    .brand .slider-nav .card {
        margin: 0 5px
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }
}

@media (max-width: 767px) {

    .banner .slider-nav .item,
    .banner .slider-nav,
    .banner .slider-nav .slick-current {
        height: auto
    }

    .banner .slider-nav.on {
        height: auto;
    }

    .banner .slider-nav.on .item {
        margin-top: 0;
        width: auto;
        height: auto;
    }

    .banner .slider-nav.on .slick-current {
        height: auto
    }

    .yanjiu .yanjiu_content_page::before,
    .yanjiu .yanjiu_content_page::after {
        width: 24%;
    }

    .hezuo .text-content .item {
        width: 100%;
        margin-right: 0
    }

    .hezuo {
        padding: .9rem .4rem 1rem;
        background-size: auto 38%;
    }

    .hezuo .focus {
        top: .5rem;
        margin: 16vw 0;
    }

    .banner .slider-nav {
        position: relative;
        height: auto;
    }

    .banner .slider-nav .hidd {
        padding-top: .34rem;
    }

    .banner .slider-nav .item {
        float: none;
        width: auto;
        margin-top: 0;
        height: auto;
        padding-left: 5%;
    }

    .banner .slider-nav .slick-current {
        height: auto;
        padding-bottom: .36rem;
        padding-left: 0;
    }

    .banner .slider-nav .item:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .banner .slider-nav .item:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: .3rem;
        border-top: 1px solid rgba(255, 255, 255, .6);
        border-right: 1px solid rgba(255, 255, 255, .6);
        width: .2rem;
        height: .2rem;
        transform: rotate(45deg);
    }

    .banner .slider-nav .slick-current:before {
        content: none
    }

    .banner .slider-nav .icon,
    .banner .slider-nav.on .icon {
        width: 1.74rem;
        right: 13%;
    }

    .banner .slider-nav.on .icon {}

    .banner .slider-nav .text {
        margin-top: 18px;
    }

    .banner .slider-nav .title {
        text-align: left;
        padding-top: .15rem;
        padding-bottom: .18rem;
    }

    .banner .slider-nav .cn,
    .banner .slider-nav .te_c .en {
        text-align: left
    }

    .banner .slider-nav .slick-current .cn {
        font-size: .4rem;
    }

    .banner .slider-nav .cn {
        font-size: .28rem;
    }

    .banner .slider-nav .text a {
        font-size: .28rem;
        line-height: .54rem;
    }

    .banner .slider-for .slick-arrow {
        background-size: auto 30px
    }

    .bg-circle {
        max-width: none;
        width: 100vw;
        left: 50%;
        margin-left: -51vw;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic,
    .hezuo .focus {
        width: 60vw;
        height: 60vw;
    }

    .hezuo .focus::after {
        width: 72vw;
        height: 72vw
    }

    .hezuo .focus::before {
        width: 82vw;
        height: 82vw;
        left: 50%;
        top: 50%;
        margin-top: -41vw;
        margin-left: -41vw;
    }

    .news {
        padding: .7rem .4rem .7rem .2rem;
    }

    .party {
        padding: 1rem .4rem 1rem .2rem;
    }

    .teacher .text-content {
        margin: 30px -.3rem 0;
    }

    .teacher .name {
        bottom: 12px
    }

    .brand .title-content {
        width: 100%;
        height: auto;
    }

    .brand .slider-nav,
    .brand .title {
        width: 100%;
        float: none;
    }

    .brand .slider-nav {
        width: calc(100% - 60px)
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }

    .shuzi .slider-for a,
    .brand .slider-for .item {
        height: 4.6rem;
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
        background-color: transparent;
    }

    100% {
        background-color: #cedaee;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, .2)
    }
}

.yanjiu .content .item:hover .pic-con {
    /* box-shadow: 10px 10px 20px rgba(0, 0, 0, .2); */
    animation: ripple 1s infinite;
}

.yanjiu .content .item:hover .pic-con::before {
    background-color: #014b96;
}
}

@media (max-width:1199px) {
    .yanjiu {
        padding-top: .6rem;
        padding-left: .4rem;
        padding-right: .4rem;
        padding-bottom: 0;
    }

    .yanjiu .title img {
        height: 1.2rem;
    }

    .yanjiu .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .yanjiu .more .cn {
        font-size: .28rem;
    }

    .yanjiu .more span {
        width: .6rem;
        height: .6rem;
    }

    .yanjiu .more span::before,
    .yanjiu .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .yanjiu .content {
        margin-top: .6rem;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 2rem;
    }

    .yanjiu .yanjiu_content_page {
        bottom: .6rem
    }

    .yanjiu .content .item {
        padding: .3rem;
        height: 5.8rem;
    }

    .yanjiu .content .tit {
        font-size: .32rem;
        height: auto;
    }

    .yanjiu .content .pic {
        width: 1.6rem;
        height: 1.6rem;
    }

    .yanjiu .content .pic-con {
        margin-top: .3rem;
        width: auto;
        height: auto;
        padding: .3rem .3rem .5rem;
    }

    .yanjiu .content .slick-arrow {
        width: .32rem;
        height: .4rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        bottom: .7rem;
    }

    .yanjiu .content .slick-dots {
        height: .7rem;
        bottom: .3rem;
    }

    .yanjiu .content .slick-dots li {
        width: .7rem;
        height: .7rem;
        background-size: .4rem;
    }
}

@media (max-width:767px) {
    .yanjiu .content .item {
        margin-left: 0;
        margin-right: 0;
    }

    .yanjiu .content .txt {
        line-height: 2;
        font-size: .28rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        width: 30%;
    }

    .yanjiu .content .slick-prev {
        left: 35%;
    }

    .yanjiu .content .slick-next {
        right: 35%;
    }
}

@media (max-width:1680px) {
    .teacher .pic {
        height: 450px;
    }

    .teacher .slick-current .pic {
        height: 510px;
    }
}

@media (max-width:1500px) {
    .teacher .pic {
        height: 380px;
    }

    .teacher .slick-current .pic {
        height: 440px;
    }
}

@media (max-width:1199px) {
    .teacher {
        padding: .6rem 0;
    }

    .bg-circle {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .bg-circle img {
        max-width: 100%;
    }

    .teacher .title img {
        height: 1.3rem;
    }

    .teacher .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .teacher .more .cn {
        font-size: .28rem;
    }

    .teacher .more span {
        width: .6rem;
        height: .6rem;
    }

    .teacher .more span::before,
    .teacher .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .teacher .pic {
        height: 45vw;
        margin-top: 9vw;
    }

    .teacher .slick-current .pic {
        height: 54vw;
    }

    .teacher .slick-arrow {
        width: .5rem;
        height: .5rem;
        background-size: cover;
        bottom: .3rem;
    }

    .teacher .name,
    .teacher .text-content .tit {
        font-size: .3rem;
    }

    .teacher .text-content .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }

    .teacher .slick-next {
        right: 35%;
    }

    .teacher .slick-prev {
        left: 35%;
    }

    .teacher::before,
    .teacher::after {
        width: 35%;
        bottom: 1.28rem;
    }
}

@media (max-width:860px) {

    .teacher::before,
    .teacher:after {
        bottom: 1.34rem;
    }
}

@media (max-width:600px) {
    .teacher .pic {
        height: 8rem;
        margin-top: .7rem;
    }

    .teacher .pic {
        height: 44.8vw;
    }

    .teacher .slick-current .pic {
        /* transform: none; */
        height: 54vw;
    }
}

@media (max-width:767px) {
    .teacher .slick-next {
        right: 20%;
    }

    .teacher .slick-prev {
        left: 20%;
    }

    .teacher::before,
    .teacher::after {
        width: 20%;
        bottom: 1.15rem;
    }
}

@media (min-width:1025px) {
    .party .content ul li:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 70px;
        padding-right: 20px;
        z-index: 2;
        background-color: #FFF;
    }

    .party .content ul li:hover::after {
        display: none;
    }

    .party .content ul li:hover span {
        left: 20px;
        width: 26px;
        height: 26px;
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        border: 0;
    }

    .party .content ul li:hover span::before {
        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%);
        background-color: #FFF;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}

@media (max-width:1680px) {
    .party {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width:1440px) {
    .party {
        padding-right: 3%;
        padding-left: 3%;
    }
}

@media (max-width:1280px) {
    .party .content ul li a {
        width: 80%;
    }
}

@media (max-width:1199px) {
    .party {
        padding: 1rem .4rem;
    }

    .party .content,
    .party .focus {
        float: none;
        width: 100%;
    }

    .party .focus {
        height: auto;
        margin-top: .4rem;
    }

    .party .focus img {
        height: auto;
        width: 100%;
    }

    .party .title img {
        height: 1.2rem;
    }

    .party .title .more {
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
        margin-top: .3rem;
    }

    .party .title .more .cn {
        font-size: .28rem;
    }

    .party .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .party .title .more span::before,
    .party .title .more span::after {
        width: .5rem;
        height: .5rem;
        background-size: 59%;
    }

    .party .content ul li {
        height: .8rem;
        line-height: .8rem;
        padding-left: .4rem;
    }

    .party .content ul li a {
        height: .8rem;
    }

    .party .content ul li .time {
        font-size: .26rem;
        padding-left: .3rem;
        background-size: .22rem;
    }

    .party .content ul li::after {
        left: .4rem;
    }

    .party .focus .slick-arrow {
        width: .3rem;
        height: .5rem;
        background-size: 100%;
        bottom: .25rem;
    }
}

@media (max-width:1680px) {
    .shuzi {
        padding-left: 5%;
    }

    .shuzi .content {
        width: 81%;
    }
}

@media (max-width:1400px) {
    .shuzi .slider-nav .item {
        width: 80px !important;
        height: 80px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 100px !important;
        height: 100px !important;
    }

    .shuzi .text-content {
        bottom: 30px
    }

    .shuzi .slider-nav {
        right: 12px;
        bottom: 30px;
    }

    .shuzi .slick-list.draggable {
        padding: 0 !important;
    }
}

@media (max-width:1300px) {
    .shuzi .content {
        width: 80%;
    }

    .shuzi .slider-nav .item {
        width: 60px !important;
        height: 60px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width:1199px) {
    .shuzi {
        padding-left: .4rem;
        height: 7.8rem;
    }

    .shuzi .title img {
        height: 1.56rem;
    }

    .shuzi .title .more span::after,
    .shuzi .title .more span::before {
        width: .5rem;
        height: .5rem;
    }

    .shuzi .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .shuzi .title .more {
        bottom: .9rem;
        padding-left: .7rem;
        line-height: 1.4;
    }

    .shuzi .title .more .cn {
        font-size: .28rem;
    }

    .shuzi .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .shuzi .text-content {
        width: 40%
    }

    .shuzi .slider-nav {
        width: 298px
    }

    .shuzi .slider-nav .item {
        margin-right: 10px;
        width: 40px !important;
        height: 40px !important;
        margin-top: 5px;
    }

    .shuzi .slider-nav .slick-current {
        width: 50px !important;
        height: 50px !important;
        margin-top: 0;
    }

    .shuzi .slider-nav .slick-list {
        padding-right: 0 !important;
    }

    .shuzi .time {
        font-size: .36rem;
        line-height: .5rem;
        height: .5rem;
        background-size: .5rem;
        padding-right: .7rem;
    }

    .shuzi .slider-for a {
        height: 7.8rem;
    }
}

@media (max-width:767px) {
    .shuzi .slider-nav {
        display: none;
    }

    .shuzi {
        height: auto;
        padding-left: 0;
    }

    .shuzi .title {
        width: 100%;
        height: 1.5rem;
        float: none;
        margin-top: .4rem;
        padding: 0 .2rem;
    }

    .shuzi .title .more {
        right: .2rem;
        bottom: auto;
        left: auto;
        top: .3rem;
    }

    .shuzi .content {
        width: 100%;
        float: none;
        margin-top: .4rem;
    }

    .shuzi .content .slider-nav {
        display: none;
    }

    .shuzi .text-content {
        width: 100%;
        left: 0;
        padding: .2rem;
        bottom: .3rem;
    }

    .shuzi .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }
}

@media (min-width:1025px) {
    .hezuo .text-content .item:hover {
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        color: #FFF;
    }

    .hezuo .text-content .item:hover .time {
        color: #FFF;
    }
}

@media (max-width:1680px) {
    .hezuo {
        padding-left: 5%;
        padding-right: 5%;
    }

    .hezuo .focus {
        right: 5%;
    }

    .hezuo .text-content {
        left: 5%;
    }

    .hezuo .title .more {
        right: 13%;
    }
}

@media (max-width:1440px) {
    .hezuo {
        padding-left: 3%;
        padding-right: 3%;
    }

    .hezuo .focus {
        right: 3%;
    }

    .hezuo .text-content {
        left: 3%;
    }

    .hezuo .title .more {
        right: 10%;
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 460px;
    }

    .hezuo .focus {
        width: 440px;
        height: 440px;
        bottom: 108px;
    }

    .hezuo .focus::after {
        width: 390px;
        height: 390px;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic {
        width: 340px;
        height: 340px;
    }

    .hezuo .text-content {
        width: calc(100% - 480px);
    }
}

@media (max-width:1366px) {
    .hezuo .text-content .item {
        /* width: 320px; */
        /* height: 150px; */
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 410px;
    }

    .hezuo .text-content .item:nth-child(5) {
        left: 490px;
    }
}

@media (max-width:1199px) {
    .hezuo {
        padding: .9rem .4rem 2rem;
        height: auto;
        background-size: auto 60%;
    }

    .hezuo .title {
        position: relative;
    }

    .hezuo .title img {
        height: 1.67rem;
    }

    .hezuo .title .more {
        bottom: auto;
        top: .3rem;
        right: .4rem;
        margin-top: 0;
        height: .6rem;
        padding-right: .7rem;
        line-height: 1.4;
    }

    .hezuo .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .hezuo .title .more span::before,
    .hezuo .title .more span::after {
        height: .5rem;
        width: .5rem;
    }

    .hezuo .title .more .cn {
        font-size: .28rem;
    }

    .hezuo .text-content {
        position: initial;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .hezuo .text-content .item {
        position: initial;
        /* left: auto !important; */
        /* top: auto !important; */
        /* width: 49%; */
        /* margin-right: 2%; */
        /* margin-top: .4rem; */
        height: 2rem;
        padding: .3rem;
    }

    .hezuo .text-content .item:nth-child(5) {
        /* width:100%; */
        /* margin-right: 0; */
    }

    .hezuo .text-content .item:nth-child(even) {
        margin-right: 0;
    }

    .hezuo .text-content .time {
        font-size: .34rem;
    }

    .hezuo .focus {
        position: relative;
        top: 1rem;
        left: 50%;
        transform: translateX(-50%);
    }

    /* .hezuo .focus::after{        position: absolute;        left: 0;        top: 0;    } */
    .hezuo .text-content .tit {
        height: auto;
        margin-top: .2rem;
    }
}

@media (max-width:1680px) {
    .brand .title-content {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width:1440px) {
    .brand .title-content {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width:1199px) {
    .brand .slider-for .item {
        height: 7.7rem;
    }

    .brand .slider-for .text-content {
        right: .4rem;
        bottom: .4rem;
        left: .4rem;
    }

    .brand .slider-for .text-content .time {
        font-size: .32rem;
    }

    .brand .slider-for .text-content .txt {
        font-size: .28rem;
        margin-top: .1rem;
    }

    .brand .slider-for .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .brand .title-content {
        height: 2rem;
    }

    .brand .title img {
        height: 1.32rem;
    }

    .brand .title {
        width: 4.4rem;
        margin-top: .35rem;
    }

    .brand .title .more {
        margin-top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.4;
    }

    .brand .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .brand .title .more span::before,
    .brand .title .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .brand .title .more .cn {
        font-size: .26rem;
    }

    .brand .slider-nav {
        width: 6.7rem;
        margin-top: .3rem;
    }

    .brand .slider-nav .card {
        height: 1.1rem;
        width: 2.05rem;
    }
}

@media (max-width:950px) {
    .brand .slider-nav {
        width: 5.8rem
    }

    .brand .slider-nav .card {
        margin: 0 5px
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }
}

@media (max-width: 767px) {

    .banner .slider-nav .item,
    .banner .slider-nav,
    .banner .slider-nav .slick-current {
        height: auto
    }

    .banner .slider-nav.on {
        height: auto;
    }

    .banner .slider-nav.on .item {
        margin-top: 0;
        width: auto;
        height: auto;
    }

    .banner .slider-nav.on .slick-current {
        height: auto
    }

    .yanjiu .yanjiu_content_page::before,
    .yanjiu .yanjiu_content_page::after {
        width: 24%;
    }

    .hezuo .text-content .item {
        width: 100%;
        margin-right: 0
    }

    .hezuo {
        padding: .9rem .4rem 1rem;
        background-size: auto 38%;
    }

    .hezuo .focus {
        top: .5rem;
        margin: 16vw 0;
    }

    .banner .slider-nav {
        position: relative;
        height: auto;
    }

    .banner .slider-nav .hidd {
        padding-top: .34rem;
    }

    .banner .slider-nav .item {
        float: none;
        width: auto;
        margin-top: 0;
        height: auto;
        padding-left: 5%;
    }

    .banner .slider-nav .slick-current {
        height: auto;
        /* padding-bottom: .36rem; */
        padding-left: 0;
    }

    .banner .slider-nav .item:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .banner .slider-nav .item:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: .3rem;
        border-top: 1px solid rgba(255, 255, 255, .6);
        border-right: 1px solid rgba(255, 255, 255, .6);
        width: .2rem;
        height: .2rem;
        transform: rotate(45deg);
    }

    .banner .slider-nav .slick-current:before {
        content: none
    }

    .banner .slider-nav .icon,
    .banner .slider-nav.on .icon {
        width: 1.74rem;
        right: 13%;
    }

    .banner .slider-nav.on .icon {}

    .banner .slider-nav .text {
        margin-top: 18px;
    }

    .banner .slider-nav .title {
        text-align: left;
        padding-top: .15rem;
        padding-bottom: .18rem;
    }

    .banner .slider-nav .cn,
    .banner .slider-nav .te_c .en {
        text-align: left
    }

    .banner .slider-nav .slick-current .cn {
        font-size: .4rem;
    }

    .banner .slider-nav .cn {
        font-size: .28rem;
    }

    .banner .slider-nav .text a {
        font-size: .28rem;
        line-height: .54rem;
    }

    .banner .slider-for .slick-arrow {
        background-size: auto 30px
    }

    .bg-circle {
        max-width: none;
        width: 100vw;
        left: 50%;
        margin-left: -51vw;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic,
    .hezuo .focus {
        width: 60vw;
        height: 60vw;
    }

    .hezuo .focus::after {
        width: 72vw;
        height: 72vw
    }

    .hezuo .focus::before {
        width: 82vw;
        height: 82vw;
        left: 50%;
        top: 50%;
        margin-top: -41vw;
        margin-left: -41vw;
    }

    .news {
        padding: .7rem .4rem .7rem .2rem;
    }

    .party {
        padding: 1rem .4rem 1rem .2rem;
    }

    .teacher .text-content {
        margin: 30px -.3rem 0;
    }

    .teacher .name {
        bottom: 12px
    }

    .brand .title-content {
        width: 100%;
        height: auto;
    }

    .brand .slider-nav,
    .brand .title {
        width: 100%;
        float: none;
    }

    .brand .slider-nav {
        width: calc(100% - 60px)
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }

    .shuzi .slider-for a,
    .brand .slider-for .item {
        height: 4.6rem;
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
        background-color: transparent;
    }

    100% {
        background-color: #cedaee;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, .2)
    }
}

.yanjiu .content .item:hover .pic-con {
    /* box-shadow: 10px 10px 20px rgba(0, 0, 0, .2); */
    animation: ripple 1s infinite;
}

.yanjiu .content .item:hover .pic-con::before {
    background-color: #014b96;
}

@media (max-width:1199px) {
    .yanjiu {
        padding-top: .6rem;
        padding-left: .4rem;
        padding-right: .4rem;
        padding-bottom: 0;
    }

    .yanjiu .title img {
        height: 1.2rem;
    }

    .yanjiu .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .yanjiu .more .cn {
        font-size: .28rem;
    }

    .yanjiu .more span {
        width: .6rem;
        height: .6rem;
    }

    .yanjiu .more span::before,
    .yanjiu .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .yanjiu .content {
        margin-top: .6rem;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 2rem;
    }

    .yanjiu .yanjiu_content_page {
        bottom: .6rem
    }

    .yanjiu .content .item {
        padding: .3rem;
        height: 5.8rem;
    }

    .yanjiu .content .tit {
        font-size: .32rem;
        height: auto;
    }

    .yanjiu .content .pic {
        width: 1.6rem;
        height: 1.6rem;
    }

    .yanjiu .content .pic-con {
        margin-top: .3rem;
        width: auto;
        height: auto;
        padding: .3rem .3rem .5rem;
    }

    .yanjiu .content .slick-arrow {
        width: .32rem;
        height: .4rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        bottom: .7rem;
    }

    .yanjiu .content .slick-dots {
        height: .7rem;
        bottom: .3rem;
    }

    .yanjiu .content .slick-dots li {
        width: .7rem;
        height: .7rem;
        background-size: .4rem;
    }
}

@media (max-width:767px) {
    .yanjiu .content .item {
        margin-left: 0;
        margin-right: 0;
    }

    .yanjiu .content .txt {
        line-height: 2;
        font-size: .28rem;
    }

    .yanjiu .content::after,
    .yanjiu .content::before {
        width: 30%;
    }

    .yanjiu .content .slick-prev {
        left: 35%;
    }

    .yanjiu .content .slick-next {
        right: 35%;
    }
}

@media (max-width:1680px) {
    .teacher .pic {
        height: 450px;
    }

    .teacher .slick-current .pic {
        height: 510px;
    }
}

@media (max-width:1500px) {
    .teacher .pic {
        height: 380px;
    }

    .teacher .slick-current .pic {
        height: 440px;
    }
}

@media (max-width:1199px) {
    .teacher {
        padding: .6rem 0;
    }

    .bg-circle {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .bg-circle img {
        max-width: 100%;
    }

    .teacher .title img {
        height: 1.3rem;
    }

    .teacher .more {
        top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
    }

    .teacher .more .cn {
        font-size: .28rem;
    }

    .teacher .more span {
        width: .6rem;
        height: .6rem;
    }

    .teacher .more span::before,
    .teacher .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .teacher .pic {
        height: 45vw;
        margin-top: 9vw;
    }

    .teacher .slick-current .pic {
        height: 54vw;
    }

    .teacher .slick-arrow {
        width: .5rem;
        height: .5rem;
        background-size: cover;
        bottom: .3rem;
    }

    .teacher .name,
    .teacher .text-content .tit {
        font-size: .3rem;
    }

    .teacher .text-content .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }

    .teacher .slick-next {
        right: 35%;
    }

    .teacher .slick-prev {
        left: 35%;
    }

    .teacher::before,
    .teacher::after {
        width: 35%;
        bottom: 1.28rem;
    }
}

@media (max-width:860px) {

    .teacher::before,
    .teacher:after {
        bottom: 1.34rem;
    }
}

@media (max-width:600px) {
    .teacher .pic {
        height: 8rem;
        margin-top: .7rem;
    }

    .teacher .pic {
        height: 44.8vw;
    }

    .teacher .slick-current .pic {
        /* transform: none; */
        height: 54vw;
    }
}

@media (max-width:767px) {
    .teacher .slick-next {
        right: 20%;
    }

    .teacher .slick-prev {
        left: 20%;
    }

    .teacher::before,
    .teacher::after {
        width: 20%;
        bottom: 1.15rem;
    }
}

@media (min-width:1025px) {
    .party .content ul li:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 70px;
        padding-right: 20px;
        z-index: 2;
        background-color: #FFF;
    }

    .party .content ul li:hover::after {
        display: none;
    }

    .party .content ul li:hover span {
        left: 20px;
        width: 26px;
        height: 26px;
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        border: 0;
    }

    .party .content ul li:hover span::before {
        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%);
        background-color: #FFF;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}

@media (max-width:1680px) {
    .party {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width:1440px) {
    .party {
        padding-right: 3%;
        padding-left: 3%;
    }
}

@media (max-width:1280px) {
    .party .content ul li a {
        width: 80%;
    }
}

@media (max-width:1199px) {
    .party {
        padding: 1rem .4rem;
    }

    .party .content,
    .party .focus {
        float: none;
        width: 100%;
    }

    .party .focus {
        height: auto;
        margin-top: .4rem;
    }

    .party .focus img {
        height: 62vw;
        width: 100%;
    }

    .party .title img {
        height: 1.2rem;
    }

    .party .title .more {
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.5;
        margin-top: .3rem;
    }

    .party .title .more .cn {
        font-size: .28rem;
    }

    .party .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .party .title .more span::before,
    .party .title .more span::after {
        width: .5rem;
        height: .5rem;
        background-size: 59%;
    }

    .party .content ul li {
        height: .8rem;
        line-height: .8rem;
        padding-left: .4rem;
    }

    .party .content ul li a {
        height: .8rem;
    }

    .party .content ul li .time {
        font-size: .26rem;
        padding-left: .3rem;
        background-size: .22rem;
    }

    .party .content ul li::after {
        left: .4rem;
    }

    .party .focus .slick-arrow {
        width: .3rem;
        height: .5rem;
        background-size: 100%;
        bottom: .25rem;
    }
}

@media (max-width:1680px) {
    .shuzi {
        padding-left: 5%;
    }

    .shuzi .content {
        width: 81%;
    }
}

@media (max-width:1400px) {
    .shuzi .slider-nav .item {
        width: 80px !important;
        height: 80px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 100px !important;
        height: 100px !important;
    }

    .shuzi .text-content {
        bottom: 30px
    }

    .shuzi .slider-nav {
        right: 12px;
        bottom: 30px
    }

    .shuzi .slick-list.draggable {
        padding: 0 !important;
    }
}

@media (max-width:1300px) {
    .shuzi .content {
        width: 80%;
    }

    .shuzi .slider-nav {
        height: 90px
    }

    .shuzi .slider-nav .item {
        width: 60px !important;
        height: 60px !important;
    }

    .shuzi .slider-nav .slick-current {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width:1199px) {
    .shuzi .slider-nav {
        min-height: auto;
        height: 60px;
        width: 200px
    }

    .shuzi .slider-nav .item {
        margin-right: 10px;
        width: 40px !important;
        height: 40px !important;
        margin-top: 5px;
    }

    .shuzi .slider-nav .slick-current {
        width: 50px !important;
        height: 50px !important;
        margin-top: 0;
    }

    .shuzi .slider-nav .slick-list {
        padding-right: 0 !important;
    }

    .shuzi {
        padding-left: .4rem;
        height: 7.8rem;
    }

    .shuzi .title img {
        height: 1.56rem;
    }

    .shuzi .title .more span::after,
    .shuzi .title .more span::before {
        width: .5rem;
        height: .5rem;
    }

    .shuzi .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .shuzi .title .more {
        bottom: .9rem;
        padding-left: .7rem;
        line-height: 1.4;
    }

    .shuzi .title .more .cn {
        font-size: .28rem;
    }

    .shuzi .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .shuzi .slider-nav .slick-list {
        padding-right: 0 !important;
    }

    .shuzi .time {
        font-size: .36rem;
        line-height: .5rem;
        height: .5rem;
        background-size: .5rem;
        padding-right: .7rem;
    }

    .shuzi .slider-for a {
        height: 7.8rem;
    }
}

@media (max-width:767px) {
    .shuzi .slider-nav {
        display: none;
    }

    .shuzi {
        height: auto;
        padding-left: 0;
        background-size: 100%;
    }

    .shuzi .title {
        width: 100%;
        height: 1.5rem;
        float: none;
        margin-top: .4rem;
        padding: 0 .2rem;
    }

    .shuzi .title .more {
        right: .2rem;
        bottom: auto;
        left: auto;
        top: .3rem;
    }

    .shuzi .content {
        width: 100%;
        float: none;
        margin-top: .4rem;
    }

    .shuzi .content .slider-nav {
        display: none;
    }

    .shuzi .text-content {
        width: 100%;
        left: 0;
        padding: .2rem;
        bottom: .3rem;
    }

    .shuzi .txt {
        margin-top: .2rem;
        line-height: 1.5;
    }
}

@media (min-width:1025px) {
    .hezuo .text-content .item:hover {
        background-image: linear-gradient(90deg, #3171d6, #2aa9e4);
        color: #FFF;
    }

    .hezuo .text-content .item:hover .time {
        color: #FFF;
    }
}

@media (max-width:1680px) {
    .hezuo {
        padding-left: 5%;
        padding-right: 5%;
    }

    .hezuo .focus {
        right: 5%;
    }

    .hezuo .text-content {
        left: 5%;
    }

    .hezuo .title .more {
        right: 13%;
    }
}

@media (max-width:1440px) {
    .hezuo {
        padding-left: 3%;
        padding-right: 3%;
    }

    .hezuo .focus {
        right: 40px;
        bottom: 128px;
    }

    .hezuo .text-content {
        left: 3%;
    }

    .hezuo .title .more {
        right: 10%;
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 460px;
    }
}

@media (max-width:1366px) {
    .hezuo .text-content .item {
        /* width: 320px; */
        /* height: 150px; */
    }

    .hezuo .text-content .item:nth-child(3) {
        left: 410px;
    }

    .hezuo .text-content .item:nth-child(5) {
        left: 490px;
    }

    .hezuo .focus {
        width: 400px;
        height: 400px;
    }

    .hezuo .focus::after {
        width: 350px;
        height: 350px;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic {
        width: 300px;
        height: 300px;
    }

    .hezuo .text-content {
        width: calc(100% - 450px);
    }
}

@media (max-width:1199px) {
    .hezuo {
        padding: .9rem .4rem 1rem;
        height: auto;
        background-size: auto 60%;
    }

    .hezuo .title {
        position: relative;
    }

    .hezuo .title img {
        height: 1.67rem;
    }

    .hezuo .title .more {
        bottom: auto;
        top: .7rem;
        right: .4rem;
        margin-top: 0;
        height: .6rem;
        padding-right: .7rem;
        line-height: 1.4;
    }

    .hezuo .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .hezuo .title .more span::before,
    .hezuo .title .more span::after {
        height: .5rem;
        width: .5rem;
    }

    .hezuo .title .more .cn {
        font-size: .28rem;
    }

    .hezuo .text-content {
        position: initial;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 30px 0;
    }

    .hezuo .text-content .item {
        position: initial;
        /* left: auto !important; */
        /* top: auto !important; */
        /* width: 49%; */
        /* margin-right: 2%; */
        /* margin-top: .4rem; */
        height: 2.1rem;
        padding: .3rem;
    }

    .hezuo .text-content .item:nth-child(5) {
        /* width:100%; */
        /* margin-right: 0; */
    }

    .hezuo .text-content .item:nth-child(even) {
        margin-right: 0;
    }

    .hezuo .text-content .time {
        font-size: .34rem;
    }

    .hezuo .focus {
        position: relative;
        top: .1rem;
        left: 50%;
        transform: translateX(-50%);
    }

    /* .hezuo .focus::after{        position: absolute;        left: 0;        top: 0;    } */
    .hezuo .text-content .tit {
        height: .8rem;
        margin-top: .2rem;
        font-size: .2rem;
        line-height: .4rem;
    }
}

@media (max-width:1680px) {
    .brand .title-content {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width:1440px) {
    .brand .title-content {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width:1199px) {
    .brand .slider-for .item {
        height: 7.7rem;
    }

    .brand .slider-for .text-content {
        right: .4rem;
        bottom: .4rem;
        left: .4rem;
    }

    .brand .slider-for .text-content .time {
        font-size: .32rem;
    }

    .brand .slider-for .text-content .txt {
        font-size: .28rem;
        margin-top: .1rem;
    }

    .brand .slider-for .play {
        width: 1.1rem;
        height: 1.1rem;
    }

    .brand .title-content {
        height: 2rem;
    }

    .brand .title img {
        height: 1.32rem;
    }

    .brand .title {
        width: 4.4rem;
        margin-top: .35rem;
    }

    .brand .title .more {
        margin-top: .3rem;
        height: .6rem;
        padding-right: .8rem;
        line-height: 1.4;
    }

    .brand .title .more span {
        width: .6rem;
        height: .6rem;
    }

    .brand .title .more span::before,
    .brand .title .more span::after {
        width: .5rem;
        height: .5rem;
    }

    .brand .title .more .cn {
        font-size: .26rem;
    }

    .brand .slider-nav {
        width: 6.7rem;
        margin-top: .3rem;
    }

    .brand .slider-nav .card {
        height: 1.1rem;
        width: 2.05rem;
    }
}

@media (max-width:950px) {
    .brand .slider-nav {
        width: 5.8rem
    }

    .brand .slider-nav .card {
        margin: 0 5px
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }
}

@media (max-width: 767px) {

    .banner .slider-nav .item,
    .banner .slider-nav,
    .banner .slider-nav .slick-current {
        height: auto
    }

    .banner .slider-nav.on {
        height: auto;
    }

    .banner .slider-nav.on .item {
        margin-top: 0;
        width: auto;
        height: auto;
    }

    .banner .slider-nav.on .slick-current {
        height: auto;
        min-height: auto;
    }

    .yanjiu .yanjiu_content_page::before,
    .yanjiu .yanjiu_content_page::after {
        width: 24%;
    }

    .hezuo .text-content .item {
        width: 100%;
        margin: 10px 0;
    }

    .hezuo {
        padding: .9rem .4rem .6rem;
        background-size: auto 38%;
    }

    .hezuo .focus {
        top: 0;
        margin: 16vw 0;
    }

    .banner .slider-nav {
        position: relative;
        height: auto !important;
    }

    .banner .slider-nav .hidd {
        padding-top: .34rem;
    }

    .banner .slider-nav .item {
        float: none;
        width: auto !important;
        margin-top: 0 !important;
        height: auto !important;
        padding-left: 5%;
    }

    .banner .slider-nav .slick-current {
        height: auto;
        /* padding-bottom: .36rem; */
        padding-left: 0;
        min-height: auto;
    }

    .banner .slider-nav .item:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, .1);
        min-height: auto;
    }

    .banner .slider-nav .item:not(:first-child) .text {
        display: none
    }

    .banner .slider-nav .item:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: .3rem;
        border-top: 1px solid rgba(255, 255, 255, .6);
        border-right: 1px solid rgba(255, 255, 255, .6);
        width: .2rem;
        height: .2rem;
        transform: rotate(45deg);
    }

    .banner .slider-nav .slick-current:before {
        content: none
    }

    .banner .slider-nav .icon,
    .banner .slider-nav.on .icon {
        width: 1.74rem;
        right: 12%;
    }

    .banner .slider-nav .slick-current:not(:first-child) .icon {
        width: 1.04rem;
        right: 17%;
    }

    .banner .slider-nav.on .icon {}

    .banner .slider-nav .text {
        margin-top: 18px;
    }

    .banner .slider-nav .title {
        text-align: left;
        padding-top: .15rem;
        padding-bottom: .18rem;
    }

    .banner .slider-nav .cn,
    .banner .slider-nav .te_c .en {
        text-align: left
    }

    .banner .slider-nav .slick-current .cn {
        font-size: .4rem;
    }

    .banner .slider-nav .cn {
        font-size: .28rem;
    }

    .banner .slider-nav .text a {
        font-size: .28rem;
        line-height: .54rem;
    }

    .banner .slider-for .slick-arrow {
        background-size: auto 30px
    }

    .bg-circle {
        max-width: none;
        width: 100vw;
        left: 50%;
        margin-left: -51vw;
    }

    .hezuo .focus .item,
    .hezuo .focus .pic,
    .hezuo .focus {
        width: 60vw;
        height: 60vw;
    }

    .hezuo .focus::after {
        width: 72vw;
        height: 72vw
    }

    .hezuo .focus::before {
        width: 82vw;
        height: 82vw;
        left: 50%;
        top: 50%;
        margin-top: -41vw;
        margin-left: -41vw;
    }

    .news {
        padding: .7rem .4rem .7rem .2rem;
    }

    .party {
        padding: 1rem .4rem 1rem .2rem;
    }

    .teacher .text-content {
        margin: 30px -.3rem 0;
    }

    .teacher .name {
        bottom: 12px
    }

    .brand .title-content {
        width: 100%;
        height: auto;
    }

    .brand .slider-nav,
    .brand .title {
        width: 100%;
        float: none;
    }

    .brand .slider-nav {
        width: calc(100% - 60px)
    }

    .brand .slider-nav .slick-arrow {
        background-size: 20px
    }

    .brand .slider-nav .slick-prev {
        left: -30px;
    }

    .brand .slider-nav .slick-next {
        right: -30px
    }

    .shuzi .slider-for a,
    .brand .slider-for .item {
        height: 4.6rem;
    }
}