@charset "utf-8";

.contColor {
    color: #666;
}
.lineH2{
    line-height: 2em !important;
}
body {
    background: #F6F8FA;
    padding-top: 90px;
}

.Mleft {
    float: left;
}

.Mright {
    float: right;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat {
    zoom: 1;
}

.width1400 {
    width: 1400px;
    margin: 0 auto;
}

.inside-banner img {
    width: 100%;
    display: block;
}

.crumbs {
    background: #fff;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #E5E5E5;
}

.crumbs .width1400,
.crumbs .width1400 .tab {
    display: flex;
    justify-content: space-between;
}

.crumbs .width1400 .tab li {
    font-size: 18px;
    color: #080404;
    padding: 0 24px;
}

.crumbs .width1400 .tab li a {
    display: block;
}

.crumbs .width1400 .tab li.active {
    background: #B81B25;
}

.crumbs .width1400 .tab li.active a {
    color: #fff;
}

.second-nav {
    font-size: 14px;
    color: #999;
    /* background: url(../images/crumbs_home.png) left center no-repeat; */
    /* padding-left: 24px; */
}

.second-nav a {
    background: url(../images/crumbs_arrow.png) left center no-repeat;
    padding-left: 16px;
    margin-right: 10px;
}

.second-nav a.home {
    padding: 0;
    background: none;
}

.second-nav a.black {
    color: #1B2137;
}

.page {
    text-align: center;
    margin: 10px 0 60px 0;
}

.page a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    vertical-align: middle;
    margin: 0 2px;
}

.page span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999;
    margin: 0 5px;
}

.page span input {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    margin: 0 3px;
    outline: none;
}

.page a.prev,
.page a.next,
.page a.sure {
    width: 70px;
}

.page a.active,
.page a:hover {
    background: #B71D25;
    border: 1px solid #B71D25;
    color: #fff;
}

.page a.prev:hover,
.page a.next:hover,
.page a.sure:hover,
.page a.prev.active,
.page a.next.active,
.page a.sure.active {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666;
}

.indexTit {
    position: relative;
    font-size: 20px;
}

.indexTit p {
    font-size: 1.5em;
    color: #B71D25;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.indexTit h3 {
    font-size: 1.6em;
    color: #080404;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: .5em;
}

.indexTit::before {
    content: '';
    position: absolute;
    width: 3.2em;
    height: 3px;
    left: 0;
    bottom: 0;
    background: #B71D25;
}

footer {
    height: 54px;
    line-height: 54px;
    background: #242424;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.inside-title {
    text-align: center;
    padding: 4% 0 3.125% 0;
}

.inside-title b {
    display: block;
    font-size: 40px;
    color: #080404;
}

.inside-title b i {
    font-style: normal;
    color: #B71D25;
}

.inside-title span {
    display: block;
    color: #999;
    margin-top: 15px;
    font-size: 18px;
    color: #999;
}

.inside-title em {
    font-size: 18px;
    color: #080404;
    font-style: normal;
    margin-top: 12px;
    display: block;
}

/* 学校动态 */
.school .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.school .list:after {
    content: "";
    width: 30.7%;
    height: 0;
    visibility: hidden;
}

.school .list .item {
    width: 30.7%;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
}

.school .list .item .img {
    height: 183px;
}

.school .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.school .list .item h3 {
    font-size: 18px;
    color: #080404;
    font-weight: normal;
    margin: 30px 20px 20px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.school .list .item p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    margin: 0 20px;
}

.school .list .item .date {
    height: 65px;
    line-height: 65px;
    font-size: 14px;
    color: #080404;
    border-top: 1px dashed #DEDEDE;
    margin: 20px 20px 0 20px;
    background: url(../images/jiantou_gray.png) right center no-repeat;
}

.school .list .item:hover h3 {
    color: #B81B25;
}

.school .list .item:hover .date {
    color: #B81B25;
    background: url(../images/jiantou_red.png) right center no-repeat;
}

@media screen and (max-width: 1440px) {
    .width1400 {
        width: 1200px;
    }
}


@media screen and (max-width: 960px) {
    body {
        padding-top: 60px;
    }

    footer {
        height: 45px;
        line-height: 45px;
    }

    .width1400 {
        width: 100%;
        padding: 0 10px;
    }

    .crumbs {
        height: 40px;
        line-height: 40px;
    }

    .crumbs .width1400 .tab li {
        font-size: 12px;
        padding: 0 5px;
    }

    .second-nav {
        font-size: 12px;
        background-size: 10px 10px;
        padding-left: 20px;
        display: none;
    }

    .second-nav a {
        margin-right: 5px;
        padding-left: 12px;
    }

    .inside-title {
        margin: 20px 0;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .inside-title b {
        font-size: 20px;
    }

    .inside-title span {
        font-size: 14px;
        margin-top: 10px;
    }

    .inside-title em {
        font-size: 12px;
        margin-top: 10px;
    }

    .school .list .item {
        width: 48.5%;
        margin-bottom: 10px;
    }

    .school .list .item .img {
        height: 90px;
    }

    .school .list .item h3 {
        font-size: 14px;
        margin: 10px;
    }

    .school .list .item p {
        font-size: 12px;
        line-height: 18px;
        height: 36px;
        margin: 0 10px;
    }

    .school .list .item .date {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        margin: 10px 10px 0 10px;
        background-size: 12px 12px;
    }

    .page a,
    .page span {
        font-size: 12px;
        display: none;
    }

    .page a.prev,
    .page .next {
        display: inline-block;
        margin: 0 10px;
    }
}

/* 学校动态详情 */
.school-details {
    padding-bottom: 80px;
}

.school-details .text {
    border-top: 1px solid #E5E5E5;
    padding: 50px 0;
}

.school-details .text p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-bottom: 20px;
}

.school-details .text img {
    display: block;
    margin: 50px auto;
    max-width: 77%;
}

.school-details .piece {
    font-size: 14px;
    color: #666;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E5E5E5;
    padding-top: 30px;
}

.school-details .piece div {
    max-width: 48%;
}

.school-details .piece div a:hover {
    color: #B81B25;
    text-decoration: underline;
}

@media screen and (max-width: 960px) {
    .school-details .piece {
        display: block;
    }

    .school-details .piece div {
        max-width: 100%;
        margin-top: 10px;
    }

    .school-details .text img {
        max-width: 100%;
        margin: 20px 0;
    }

    .school-details .text {
        padding: 20px 0;
    }

    .school-details .piece {
        padding-top: 10px;
    }
}

/* 联系我们 */
.contact .map img {
    width: 100%;
    display: block;
}

.contact .cnt {
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
}

.contact .cnt .left {
    width: 48%;
}

.contact .cnt .right {
    width: 52%;
    margin-top: 70px;
}

.contact .left .li-text {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin: 10% 0 12% 0;
}

.contact .left .li-text li {
    margin-bottom: 20px;
    padding-left: 26px;
}

.contact .left .li-text li:nth-child(1) {
    background: url(../images/footer_icon1.png) left center no-repeat;
}

.contact .left .li-text li:nth-child(2) {
    background: url(../images/footer_icon2.png) left center no-repeat;
}

.contact .left .li-text li:nth-child(3) {
    background: url(../images/footer_icon3.png) left center no-repeat;
}

.contact .left .code {
    display: flex;
}

.contact .left .code dl {
    margin-right: 28px;
}

.contact .left .code dl dt img {
    width: 112px;
    height: 112px;
}

.contact .left .code dl dd {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    text-align: center;
}

.contact .right .name {
    font-size: 18px;
    color: #B71D25;
}

.contact .right .hint {
    font-size: 14px;
    color: #999;
    margin: 10px 0 30px 0;
}

.contact .right .form .line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.contact .right .form input[type='text'] {
    width: 49%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    padding: 0 30px;
    outline: none;
    border: 0
}

.contact .right .form textarea {
    width: 100%;
    height: 150px;
    padding: 20px 30px;
    outline: none;
    border: 0;
    resize: none;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.contact .right .form input::-webkit-input-placeholder,
.contact .right .form textarea::-webkit-input-placeholder {
    color: #999;
}

.contact .right .form input:-moz-placeholder,
.contact .right .form textarea:-moz-placeholder {
    color: #999;
}

.contact .right .form input::-moz-placeholder,
.contact .right .form textarea::-moz-placeholder {
    color: #999;
}

.contact .right .form input:-ms-input-placeholder,
.contact .right .form textarea:-ms-input-placeholder {
    color: #999;
}

.contact .right .form .btn {
    width: 49%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    background: #B81B25;
    text-align: center;
    cursor: pointer;
    margin-top: 40px
}

@media screen and (max-width: 960px) {
    .indexTit {
        font-size: 12px;
    }

    .contact {
        margin-top: 0;
        padding: 30px 0 0 0;
    }

    .contact .cnt {
        display: block;
        padding: 0 0 15px 0;
    }

    .contact .cnt .left,
    .contact .cnt .right {
        width: 100%;
    }

    .contact .cnt .right {
        margin-top: 30px
    }

    .contact .fixed-footer {
        position: inherit;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    .contact .left .li-text li {
        font-size: 12px;
        margin-bottom: 10px;
        padding-left: 22px;
    }

    .contact .left .li-text li:nth-child(1),
    .contact .left .li-text li:nth-child(2),
    .contact .left .li-text li:nth-child(3) {
        background-size: 12px 12px;
    }

    .contact .right .form input[type='text'],
    .contact .right .form .btn {
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        font-size: 12px;
    }

    .contact .right .form textarea {
        padding: 10px;
        font-size: 12px;
    }

    .contact .right .form .line {
        margin-bottom: 10px;
    }

    .contact .right .form .btn {
        margin: 30px auto;
    }

    .contact .right .hint {
        font-size: 12px;
    }

    .contact .left .code {
        justify-content: space-between;
    }

    .contact .left .code dl {
        margin-right: 0;
    }

    .contact .left .code dl dd {
        margin-top: 10px
    }

    .contact .left .code dl dt img {
        width: 100px;
        height: 100px;
    }
}

/* 艺考故事 */
.art .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.art .list .item {
    width: 48%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    height: 358px;
    margin-bottom: 50px;
}

.art .list .item a {
    display: block;
    display: flex;
}

.art .list .item .img {
    width: 30%;
    height: 358px;
}

.art .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art .list .item .texts {
    width: 70%;
    padding: 40px;
    position: relative;
}

.art .list .item .texts .date {
    font-size: 14px;
    color: #080404;
    border-bottom: 1px dashed #DEDEDE;
    display: flex;
    justify-content: space-between;
    height: 48px;
}

.art .list .item .texts .date .month {
    font-size: 24px;
}

.art .list .item .texts h3 {
    font-size: 18px;
    color: #080404;
    font-weight: normal;
    margin: 30px 0 20px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.art .list .item .texts p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.art .list .item .texts .more {
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    font-size: 14px;
    color: #999999;
    padding-left: 40px;
}

.art .list .item .texts .more:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/jiantou_gray.png) right center no-repeat;
    right: 40px;
    bottom: 0;
}

.art .list .item:hover .texts .more:after {
    background: url(../images/jiantou_red.png) right center no-repeat;
}

.art .list .item:hover .texts .more,
.art .list .item:hover .texts h3,
.art .list .item:hover .texts .date {
    color: #B81B25;
}


@media screen and (max-width: 1440px) {

    .art .list .item,
    .art .list .item .img {
        height: 307px;
    }

    .art .list .item .texts {
        padding: 20px;
    }
}

@media screen and (max-width: 960px) {

    .art .list .item,
    .art .list .item .img {
        height: 200px;
    }

    .art .list .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .art .list .item .texts {
        padding: 10px;
    }

    .art .list .item .img {
        width: 35%;
    }

    .art .list .item .texts {
        width: 65%;
    }

    .art .list .item .texts .date {
        height: 35px;
    }

    .art .list .item .texts .date .month {
        font-size: 16px;
    }

    .art .list .item .texts .date {
        font-size: 12px;
    }

    .art .list .item .texts h3 {
        font-size: 14px;
        margin: 10px 0;
    }

    .art .list .item .texts p {
        font-size: 12px;
    }

    .art .list .item .texts .more {
        bottom: 10px;
        padding-left: 10px;
        font-size: 12px;
    }

    .art .list .item .texts .more:after {
        width: 12px;
        height: 12px;
        right: 10px;
        background-size: 12px 12px;
    }
}

/* 师哥师姐说 */
.video .list {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.video dl {
    width: 30.7%;
    margin-bottom: 50px;
    margin-left: 3.95%;
}

.video dl:nth-child(3n+1) {
    margin-left: 0;
}

.video dl dd {
    font-size: 16px;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20px;
    padding: 0 10px;
    font-weight: bold;
}

.video dl dt {
    position: relative;
    padding-top: 56.27%;
}

.video dl dt img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video dl dt .btn {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/video_btn.png) center center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/* 视频弹框 */
.video-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
}

.video-popup .closeBg {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    z-index: 997;
}

.video-popup .cnt {
    position: absolute;
    z-index: 998;
    width: 62.5%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-popup .videoBox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    cursor: pointer;
}

.video-popup .videoBox .bg,
.video-popup .videoBox .videoImg,
.video-popup .videoBox #video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}

.video-popup .videoBox .bg {
    z-index: 2;
}

.video-popup .videoBox #video {
    visibility: hidden;
    z-index: 0;
}

.video-popup .videoBox i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 100px;
    height: 100px;
    background: url(../images/play.png);
    background-size: 100% 100%;
    margin: -50px 0 0 -50px;
}

.video-popup .videoBox.on i {
    display: none;
}

.video-popup .videoBox.on #video {
    visibility: visible;
    z-index: 4;
}



@media screen and (max-width: 960px) {
    .video .list {
        justify-content: space-between;
    }

    .video dl {
        width: 48%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .video dl dt .btn {
        width: 30px;
        height: 30px;
    }

    .video dl dd {
        font-size: 13px;
        margin-top: 10px;
    }

    .video-popup .cnt {
        width: 95%;
    }

    .video-popup .videoBox i {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
}

/* 关于我们 */
.about .section1 {
    padding-top: 1px;
}

.about img {
    display: block;
}

.about .box {
    margin-bottom: 100px;
}

.about .box .in {
    display: flex;
    justify-content: space-between;
}

.row-reverse {
    flex-direction: row-reverse
}

.about .box .img {
    position: relative;
    width: 46.5%;
}

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

.about .box .txt {
    width: 48%;
    display: flex;
    align-items: center;
}

.about .box.marginB50 .txt {
    margin-bottom: 50px;
}

.about .box .txt .title {
    font-size: 30px;
    color: #080404;
    margin: 10px 0 20px 0;
}

.about .box .txt .intro {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: justify;
}

.about .box .txt .intro.white,
.about .box .txt .title.white {
    color: #fff;
}

.about .box .img .number {
    display: inline-block;
    font-weight: bold;
    font-size: 50px;
    color: #FFFFFF;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #B71D25;
    position: absolute;
}

.about .box .img .number.rt {
    top: -50px;
    right: 0;
}

.about .box .img .number.lt {
    top: -50px;
    left: 0;
}

.about .box .img .number.br {
    right: -50px;
    bottom: 0;
}

.about .box1 {
    display: flex;
}

.about .box1 .img {
    margin-top: 100px;
    width: 47.4%;
    padding-left: 13.5%;
}

.about .box1 .txt {
    margin-top: 50px;
    width: 52.6%;
    background: #F6F8FA;
    padding: 60px 13.5% 60px 80px;
}

.about .top50 .number {
    top: -100px
}

.about .box2 .img .number.lt {
    top: 60px;
}

.about .box3 {
    background: #B71D25;
    padding: 90px 0;
    margin-bottom: 220px;
}

.about .box3 .in {
    position: relative;
    display: block;
}

.about .box3 .img {
    position: absolute;
    left: 0;
    top: 0;
}

.about .box6 .txt,
.about .box8 .txt {
    background: none;
    padding: 0 80px 0 0;
}

.about .box6 .img,
.about .box8 .img {
    padding-left: 0;
    margin-top: 50px;
}

.about .box4 .img {
    padding-left: 0;
    margin-right: 13.5%;
    margin-top: 50px;
}

.about .box4 .txt {
    padding: 60px 80px 60px 13.5%;
}

.about .box7 .img {
    width: 33%;
}

.about .box7 .txt {
    width: 62%;
}

.about .section1 {
    background: #fff;
    padding-bottom: 1px;
}

.about .section2 {
    background: #F6F8FA;
    padding: 100px 0;
}

.about .section2 .inside-title {
    margin: 0
}

.about .section2 .list1 {
    display: flex;
    justify-content: space-between;
    margin: 60px auto 0;
}

.about .section2 .list1 .item {
    width: 48%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

.about .section2 .list1 .item .img {
    width: 46%;
}

.about .section2 .list1 .item .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.about .section2 .list1 .item .txt {
    width: 54%;
    padding: 85px 35px 35px 35px;
}

.about .section2 .list1 .item .txt .title {
    font-size: 24px;
    color: #080404;
    margin-bottom: 30px;
}

.about .section2 .list1 .item .txt .intro {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.about .section2 .tab {
    text-align: center;
    margin-bottom: 60px;
}

.about .section2 .tab li {
    display: inline-block;
    font-size: 18px;
    color: #080404;
    width: 160px;
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    border-radius: 5px;
    text-align: center;
    margin: 0 15px;
    cursor: pointer;
}

.about .section2 .tab li.active {
    background: #B81B25;
    color: #fff;
}

.about .section2 .lunbo img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about .section2 .lunbo .swiper-slide a {
    display: block;
    position: relative;
    padding-top: 141%;
}

.about .section2 .lunbo .swiper-slide .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    padding: 70px 25px;
    transition: all .6s;
    display: none;
}

.about .section2 .lunbo .swiper-slide .txt h1 {
    font-size: 20px;
    color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;

    
}

.about .section2 .lunbo .swiper-slide .txt p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.about .section2 .lunbo .swiper-slide:hover .txt {
    display: block;
}

.about .section2 .lunbo {
    position: relative;
}

.about .section2 .lunbo .swiper-button-next,
.about .section2 .lunbo .swiper-button-prev {
    width: 52px;
    height: 52px;
}

.about .section2 .lunbo .swiper-button-prev {
    left: -101px;
    background: url(../images/about_lt.png) no-repeat;
    background-size: 100% 100%;
}

.about .section2 .lunbo .swiper-button-next {
    right: -101px;
    background: url(../images/about_rt.png) no-repeat;
    background-size: 100% 100%;
}

.about .section2 .lunbo .swiper-button-prev:after,
.about .section2 .lunbo .swiper-container-rtl .swiper-button-next:after,
.about .section2 .lunbo .swiper-button-next:after,
.about .section2 .lunbo .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.about .section2 .lunbo .swiper-button-prev:hover {
    background: url(../images/about_lts.png) no-repeat;
    background-size: 100% 100%;
}

.about .section2 .lunbo .swiper-button-next:hover {
    background: url(../images/about_rts.png) no-repeat;
    background-size: 100% 100%;
}

.about .section3 {
    background: #fff;
    padding: 1px 0;
}

.about .section3 .imgs {
    margin-bottom: 4%;
}

.about .section3 .imgs .title {
    font-size: 30px;
    color: #080404;
    line-height: 50px;
    text-align: center;
    margin-bottom: 60px;
}

.about .section3 .imgs .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about .section3 .imgs .list:after {
    content: "";
    width: 22.8%;
    height: 0;
    visibility: hidden;
}

.about .section3 .imgs .list dl {
    width: 22.8%;
    margin-bottom: 50px;
    overflow: hidden;
}

.about .section3 .imgs .list dl a {
    display: block;
    position: relative;
    padding-top: 75%
}

.about .section3 .imgs .list dl dt img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all .5s;
}
.about .section3 .imgs .list dl:hover dt img {
    transform: scale(1.2);
}

.about .section3 .imgs .list dl dd {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 999;
    height: 80px;
    line-height: 80px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
    border-radius: 0px 0px 5px 5px;
    opacity: 0.6;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 15px;
}

.about .section3 .imgs .list dl:hover dd {
    display: block;
}

.about .section3 .slideshow {
    display: flex;
    margin-bottom: 7%;
}

.about .section3 .slideshow .gray {
    background: #F6F8FA;
}

.about .section3 .slideshow .right {
    width: 53.125%;
    position: relative;
}

.about .section3 .slideshow .left {
    width: 46.875%;
    padding: 130px 0 0 13.5%;
    position: relative;
    overflow: hidden;
}

.about .section3 .slideshow .left img {
    width: 100%;
}

.about .section3 .slideshow .left dl {
    position: relative;
}

.about .section3 .slideshow .left dl dd {
    font-size: 18px;
    color: #FFFFFF;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
    border-radius: 0px 0px 5px 5px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.about .section3 .slideshow .left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    background: #B71D25;
}

.about .section3 .slideshow .left dl {
    position: relative;
    z-index: 1;
}

.about .section3 .slideshow .right .title {
    font-size: 30px;
    color: #080404;
    line-height: 50px;
    padding-left: 12.7%;
    margin-top: 80px;
}

.about .section3 .slideshow2 .right .title,
.about .section3 .slideshow4 .right .title {
    padding-left: 25.5%;
}

.about .section3 .slideshow .right .listImg {
    position: absolute;
    padding-left: 40px;
    width: 100%;
    right: 0;
    bottom: 0;
}

.about .section3 .slideshow .right .listImg .swiper-slide {
    position: relative;
    padding-top: 22.05%;
}

.about .section3 .slideshow .right .listImg .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.about .section3 .slideshow .right .listImg .swiper-button-next,
.about .section3 .slideshow .right .listImg .swiper-button-prev {
    width: 42px;
    height: 42px;
    top: -100px;
}

.about .section3 .slideshow .right .listImg .swiper-button-prev {
    left: 12.7%;
    background: url(../images/about_lt.png) no-repeat;
    background-size: 100% 100%;
}

.about .section3 .slideshow .right .listImg .swiper-button-next {
    right: auto;
    left: 20%;
    background: url(../images/about_rt.png) no-repeat;
    background-size: 100% 100%;
}

.about .section3 .slideshow2 .right .listImg .swiper-button-prev,
.about .section3 .slideshow4 .right .listImg .swiper-button-prev {
    left: 25.5%;
}

.about .section3 .slideshow2 .right .listImg .swiper-button-next,
.about .section3 .slideshow4 .right .listImg .swiper-button-next {
    left: 32%;
}

.about .section3 .slideshow .right .listImg .swiper-button-prev:after,
.about .section3 .slideshow .right .listImg .swiper-container-rtl .swiper-button-next:after,
.about .section3 .slideshow .right .listImg .swiper-button-next:after,
.about .section3 .slideshow .right .listImg .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.about .section3 .slideshow .right .listImg .swiper-button-prev:hover {
    background: url(../images/about_lts.png) no-repeat;
    background-size: 100% 100%;
}

.about .section3 .slideshow .right .listImg .swiper-button-next:hover {
    background: url(../images/about_rts.png) no-repeat;
    background-size: 100% 100%;
}

.about .section3 .slideshow2 .left,
.about .section3 .slideshow4 .left {
    padding: 130px 13.5% 0 0;
}

.about .section3 .slideshow2 .right .listImg,
.about .section3 .slideshow4 .right .listImg {
    padding-left: 0;
    padding-right: 40px;
}

@media screen and (max-width: 1600px) {
    .about .box1 .img {
        padding-left: 4.375%;
    }

    .about .box1 .txt {
        padding: 60px 4.375% 60px 80px
    }

    .about .box6 .txt,
    .about .box8 .txt {
        padding: 0 80px 0 0
    }

    .about .box4 .img {
        padding-left: 0;
        margin-right: 4.375%;
    }

    .about .box6 .img,
    .about .box8 .img {
        padding-left: 0;
    }

    .about .section3 .slideshow .left {
        padding: 130px 0 0 4.375%
    }

    .about .section3 .slideshow2 .left,
    .about .section3 .slideshow4 .left {
        padding: 130px 4.375% 0 0
    }

    .about .section2 .lunbo .swiper-button-prev {
        left: -70px;
    }

    .about .section2 .lunbo .swiper-button-next {
        right: -70px;
    }

    .about .section2 .lunbo .swiper-button-next,
    .about .section2 .lunbo .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .about .section3 .slideshow {
        margin-bottom: 6%;
    }

    .about .section3 .imgs {
        margin-bottom: 3%;
    }

    .about .section3 .slideshow .right .title {
        padding-left: 8.5%;
    }

    .about .section3 .slideshow .right .listImg .swiper-button-prev {
        left: 8.5%;
    }

    .about .section3 .slideshow .right .listImg .swiper-button-next {
        left: 16%;
    }

    .about .box .txt .title,
    .about .section3 .slideshow .right .title,
    .about .section3 .imgs .title {
        font-size: 24px;
    }

    .about .section2 .list1 .item .txt .title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .about .box .txt .intro,
    .about .section2 .list1 .item .txt .intro {
        font-size: 14px;
        line-height: 28px;
    }

    .about .section2 .list1 .item .txt {
        padding: 65px 35px 35px 35px;
    }

    .about .box {
        margin-bottom: 50px;
    }

    .about .box3 {
        margin-bottom: 150px;
    }
}

@media screen and (max-width: 1440px) {
    .about .box1 .img {
        padding-left: 8%;
    }

    .about .box1 .txt {
        padding: 60px 8% 60px 80px
    }

    .about .box4 .txt {
        padding: 60px 80px 60px 8%
    }

    .about .box4 .img {
        padding-left: 0;
    }

    .about .box6 .txt,
    .about .box8 .txt {
        padding: 0 80px 0 0;
    }

    .about .box6 .img,
    .about .box8 .img {
        padding-left: 0;
    }

    .about .section3 .slideshow .left {
        padding: 130px 0 0 8%
    }

    .about .section3 .slideshow2 .left,
    .about .section3 .slideshow4 .left {
        padding: 130px 8% 0 0;
    }

    .about .section3 .slideshow .right .title {
        padding-left: 14.5%;
    }

    .about .section3 .slideshow .right .listImg .swiper-button-prev {
        left: 14.5%;
    }

    .about .section3 .slideshow .right .listImg .swiper-button-next {
        left: 23%;
    }
}

@media screen and (max-width: 960px) {
    .about .box {
        display: block;
        padding: 0 3%;
        margin-bottom: 30px;
    }

    .about .box.marginB50 .txt {
        margin-bottom: 0;
    }

    .about .box .img,
    .about .box .txt {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .about .box .img .number {
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        font-size: 24px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .about .box .txt {
        padding: 10px;
    }

    .about .box .txt .title,
    .about .section3 .slideshow .right .title,
    .about .section3 .imgs .title {
        font-size: 14px;
    }

    .about .box .txt .intro,
    .about .section2 .list1 .item .txt .intro {
        font-size: 12px;
        line-height: 24px;
    }

    .about .box .txt .title {
        margin: 10px 0;
    }

    .about .box .in {
        display: block;
        padding: 0;
    }

    .about .box3 {
        padding: 15px 3% 10px 3%;
    }

    .about .box3 .img {
        position: inherit;
    }

    .about .box .in .txt {
        padding: 0;
    }

    .about .inside-title b {
        font-size: 18px;
    }

    .about .inside-title span {
        font-size: 12px;
    }

    .about .section2 .list1 {
        display: block;
    }

    .about .section2 .list1 .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .about .section2 .list1 .item .txt {
        padding: 15px;
    }

    .about .section2 .list1 .item .txt .title {
        font-size: 14px;
    }

    .about .section2 .tab li {
        width: 25%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin: 5px;
    }

    .about .section2 .tab {
        margin: 30px 0 20px 0;
    }

    .about .section2 .lunbo .swiper-button-prev {
        left: 3%;
    }

    .about .section2 .lunbo .swiper-button-next {
        right: 3%;
    }

    .about .section2 .lunbo .swiper-button-next,
    .about .section2 .lunbo .swiper-button-prev {
        width: 25px;
        height: 25px;
    }

    .about .section3 .slideshow {
        display: block;
    }

    .about .section3 .slideshow .left,
    .about .section3 .slideshow .right {
        width: 100%;
    }

    .about .section3 .slideshow .left:after {
        display: none;
    }

    .about .section3 .slideshow .left {
        padding: 0 3%
    }

    .about .section3 .slideshow .right {
        padding: 15px 0;
    }

    .about .section3 .slideshow .right .title {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .about .section3 .slideshow .left dl dd {
        font-size: 12px;
    }

    .about .section3 .slideshow .right .listImg {
        position: inherit;
        padding: 0 3%;
    }

    .about .section3 .slideshow .right .title {
        padding-left: 0;
        text-align: center;
        font-size: 12px;
        line-height: 24px;
    }

    .about .section3 .slideshow .right .listImg .swiper-button-next,
    .about .section3 .slideshow .right .listImg .swiper-button-prev {
        width: 25px;
        height: 25px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }

    .about .section3 .slideshow .right .listImg .swiper-button-prev {
        left: 3%
    }

    .about .section3 .slideshow .right .listImg .swiper-button-next {
        left: auto;
        right: 3%;
    }

    .about .section3 .imgs .list dl {
        margin-bottom: 10px;
    }

    .about .section2 {
        padding: 30px 0;
    }

    .about .section2 .list1 {
        margin: 30px auto 0
    }

    .about .section3 .imgs .title {
        line-height: 30px;
        margin-bottom: 20px;
    }

    .about .section2 .lunbo .swiper-slide .txt {
        padding: 15px 10px
    }

    .about .section2 .lunbo .swiper-slide .txt h1 {
        font-size: 14px;
    }

    .about .section2 .lunbo .swiper-slide .txt p {
        font-size: 12px;
        line-height: 24px;
        -webkit-line-clamp: 6;
    }
}

/* .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
} */
.redTxt {
    color: #B81B25;
}

.syzy {
    background-color: #f6f8fa;
}

.syzy .bg1 {
    background: url(../images/kszy_by/b1.jpg) no-repeat center top;
    background-size: 1920px auto;
    overflow: hidden;
}

.syzy .box1 .text {
    max-width: 1080px;
    margin: 0 auto;
}

.syzy .uniBox {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 0 5px;
}

.syzy .uniBox .text {
    padding: 1% 10px;
}

.syzy .box2 .list {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 5px;
}

.syzy .box2 .list ul {
    display: flex;
    flex-wrap: wrap;

}

.syzy .box2 .list li {
    width: 19%;
    margin: 0 .5%;
    margin-bottom: 1%;
    height: 215px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    padding: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.syzy .box2 .list li img {
    width: 72px;
    height: 72px;
    margin-bottom: 10px;
    display: block;
}

.syzy .box2 .list li h3 {
    color: #080404;
    margin-bottom: 10px;
}

.syzy .box2 .list li p {
    color: #666;
    line-height: 2em;
    text-align: center;
}

.scrollBar::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.scrollBar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    height: 4px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #B81B25;
}

.scrollBar::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #fff;
}

.syzy .box3 {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    overflow: hidden;
}

.syzy .box3 h3 {
    color: #080404;
    padding: 20px 20px 0;
}

.syzy .box3 ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding: 20px;
}

.syzy .box3 ul li {
    width: 20%;
    color: #666;
    line-height: 2em;
    margin: 5px 0;
}

.syzy .box3 .botTip {
    background: #08090D;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

.syzy .box3 .botTip img {
    margin-right: 20px;
}

.studentsList {
    display: flex;
    flex-wrap: wrap;
}

.studentsList li {
    width: 22.85%;
    margin-left: 2.86%;
    margin-bottom: 2.86%;
    height: 460px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    display: flex;
    flex-flow: column;
    padding: 30px 15px 20px;
}

.studentsList li:nth-child(4n+1) {
    margin-left: 0;
}

.studentsList img {
    width: 172px;
    height: 172px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.studentsList .tit {
    color: #080404;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #eee;
    line-height: 2em;
    margin: 15px auto 10px;
    width: 100%;
}

.studentsList .tit::before {
    content: '';
    width: 3em;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #B81B25;
}

.studentsList .word {
    color: #666;
    line-height: 2em;
    width: 100%;
}

.studentsList .word p {
    display: flex;
    justify-content: space-between;
}

.syzy .box5 {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    overflow: hidden;
}

.syzy .box5 .teacherBox {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.syzy .box5 .teacherBox .pic {
    width: 120px;
    height: 120px;
    flex-shrink: unset;
    margin: 20px 20px 0 30px;
}

.syzy .box5 .teacherBox .rCont {
    flex: 1;
    padding-right: 30px;
}

.syzy .box5 .teacherBox .rCont .top {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin-bottom: 20px;
}

.syzy .box5 .teacherBox .rCont .top h3 {
    color: #080404;
}

.bgred {
    background: #B81B25;
    color: #fff;
}

.syzy .box5 .teacherBox .rCont .top .tip {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #B81B25;
    border-radius: 5px;
    margin: 10px 0;
}

.syzy .box5 .teacherBox .rCont .top .text {
    color: #666;
    line-height: 1.8em;
}

.syzy .box5 .teacherBox .rCont .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 10%;
}

.syzy .box5 .teacherBox .rCont .bottom dl {
    width: 48%;
    background: rgba(216, 216, 216, .5);
    /* height: 120px; */
    display: flex;
    flex-flow: column;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

.syzy .box5 .teacherBox .rCont .bottom dt {
    padding: 5px 10px;
    line-height: 1.2em;
}

.syzy .box5 .teacherBox .rCont .bottom dd {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 5px 15px;
    color: #666666;
    line-height: 1.8em;
}

.syzy .teacherList {
    padding-bottom: 50px;
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
}

.syzy .teacherList .tabNav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.syzy .teacherList .tabNav li {
    width: 12.8%;
    padding: 20px 0;
    border: 1px solid #B81B25;
    background: #fff;
    border-radius: 5px;
    color: #080404;
    margin: 0 10px 10px 10px;
    text-align: center;
    cursor: pointer;
}

.syzy .teacherList .tabNav li.active {
    color: #FFFFFF;
    background: #B81B25;
}

.syzy .swiper-syzy {
    position: relative;
}

.syzy .swiper-teacher {
    padding-left: 80px;
    padding-right: 80px;
}

.syzy .swiper-teacher .swiper-slide {
    height: auto;
}

.syzy .swiper-teacher .swiper-container {
    padding: 50px 20px;
    margin-left: 40px;
    margin-right: 40px;
}

.syzy .swiper-teacher .tl-cont {
    height: 100%;
    padding: 0 10% 10%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    text-align: center;
}

.syzy .swiper-teacher img {
    width: 102px;
    height: 102px;
    margin-top: -50px;
    border-radius: 50%;
}

.syzy .swiper-teacher h3 {
    color: #080404;
    font-weight: bold;
    line-height: 3;
}

.syzy .swiper-teacher p {
    line-height: 1.75;
    color: #666666;
    text-align: left;
}

.syzy .swiper-syzy-button-prev:after,
.syzy .swiper-syzy-button-next:after {
    content: '';
}

.syzy .swiper-syzy-button-next,
.syzy .swiper-syzy-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    z-index: 999;
}

.syzy .swiper-syzy-button-prev {
    left: 40px;
    background: url(../images/about_lt.png) no-repeat;
    background-size: 100% 100%;
}

.syzy .swiper-syzy-button-next {
    right: 40px;
    background: url(../images/about_rt.png) no-repeat;
    background-size: 100% 100%;
}

.syzy .swiper-syzy-button-prev:hover {
    background-image: url(../images/about_lts.png);
}

.syzy .swiper-syzy-button-next:hover {
    background-image: url(../images/about_rts.png);
}

.syzy .model-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 4%;
}

.syzy .model-item {
    width: 49%;
    margin-bottom: 4%;
    padding: 0 40px 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.syzy .model-item h3 {
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: bold;
    color: #B81B25;
    text-align: center;
}

.syzy .pub-mark {
    display: flex;
    margin: 0 auto 20px;
}

.syzy .pub-mark span {
    flex: 1;
    line-height: 2.8;
    margin-right: 10px;
    color: #080404;
    border-radius: 5px;
    border: 1px solid #979797;
    text-align: center;
}

.syzy .pub-mark span:last-child {
    margin-right: 0;
}

.syzy .model-item h4 {
    line-height: 1.5;
    color: #080404;
}

.syzy .model-item p {
    line-height: 1.5;
    color: #666666;
}

.syzy .swiper-jcyf .swiper-syzy-button-prev {
    left: -80px;
}

.syzy .swiper-jcyf .swiper-syzy-button-next {
    right: -80px;
}

@media screen and (max-width: 1440px) {
    .syzy .box2 .list li p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .syzy .box2 .list li {
        height: 200px;
    }

    .syzy .box3 .botTip {
        font-size: 24px;
    }
}

@media screen and (max-width: 960px) {
    .syzy .box2 .list {
        max-height: initial;
    }

    .syzy .box2 .list li {
        width: 48%;
        margin: 0 1% 2%;
        height: auto;
    }

    .syzy .box2 .list li img {
        width: 40px;
        height: 40px;
    }

    .syzy .bg1 {
        background-size: 100% auto;
    }

    .studentsList img {
        width: 100px;
        height: 100px;
    }

    .studentsList li {
        width: 48%;
        margin: 0 1% 2% !important;
        padding: 10px 5px;
        height: 310px;
    }

    .studentsList li .font16 {
        font-size: 12px;
    }

    .syzy .box3 .botTip {
        font-size: 18px;
        height: 60px;
    }

    .syzy .box3 .botTip img {
        width: 32px;
        margin-right: 10px;
    }

    .syzy .box3 ul {
        padding: 10px;
    }

    .syzy .box3 ul li {
        width: 50%;
    }

    .syzy .teacherList .tabNav li {
        width: 40%;
    }

    .syzy .model-item {
        width: 100%;
        padding: 0 10px 20px;
    }

    .syzy .swiper-teacher {
        padding-left: 20px;
        padding-right: 20px;
    }

    .syzy .teacherList {
        padding-bottom: 0;
    }
    .syzy .box5 .teacherBox .rCont .bottom{
        padding-right: 0;
    }
    .syzy .swiper-teacher .swiper-container {
        margin-left: 10px;
        margin-right: 10px;
    }

    .syzy .swiper-syzy .swiper-syzy-button-prev {
        width: 40px;
        height: 40px;
        left: 20px;
    }

    .syzy .swiper-syzy .swiper-syzy-button-next {
        width: 40px;
        height: 40px;
        right: 20px;
    }

    .syzy .box5 .teacherBox {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }

    .syzy .box5 .teacherBox .pic {
        display: block;
        margin: 0 auto;
    }

    .syzy .box5 .teacherBox .rCont {
        padding-right: 0;
    }
}

.syzy .box7,
.syzy .box8 {
    background: rgba(246, 248, 250, .9);
    padding-bottom: 60px;
}
.syzy .swiper-jcyf {
    margin-top: 30px;
}

.syzy .swiper-jcyf .jcyf-avatar {
    width: 100%;
    height: auto;
}

.syzy .swiper-jcyf .jcyf-cont {
    position: relative;
    font-size: 0;
}

.syzy .swiper-jcyf .jcyf-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    line-height: 1.8;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    transform: translateY(100%);
    transition: all .5s;
}

.syzy .swiper-jcyf .jcyf-cont:hover .jcyf-mask {
    transform: translateY(0);
}

.syzy .swiper-jcyf .jcyf-mask h3 {
    padding-bottom: 10px;
    text-align: center;
	margin:0 8%;
}

.syzy .swiper-jcyf .jcyf-mask p {
    padding-left: 8%;
    padding-right: 8%;
}

.syzy .swiper-jcyf .inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.syzy .box8 {
    margin-top: 75px;
    padding-bottom: 120px;
}

.syzy .top-tit {
    padding-bottom: 20px;
    text-align: center;
}

.syzy .top-descrip {
    padding-bottom: 90px;
    color: #666;
}

.syzy .box8 .inner-box1 {
    position: relative;
    text-align: center;
}

.syzy .box8 .inner-box1 img {
    width: 276px;
    height: 280px;
}

.syzy .box8 .inner-box1 .text {
    position: absolute;
    left: 50%;
    right: 0;
    top: -30px;
    margin-left: -30px;
}

.syzy .box8 .inner-box1 .xue {
    top: 148px;
    margin-left: -160px;
}

.syzy .box8 .inner-box1 .lian {
    top: 148px;
    margin-left: 100px;
}

.syzy .box8 .inner-box1 .p1 {
    font-size: 36px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #B81B25;
    color: #fff;
    cursor: pointer;
}

.syzy .box8 .inner-box1 .p2 {
    display: none;
    position: relative;
    left: 70px;
    top: -46px;
    white-space: nowrap;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    border-radius: 18px;
    z-index: 2;
}

.syzy .box8 .inner-box1 .p1:hover+.p2 {
    display: inline-block;
}

.syzy .box8 .inner-box1 .p3 {
    padding-top: 30px;
    padding-bottom: 120px;
    color: #999;
    text-align: center;
}

.syzy .pub-nav2 {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.syzy .pub-nav2 li {
    width: 260px;
    height: 60px;
    line-height: 60px;
    margin-right: 28px;
    margin-bottom: 24px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .7);
    border: 1px solid #B81B25;
    color: #080404;
}

.syzy .pub-nav2 li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 18px;
    margin-right: 18px;
    text-align: center;
    border-radius: 50%;
    background: #B81B25;
    font-style: normal;
    color: #fff;
}

.syzy .pub-nav2 li.active {
    background: #B81B25;
    color: #fff;
}

.syzy .pub-nav2 li.active i {
    color: #B81B25;
    background: #fff;
}

.syzy .pub-nav2 li:last-child {
    width: 360px;
}

.syzy .nav-cont > li {
    display: none;
}

.syzy .nav-cont li.active {
    display: block;
}

.syzy .box8 .inner-box2 .nav-cont h4 {
    padding-bottom: 10px;
    color: #080404;
    font-weight: bold;
}

.syzy .box8 .inner-box2 .nav-cont .link {
    display: inline-flex;
    padding: 1.13em;
    margin-top: 3.13em;
    align-items: center;
    color: #B81B25;
    border-radius: .3em;
    border: 1px solid #B81B25;
}

.syzy .box8 .inner-box2 .nav-cont .link img {
    width: 1.5em;
    margin-left: .625em;
}

.syzy .box8 .inner-box2 .nav-cont .p5 {
    text-indent: .8em;
    line-height: 1.8;
}

.syzy .box8 .inner-box2 .p4 {
    line-height: 1.8;
    padding-bottom: 24px;
}

.syzy .box8 .inner-box2 .img-list {
    font-size: 0;
}

.syzy .box8 .inner-box2 .img-list img {
    width: 204px;
    height: auto;
    margin-right: 1%;
    margin-bottom: 20px;
}

.syzy .box8 .inner-box2 .people-list {
    display: flex;
}

.syzy .box8 .inner-box2 .people-list li {
    width: 262px;
    padding-bottom: 30px;
    margin-right: 22px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}

.syzy .box8 .inner-box2 .people-list li:last-child {
    margin-right: 0;
}

.syzy .box8 .inner-box2 .people-list .img {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.syzy .box8 .inner-box2 .people-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.syzy .box8 .inner-box2 .people-list h3 {
    padding: 24px 20px 5px;
    color: #080404;
    text-align: center;
}

.syzy .box8 .inner-box2 .people-list p {
    padding-left: 20px;
    padding-right: 20px;
    color: #080404;
}

@media screen and (max-width: 960px) {
    .syzy .swiper-jcyf {
        padding-left: 40px;
        padding-right: 40px;
    }

    .syzy .box8 .inner-box1 .p3 {
        padding-bottom: 50px;
    }

    .syzy .box8 .inner-box2 .img-list img {
        width: 48%;
    }

    .syzy .box7 {
        padding-bottom: 0;
    }

    .syzy .box8 {
        margin-top: 0;
        padding-bottom: 30px;
    }

    .syzy .box5 .teacherBox .rCont .bottom dl {
        width: 100%;
    }
}

.pub-bottom {
    background-color: #ECECED;
}

.pub-bottom .pb-box1 {
    padding-bottom: 100px;
    color: #fff;
    background: rgba(37, 39, 46, 1) url(../images/a4.jpg) center / 1920px auto no-repeat;
}

.pub-bottom .pb-box1 .inside-title b {
    color: #fff;
}

.pub-bottom .pb-nav {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.pub-bottom .pb-nav li {
    padding: 1.17em 3em;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: .3em;
    background: #fff;
    color: #080404;
    cursor: pointer;
}

.pub-bottom .pb-nav li.active {
    color: #FFFFFF;
    background: #B81B25;
}

.pub-bottom .pb-box1 .nav-cont {
    line-height: 1.8;
}

.pub-bottom .pb-box1 .nav-cont h3 {
    padding-bottom: 10px;
}

.pub-bottom .swiper-bottom {
    margin-top: 54px;
}

.pub-bottom .swiper-bottom .swiper-slide {
    position: relative;
}

.pub-bottom .bottom-cont img {
    display: block;
    width: 100%;
    max-height: 248px;
    object-fit: cover;
}

.pub-bottom .bottom-cont p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 2.8;
}

.pub-bottom .swiper-syzy-button-prev {
    left: 40px;
    background: url(../images/kszy-lt.png) no-repeat;
    background-size: 100% 100%;
}

.pub-bottom .swiper-syzy-button-next {
    right: 40px;
    background: url(../images/kszy-rt.png) no-repeat;
    background-size: 100% 100%;
}

.pub-bottom .swiper-syzy-button-prev:hover {
    background-image: url(../images/kszy-lts.png);
}

.pub-bottom .swiper-syzy-button-next:hover {
    background-image: url(../images/kszy-rts.png);
}

.pub-bottom .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
}

.pub-bottom .swiper-slide-prev::after,
.pub-bottom .swiper-slide-active::after,
.pub-bottom .swiper-slide-next::after {
    display: none;
}

.pub-bottom .bg2 {
    background: url(../images/kszy-bg1.png) left top / 1920px auto no-repeat,
        url(../images/kszy-bg2.png) right bottom / 853px auto no-repeat;
}

.pub-bottom .txt1 {
    margin-bottom: 32px;
    color: #666666;
    line-height: 1.8;
}

.pub-bottom .pb-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pub-bottom .pb-img li {
    position: relative;
    width: 24.3%;
    margin-top: 1%;
}

.pub-bottom .pb-img li p {
    color: #fff;
}

.pub-bottom .table-box {
    padding: 0 40px 40px;
    background: #fff;
}

.pub-bottom .pb-nc-title {
    line-height: 3;
    padding-top: 10px;
    font-size: 30px;
    text-align: center;
}

.pub-bottom table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.8;
}

.pub-bottom .pb-nc-table {
    min-width: 1000px;
}

.pub-bottom .pb-nc-table td,
.pub-bottom .pb-nc-table th {
    padding: 20px;
    border: 1px solid #e4e4e4;
}

.pub-bottom .pb-nc-table tr:first-child td,
.pub-bottom .pb-nc-table tr:first-child th {
    border-top-width: 1px;
}

.pub-bottom .pb-nc-table td:first-child,
.pub-bottom .pb-nc-table th:first-child {
    border-left-width: 1px;
}

.pub-bottom .pb-nc-table td:last-child,
.pub-bottom .pb-nc-table th:last-child {
    border-right-width: 1px;
}

.pub-bottom .pb-nc-table tr:last-child td,
.pub-bottom .pb-nc-table .no-border-bottom {
    border-bottom-width: 1px;
}

.pub-bottom .pb-nc-table .nowrap {
    white-space: nowrap;
}

.pub-bottom .pb-nc-table .gray-bg {
    background: #ECECED;
    text-align: center;
}

.pub-bottom .pb-nc-table .p1 {
    max-width: 200px;
    margin: 0 auto;
    text-align: left;
}

.pub-bottom .pb-nc-table .p2 {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
}

.pub-bottom .pb-nc-table .no-padding {
    padding: 0;
}

.pub-bottom .pb-nc-table .pb-nc-table3 tr:not(:last-child) td {
    border-bottom-width: 1px;
}

.pub-bottom .pb-nc-table3 tr:nth-child(even) {
    background: #F6F8FA;
}

.pub-bottom .fixed-width,
.pub-bottom .pb-nc-table3 td:first-child {
    width: 15em;
}

.pub-bottom .pb-nc-table .pb-nc-table3 td:not(:first-child) {
    max-width: 500px;
    text-align: left;
}

.pub-bottom .pb-tips {
    padding: 40px 20px 120px;
}

.pub-bottom .pb-tips h4 {
    padding-bottom: 20px;
    color: #080404;
}

.pub-bottom .pb-tips p {
    line-height: 2;
    color: #999999;
}

.pub-bottom .nav-cont li {
    display: none;
}

.pub-bottom .nav-cont li.active {
    display: block;
}

.pub-bottom .swiper-syzy-button-next,
.pub-bottom .swiper-syzy-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    z-index: 1;
}

.swiper-bottom {
    position: relative;
}

@media screen and (max-width: 1440px) {
    .pub-bottom .bg2 {
        background-size: 100% auto,
            44.2% auto;
    }
}

@media screen and (max-width: 960px) {
    .pub-bottom .pb-nav li {
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .pub-bottom .nav2 li {
        /* width: 3em; */
        padding-left: 1em;
        padding-right: 1em;
    }

    .pub-bottom .pb-nav {
        margin-bottom: 40px;
    }

    .pub-bottom .pb-box1 {
        padding-bottom: 50px;
    }

    .pub-bottom .pb-nc-title {
        font-size: 16px;
    }

    .pub-bottom .table-box {
        overflow-x: scroll;
    }

    .pub-bottom .pb-img li {
        width: 49.2%;
    }

    .pub-bottom .swiper-syzy-button-next,
    .pub-bottom .swiper-syzy-button-prev {
        width: 40px;
        height: 40px;
    }
	.pub-bottom .pb-tips{
		padding:30px 12px
	}
}

.syzy .ys-box1 .pub-mark {
    max-width: 612px;
}

.syzy .ys-box1 .text {
    max-width: 1206px;
    margin: 30px auto 20px;
}

.syzy .ys-box1 .list-wrap {
    position: relative;
    text-align: center;
}

.syzy .ys-box1 .list-wrap img {
    width: 23em;
    height: auto;
    max-width: 100%;
}

.syzy .ys-box1 .list-wrap .word {
    position: absolute;
    width: 100%;
    height: 24em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.syzy .ys-box1 .list-wrap p {
    position: absolute;
    left: 50%;
    line-height: 3em;
    border-radius: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background: #B81B25;
    color: #fff;
}

.syzy .ys-box1 .list-wrap p:nth-child(even) {
    transform: translateX(-100%);
}

.syzy .ys-box1 .list-wrap p.p1 {
    top: 2em;
    margin-left: -16em;
}

.syzy .ys-box1 .list-wrap p.p2 {
    top: 2em;
    margin-left: 16em;
}

.syzy .ys-box1 .list-wrap p.p3 {
    top: 10em;
    margin-left: -20em;
}

.syzy .ys-box1 .list-wrap p.p4 {
    top: 10em;
    margin-left: 20em;
}

.syzy .ys-box1 .list-wrap p.p5 {
    top: 19em;
    margin-left: -16em;
}

.syzy .ys-box1 .list-wrap p.p6 {
    top: 19em;
    margin-left: 16em;
}

.syzy .ys-box1 .list-wrap .cen {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: normal;
}

.syzy .ys-box2 {
    background: rgba(246, 248, 250, .9);
    padding-bottom: 120px;
}

.syzy .pub-small-title {
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    color: #080404;
}

.syzy .ys-box2 .pub-nav2 {
    justify-content: center;
}

.syzy .ys-box2 .pub-nav2 li {
    width: 210px;
}

.syzy .ys-box2 .pub-nav2 li i {
    margin-left: 12px;
}

.ys-box2 .inner-cont {
    position: relative;
    padding: 20px 0;
}

.ys-box2 .inner-cont::before,
.ys-box2 .inner-cont:after {
    content: '';
    position: absolute;
    width: 13%;
    padding-top: 13%;
    background: rgba(184, 27, 37, 1);
}

.ys-box2 .inner-cont::before {
    top: 0;
    left: -20px;
}

.ys-box2 .inner-cont::after {
    bottom: 0;
    right: -20px;
}

.jx_swiper {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.jx_swiper .swiper-slide {
    display: flex;
    background-color: #fff;
}

.jx_swiper .swiper-slide>div {
    width: 50%;
}

.jx_swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.jx_swiper .word {
    padding: 3% 5%;
}

.jx_swiper .word h2 {
    color: #080404;
    line-height: 2em;
}

.jx_swiper .word p {
    color: #666666;
    line-height: 2em;
}

.jx_swiper .btn {
    position: absolute;
    width: 50%;
    left: 50%;
    padding: 3% 5%;
    display: flex;
    bottom: 0;
    z-index: 3;
}

.jx_swiper .btn a {
    width: 42px;
    height: 42px;
    background-size: 100% 100%;
    margin-right: 10px;
}

.jx_swiper a.prev {
    background-image: url(../images/about_lt.png);
}

.jx_swiper a.next {
    background-image: url(../images/about_rt.png);
}

.jx_swiper a.prev:hover {
    background-image: url(../images/about_lts.png);
}

.jx_swiper a.next:hover {
    background-image: url(../images/about_rts.png);
}

.syzy .ys-box3 .topBox {
    display: flex;
    align-items: flex-start;
}

.syzy .ys-box3 .topBox .img {
    width: 40.88%;
    position: relative;
}

.syzy .ys-box3 .topBox img {
    width: 100%;
}

.syzy .ys-box3 .topBox .nameBox {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 2;
    padding-bottom: 120px;
    display: flex;
    flex-flow: column;
    top: 0;
    justify-content: center;
    text-align: left;
}

.syzy .ys-box3 .topBox .name {
    color: #fff;
    font-weight: bold;
}

.syzy .ys-box3 .topBox .profess {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #B81B25;
    border-radius: 5px;
    margin: 10px 0;
    color: #fff;
    vertical-align: middle;
}

.syzy .ys-box3 .topBox .word {
    flex: 1;
    background-color: #fff;
    padding: 1% 3%;
    line-height: 2em;
}

.jstdList {
    position: relative;
    padding-left: 20%;
    top: -120px;
    z-index: 2;
    margin-bottom: -120px;
}

.jstdList .inside {
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    padding: 66px 30px;
    height: 390px;
}

.jstdList .inside img {
    position: absolute;
    z-index: 100;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    left: 50%;
    margin: -117px 0 0 -51px;
}

.jstdList .jstd_swiper {
    padding: 51px 0 10px 0;
}

.jstdList .inside h3 {
    color: #080404;
    text-align: center;
    margin-bottom: 20px;
}

.jstdList .inside .word {
    color: #666666;
    line-height: 2em;
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
}

.jstdList .btn {
    position: absolute;
    right: 80%;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
}

.jstdList .btn a {
    width: 52px;
    height: 52px;
    background-size: 100% 100%;
    margin-right: 10px;
    outline: 0;
}

.jstdList a.prev {
    background-image: url(../images/about_lt.png);
}

.jstdList a.next {
    background-image: url(../images/about_rt.png);
}

.jstdList a.prev:hover {
    background-image: url(../images/about_lts.png);
}

.jstdList a.next:hover {
    background-image: url(../images/about_rts.png);
}
.slshList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3%;
}
.slshList li{
    height: 60px;
    width: 19.28%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #B81B25;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    margin-bottom: 1.2%;
}
@media screen and (max-width: 960px) {
	.pb100{
		padding-bottom: 30px;
	}
    .syzy .ys-box1 .list-wrap .word {
        position: initial;
        transform: none !important;
        height: auto;
    }

    .syzy .ys-box1 .list-wrap p {
        display: inline-block;
        position: initial;
        transform: none !important;
        margin-left: 0 !important;
        margin-bottom: 2em;
        width: 49%;
    }

    .syzy .ys-box1 .list-wrap img {
        display: none;
    }

    .jx_swiper .swiper-slide {
        display: block;
    }

    .jx_swiper .swiper-slide>div {
        width: 100%;
    }

    .jx_swiper .swiper-slide .word {
        padding-bottom: 40px;
    }

    .jx_swiper .btn {
        width: 100%;
        left: 0;
        justify-content: center;
    }

    .jx_swiper .btn a {
        width: 24px;
        height: 24px;
        margin: 0 10px;
    }

    .ys-box2 .inner-cont {
        padding: 3% 0;
    }

    .jstdList {
        padding: 0 3%;
        top: auto;
        margin-bottom: auto;
        /* padding-bottom: 40px; */
    }

    .jstdList .inside {
        height: auto;
        padding: 40px 15px;
        box-shadow: 0;
    }

    .jstdList .inside img {
        width: 80px;
        height: 80px;
        margin-top: -90px;
        margin-left: -40px;
    }

    .jstdList .btn {
        bottom: 0;
        width: 100%;
        top: auto;
        transform: translate(0);
        justify-content: center;
    }

    .syzy .ys-box3 .topBox {
        display: block;
        padding: 0 3%;
        margin-bottom: 10px;
    }

    .syzy .ys-box3 .topBox img {
        width: 100%;
    }

    .syzy .ys-box3 .topBox .img {
        width: 100%;
    }

    .syzy .ys-box3 .topBox .nameBox {
        position: initial;
        margin: 10px 0;
        padding-bottom: 0;
    }

    .syzy .ys-box3 .topBox .name {
        color: #333;
    }
	.syzy .ys-box2{
		padding-bottom: 30px;
	}
}
.color666{
    color: #666 !important;
}
.alignCenter{
    text-align: center !important;
}

.zysjSwiper .swiper-slide::after{
    display: none;
}
@media screen and (max-width: 1440px) {
    .syzy .swiper-jcyf .jcyf-mask h3{
		font-size: 18px;
	}
	.syzy .swiper-jcyf .jcyf-mask p{
		font-size: 14px;
	}
}