.more-btn {
    padding: 10px 30px;
    border-radius: 100px;
    background: #004098;
    color: #fff;
    display: block;
    margin: 20px auto 30px auto;
    width: 100px;
    text-align: center;
    font-size: 18px;
}

.more-btn-group {
    width: 1200px;
    margin: 0 auto 10px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #00438f88;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}

.more-btn-group::after {
    content: '';
    width: 180px;
    height: 3px;
    position: absolute;
    bottom: -2px;
    right: 0;
    background: #004098;
}

.more-btn-group a {
    font-size: 15px;
    color: #666;
}

.more-btn-group a:hover {
    color: #004098;
}

/* .more-btn-group {
    margin: 0 auto;
    width: 200px;
    background: #004098;
    padding: 10px 20px;
    border-radius: 100px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.more-btn-group a{
    flex: 1;
    text-align: center;
    color: #fff;

} */
/* .more-btn-group a:hover{
    font-weight: bold;
}
.more-btn-group i:hover{
    font-weight: bold;
} */
.more-btn:hover {
    font-weight: bolder;
    color: #fff;
}

/* !banner S */

.swiper {
    /* --swiper-theme-color: #ff6600; */
    /* 设置Swiper风格 */
    --swiper-preloader-color: #569fff;
    /* 单独设置预加载圆圈的颜色 */
}

.swiper-index-banner {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.swiper-index-banner .swiper-wrapper {
    width: 100%;
    height: 500px;
}

.swiper-index-banner .swiper-slide {
    width: 100%;
    height: 500px;
}

.swiper-index-banner .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 500px;
    display: block;
    /* background: red !important; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-index-banner img {
    display: block;
    min-width: 100px;
    width: auto;
    height: auto;
    object-fit: cover;
    margin: auto auto;
    min-height: 500px;
}

.swiper-index-banner .idt {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    border-radius: 200px;
    overflow: hidden;
    box-shadow: 10px 10px 10px #00000050;
    opacity: .5;
}

.swiper-index-banner .idt:hover {
    opacity: 1;
}

.swiper-index-banner .index-bullet {
    cursor: pointer;
    padding: 0 10px;
    border-radius: 0;
    padding: 10px 15px;
    background: #ffffff !important;
    font-size: 16px;
    word-break: keep-all;

}

.swiper-index-banner .index-bullet-active {
    background: #569fff !important;
    color: #fff;
}

/* !banner E */

/* !notice S */
.web-notice {
    width: 100%;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin-top: 3px;
    box-shadow: 0 0 10px 2px rgba(166, 166, 166, .16);
    margin-bottom: 20px
}

.web-notice i {
    color: red;
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;

}


.banner_aside {
    width: 1200px;
    height: 110px;
    margin: 0 auto;
    background-color: #fff;
}

.banner_aside ul li {
    width: 116px;
    float: left;
    text-align: left;
    position: relative;
    padding: 28px 0 40px 84px;
}

.banner_aside ul li i {
    position: absolute;
    left: 0;
    width: 80px;
    height: 50px;
    background-image: url("/template/default/view/static/images/banner_aside.jpg");
    background-repeat: no-repeat;
    background-position: -1px top;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .5;
}

.banner_aside ul li:hover i {
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    filter: none !important;
    opacity: 1;
    /* background: red; */
}

.banner_aside ul li:nth-child(2) i {
    background-position: -83px top;
}

.banner_aside ul li:nth-child(3) i {
    background-position: -165px top;
}

.banner_aside ul li:nth-child(4) i {
    background-position: -1px -50px;
}

.banner_aside ul li:nth-child(5) i {
    background-position: -83px -50px;
}

.banner_aside ul li:nth-child(6) i {
    background-position: right -50px;
}

.banner_aside ul li h3 {
    font-size: 18px;
}

.banner_aside ul li p {
    font-size: 14px;
    color: #999;
}

/* !notice E */


/* !公告标题 S */
.plate-title {
    color: #004098;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
    position: relative;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
}

.title-content {
    position: relative;
    z-index: 2;
}

.plate-title .bg-text {
    position: absolute;
    left: 50%;
    /* top: 50%; */
    bottom: 0;
    transform: translate(-50%, -80%);
    z-index: 1;
    color: #cccccc6b;
    font-weight: 400;
}

/* !公告标题 E */

/* !开设专业 S */
.zytype-tabs-wrap {
    /* display: flex;
    justify-content: center;
    align-items: center;
    */
    position: relative;
    margin-bottom: 5px;
}

.zytype-tabs-wrap .more-zy {
    /* padding: 5px 20px; */
    /* margin: 0 10px; */
    /* border-radius: 30px; */
    color: #00408c;
    font-size: 18px;
    position: absolute;
    right: 0px;
    bottom: 0;
    font-size: 14px;
}

.zytype-tabs {
    display: flex;
    justify-content: center;
    /* margin-bottom: 10px; */
}

.zytype-tabs .zy-tab-item {
    padding: 5px 20px;
    margin: 0 10px;
    border: 1px solid #004098;
    border-radius: 30px;
    color: #8b8b8b;
    font-size: 18px;
}

.zytype-tabs .zy-tab-item-active {

    /* background: #4f77fc; */
    background-image: linear-gradient(90deg, #004098, #033874);
    color: #fff;

}

.swiper-pop-zy {
    width: 100%;
    height: 500px;
    overflow: hidden;
    /* background: #ccc; */
}

.swiper-pop-zy .swiper-wrapper {
    width: 100%;
    height: 500px;
}

.swiper-pop-zy .swiper-wrapper .swiper-slide {}

.zy-list-wrap {
    display: flex;
    /* justify-content: space-between; */
    align-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #fff;
}

.zy-list-wrap li {
    width: 23.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    height: 215px;
    min-height: 225px;
    max-height: 292px;
    border: 1px solid #cccccc8e;
    margin: 0 8px;
}

.zy-list-wrap li .item-thumb {
    position: relative;
    cursor: pointer;
}


.item-thumb .zy-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000056;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.item-thumb .zy-title span:nth-child(1) {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.item-thumb .zy-title span:nth-child(2) {
    font-size: 14px;
}

.item-thumb .zy-intro {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    background: #00000056;
    color: #fff;
    padding: 0 10px;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    /* box-shadow: 0 0 10px #333; */
    animation: blurBg .1s linear 0ms normal forwards
}


@keyframes blurBg {
    from {
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
    }

    to {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

}

.item-thumb .zy-intro span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*设置对齐模式*/
    -webkit-line-clamp: 7;
    /*设置多行的行数*/
    opacity: 1;
    animation: fontFade .5s linear 0ms normal forwards
}

@keyframes fontFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

.item-thumb img {
    /* width: 100%; */
    max-width: 282px;
    max-height: 165px;
    object-fit: cover;
    width: 282px;
    height: 165px;
}

.item-thumb:hover .zy-title {
    display: none;
}

.item-thumb:hover .zy-intro {
    display: flex;
}

.zy-list-wrap .btn-group {
    padding: 10px 0;
    width: 100%;
    /* background: #ccc; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* background-image: linear-gradient(90deg, #004098, #033874); */
    /* background: #569fff; */
    /* background: #00000091; */
    color: #004098;
    /* color: #fff; */
    border: 1px soldi #000;
    font-size: 14px;
}

.zy-list-wrap .btn-group a:nth-child(1) {
    border: 1px solid #004098;
}

.zy-list-wrap .btn-group a:nth-child(2) {
    background: #004098;
    color: #fff;
}

.zy-list-wrap .btn-group a {
    display: block;
    width: 46%;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
    /* color: #fff; */
    cursor: pointer;
    color: #004098;
    font-weight: bold;
    /* background-image: linear-gradient(90deg, #004098, #033874); */
}

/* !开设专业 E */


/* !火热招生 S */
.zs-wrap {
    padding: 30px 20px 30px 20px;
    /* background: #e6322e; */
    /* background: red; */
    /* background: #CC0000; */
    /* background: #569fff; */
    background: #e6322e;
    display: flex;
    border-radius: 5px;
    position: relative;
}

.zs-wrap .left {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 10%;
    color: #fff;
}

.zs-wrap .left p:nth-of-type(1) {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zs-wrap .left i:nth-of-type(1) {
    font-size: 40px;
    margin: 20px 0 30px 0;
}

.zs-wrap .left p:nth-of-type(2) {
    margin-bottom: 10px;
    font-size: 16px;
}

.zs-wrap .left p:nth-of-type(3) {
    font-size: 14px;

}

.zs-wrap .left a:nth-of-type(1):hover {
    font-weight: bold;
    border: 4px solid #fff;
}

.middle {
    margin-right: 10px;
}

.zs-wrap .middle p:nth-of-type(1) {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.zs-video-wrap {
    padding: 21px 0;
    border: 2px solid #fff;
    border-radius: 10px;
}

.zs-video-wrap video {
    width: 520px;
    /* height: 290px; */
    background: #fff;
}

.right {
    flex: 1;
    height: 400px;
}

.right .p-title {
    font-size: 30px;
    /* font-weight: bold; */
    color: #fff;
    margin-bottom: 10px;
}

.bm-marquee-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 338px;
    overflow: hidden;
    border: 1px solid #ccc;
    /* background: yellowgreen; */
    /* padding: 10px; */
    border: 2px solid #fff;
    border-radius: 10px;
}

.mar-list {
    display: flex;
    justify-content: space-between;
    /* background: #015ae2; */
    color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #fff;
}

.mar-item {
    display: flex;
    justify-content: space-between;
    /* background: #fff; */
    color: #fff;
    padding: 10px 10px;
    border-bottom: 1px dashed #fff;
}

/* .mar-item:nth-child(odd) {
    background: #ccc;
} */

.mar-list span:nth-child(1) {
    width: 15%;
    text-align: center;
}

.mar-list span:nth-child(2) {
    width: 30%;
    text-align: center;
}

.mar-list span:nth-child(3) {
    width: 10%;
    text-align: center;
}

.mar-list span:nth-child(4) {
    width: 30%;
    text-align: center;
}

.mar-list span:nth-child(5) {
    width: 15%;
    text-align: center;
}


.mar-content {
    overflow: hidden;
    width: 100%;
    height: 292px;
}

/* . {
    background: transparent;
    border: 3px solid #e6322e !important;
    color: #e6322e !important;
} */

/* !火热招生 E */

/* !教师团队 S */
.teacher-wrap {
    display: flex;
    justify-content: space-between;
}

.swiper-teacher {
    height: 310px;
    overflow: hidden;
    width: 790px;
    /* background: red; */
    overflow: hidden;
    border-radius: 8px;
}

.swiper-teacher .swiper-slide {
    display: flex;
    justify-content: space-between;
}

.swiper-teacher .swiper-slide img {
    width: 310px;
    height: 310px;
    object-fit: cover;
}

.swiper-teacher .swiper-slide .teacher-intro {
    flex: 1;
    /* margin-left: 5px; */
    background: #f3f4f6;
}


.teacher-intro h1 {
    font-weight: bold;
}

.teacher-intro h1 span {
    font-weight: 400;
    font-size: 14px;
    color: #004098;
}

.teacher-intro .txt02 {
    /* text-indent: 2em;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    margin: 30px 0; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*设置对齐模式*/
    -webkit-line-clamp: 8;
    /*设置多行的行数*/
    font-size: 16px;
    margin-top: 10px;
    line-height: 30px;
    color: #777 !important;
}

.teacher-intro .txt02 span {
    display: block;
    font-weight: 400;
    margin-top: 10px;
    text-indent: 1em;
}


.teacher-tabs {
    /* background: red; */
    width: 400px;
    height: 310px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    overflow: hidden;
}

.teacher-tabs li img {
    display: block;
    margin: 0;
    padding: 0;
    width: 95px;
    height: 100px;
    border-radius: 5px;
}

.tea-tab-item-active {
    opacity: 1 !important;
}

.tea-tab-item {
    opacity: 0.5;
}

/* !教师团队 E */


.McDon {
    width: 1200px;
    margin: 30px auto
}

.gmc {
    font-family: Kanit, sans-serif;
    text-align: center;
    box-shadow: 0px 0px 0px #e6e6e6;
    overflow: hidden;
    position: relative;
    width: 285px;
    height: 126px;
    border-radius: 10px;
}

.gmc:hover {
    box-shadow: 13px 13px 15px rgba(0, 0, 0, .3)
}

.gmc:before {
    content: "";
    background: linear-gradient(to left top, #095bf0, #3dbbd1);
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s linear
}

.gmc:hover:before {
    opacity: 1
}

.gmc img {
    width: 100%;
    height: auto;
    transition: all .4s linear
}

.gmc:hover img {
    opacity: 0;
    transform: scale(3)
}

.gmc .gmc-content {
    color: #fff;
    width: 100%;
    transform: translateY(-50%) scale(0);
    position: absolute;
    top: 50%;
    left: 0;
    transition: all .4s linear
}

.gmc:hover .gmc-content {
    transform: translateY(-50%) scale(1)
}

.gmc .gmc-title {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0
}

.gmc .gmc-post {
    font-size: 16px;
    text-transform: capitalize
}

.McDon .acupb {
    margin-right: 0
}

/* .acup {
    float: left;
    width: 285px;
    margin-right: 20px
} */

.rq-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* !校园环境 S */
.hj-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hj-tabs {
    display: flex;
}

.hj-tabs .hj-tab-item-active {
    background-image: linear-gradient(90deg, #004098, #033874);
    color: #fff !important;
}

.hj-tabs .hj-tab-item {
    padding: 5px 20px;
    margin: 0 10px;
    border: 1px solid #004098;
    border-radius: 30px;
    color: #8b8b8b;
    font-size: 18px;

}

.hj-swiper {
    width: 1200px;
    position: relative;
    margin-top: 20px;
}

.hj-swiper .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
}

.hj-swiper .swiper-slide .hj-intro {
    width: 450px;
    height: 292px;
    margin-right: -20px;
    background: #fff;
    z-index: 999;
    border-radius: 10px;
    box-shadow:
        0px 0px 1px -13px rgba(0, 0, 0, 0.098),
        0px 0px 2.3px -13px rgba(0, 0, 0, 0.141),
        0px 0px 4.4px -13px rgba(0, 0, 0, 0.175),
        0px 0px 7.8px -13px rgba(0, 0, 0, 0.209),
        0px 0px 14.6px -13px rgba(0, 0, 0, 0.252),
        0px 0px 35px -13px rgba(0, 0, 0, 0.35);
}

.hj-intro span:nth-child(1) {
    /* position: absolute; */
    /* left: 30px; */
    /* top: 30%; */
    display: block;
    font-size:20px;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 50px;
}

.hj-intro span:nth-child(2) {
    /* position: absolute; */
    left: 30px;
    top: 40%;
    display: block;
    width: 90%;
    padding-left: 30px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 28px;

}

.hj-swiper .swiper-slide .hj-imgs {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    flex: 1;
    /* background: red; */
    height: 500px;
}

.hj-imgs li {
    width: 49.5%;
    height: 49.5%;
    /* background: yellow; */
    /* border: 1px solid #ccc; */
    overflow: hidden;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hj-imgs li img {
    width: 100%;
    height: 85%;
    object-fit: cover;
}

.hj-imgs li span {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* !校园环境 E */


/* !学生作品 S */
.zp-tabs {
    display: flex;
    justify-content: center;
    /* margin-bottom: 10px; */
}

.zp-tabs .zp-tab-item {
    padding: 5px 20px;
    margin: 0 10px;
    border: 1px solid #004098;
    border-radius: 30px;
    color: #8b8b8b;
    font-size: 18px;
}

.zp-tabs .zp-tab-item-active {

    /* background: #4f77fc; */
    background-image: linear-gradient(90deg, #004098, #033874);
    color: #fff;

}

.zp-wrap {
    border-radius: 5px;
    overflow: hidden;
}

.zp-tabs-wrap {
    position: relative;
    margin-bottom: 20px;
}

.zp-tabs-wrap .more-zy {
    /* padding: 5px 20px; */
    /* margin: 0 10px; */
    /* border-radius: 30px; */
    color: #00408c;
    font-size: 18px;
    position: absolute;
    right: 0px;
    bottom: 0;
    font-size: 14px;
}

.zp-wrap .swiper-slide {
    position: relative;
    /* background: red; */
    border-radius: 5px;
    overflow: hidden;
}


.zp-wrap .swiper-slide li {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.zp-wrap .swiper-slide li span {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.199);
    width: 100%;
    text-align: center;
}

.zp-wrap .swiper-slide li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zp-wrap .swiper-slide li:nth-child(1) {
    width: 292px;
    height: 410px;
}

.zp-wrap .swiper-slide li:nth-child(2) {
    width: 292px;
    height: 200px;
    position: absolute;
    left: 302px;
    top: 0;
}

.zp-wrap .swiper-slide li:nth-child(3) {
    width: 292px;
    height: 200px;
    position: absolute;
    left: 302px;
    top: 210px;
}

.zp-wrap .swiper-slide li:nth-child(4) {
    width: 292px;
    height: 410px;
    position: absolute;
    left: 604px;
    top: 0px;
}

.zp-wrap .swiper-slide li:nth-child(5) {
    width: 292px;
    height: 200px;
    position: absolute;
    right: 0px;
    top: 0;
}

.zp-wrap .swiper-slide li:nth-child(6) {
    width: 292px;
    height: 200px;
    position: absolute;
    right: 0px;
    top: 210px;
}

/* !学生作品 E */

/* !新闻中心 S */
.news-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.news-wrap ul {
    width: 285px;
    /* background: #ccc; */
    border-radius: 5px;
    overflow: hidden;
    /* border: 1px solid #f0f0f0; */
    background: #fff;

}

.news-title {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    border-bottom: 1px solid #ececec;
}

.news-list li {
    /* border-radius: 5px ;
    overflow: hidden; */
    border-bottom: 1px solid #dadada52;
    cursor: pointer;

}

.news-list li p {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    font-size: 15px;
}

.news-list li img {
    /* display: none; */
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.news-list li:hover p {
    display: block;
    /* background: #095bf0; */
    color: #fff;
}


/* !新闻中心 E */


/* !视看新华 S */
.view-xh-wrap {
    display: flex;
    justify-content: space-between;

}

.view-xh-wrap .view-xh-video {
    width: 700px;
    height: 345px;
    border-radius: 5px;
    background: #ccc;
    overflow: hidden;
}

.view-xh-wrap .view-xh-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-xh-wrap ul {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}

.view-xh-wrap ul li {
    width: 100%;
    height: 80px;
    background: red;
    border-radius: 5px;
    overflow: hidden;
}

.view-xh-wrap ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-xh-wrap .xh-img {
    height: 345px;
    width: auto;
    border-radius: 5px;
    overflow: hidden;
}

/* !视看新华 E */