.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 6s ease-out;
    -o-transition: all 6s ease-out;
    transition: all 6s 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(../images/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: #2056aa;
    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: #2056aa;
    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: #2056aa;
    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(../images/jia.svg)no-repeat center;
    background-size: 22px;
    z-index: 3;
}



.notice {
    width: 100%;
    padding: 60px 10% 0 10%;

    padding-bottom: 110px;
    background: url(../images/bg6.jpg)no-repeat center top;
    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(../images/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(../images/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(../images/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%;
    background: url(../images/bg8.jpg)no-repeat center top;
    background-size: 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: #2056aa;
    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: #2056aa;
    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(../images/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 {
    padding: 46px 20px;
    height: 470px;
    border-top: 1px #ddd solid;
    border-bottom: 2px #2069b7 solid;
    margin-left: 15px;
    margin-right: 15px;
}

.yanjiu .content .tit {
    font-size: 20px;
    overflow: hidden;
    font-weight: bold;
    height: 56px;
    line-height: 1.4;
}

.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%;
}

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

.yanjiu .content .slick-arrow {
    top: auto;
    bottom: 20px;
    width: 32px;
    height: 40px;
    background: url(../images/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(../images/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;
}



.teacher {
    background: url(../images/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(../images/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 {
    background: url(../images/bg11.jpg)no-repeat center top;
    background-size: 100%;
    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(../images/prev.png);
}

.party .focus .slick-next {
    right: 40px;
    background-image: url(../images/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: #2056aa;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/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: #2056aa;
    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: #2056aa;
    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(../images/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: #2056aa;
    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(../images/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(../images/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: #2056aa;
    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: #2056aa;
    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(../images/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(../images/prev.png);
    left: 20px;
}

.hezuo .focus .slick-next {
    background-image: url(../images/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) {
    /* top: 460px; */
    /* left: 115px; */
    animation: fadein 1.1s ease-in .4s forwards;
}

.hezuo .text-content .item:nth-child(5) {
    /* top: 460px; */
    /* left: 530px; */
    animation: fadein 1s ease-in 0s forwards;
}

.hezuo .text-content .item:nth-child(6) {
    /* top: 460px; */
    /* left: 530px; */
    animation: fadein 1s ease-in .2s forwards;
}

.hezuo .text-content .time {
    font-size: 22px;
    color: #2056aa;
    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: #2056aa;
    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: #2056aa;
    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(../images/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 {
        background: #f2f5fa url(../images/bg9.jpg)no-repeat center bottom;
        background-size: 100%;
        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: #2069b7;
    }
}

@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: #2069b7;
    }
}

@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: #2069b7;
    }
}

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