/*
 * @Desc: 公共样式
 * @Author: 赵佳明
 * @Date: 2023-01-30 09:11:04
 * @LastEditors: 赵佳明
 * @LastEditTime: 2024-07-04 15:08:47
 * Copyright (c) 2023 山木枝(河北)技术服务有限公司, All Rights Reserved. 
 */
body {
    margin: 0 auto !important;
}

body::-webkit-scrollbar {
    display: none;
}

.el-popup-parent--hidden {
    padding-right: 0 !important;
}

.dis {
    display: flex;
    align-items: center;
}

/* 顶部导航 */
.page-top {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.page-top .top-nav {
    width: 100%;
    /* background-color: rgba(20, 74, 255, 0.7); */
    /* background-color: #085BA7; */
    background-color: #085BA7;
    /* height: 100px; */
}

.page-top .top-nav .inner {
    justify-content: space-between;
}

.page-top .logo {
    width: 337px;
    height: 69px;
    margin: 20px 40px 11px 0;
}

.page-top .nav-list {
    flex: 1;
    justify-content: space-between;
    padding-top: 20px;
}

.page-top .nav-list .nav-item {
    cursor: pointer;
    position: relative;
}

.page-top .nav-list .nav-item .nav-fu {
    position: absolute;
    z-index: 10;
    width: 180px;
    display: none;
    top: 25px;
    left: 50%;
    margin-left: -90px;
}

.page-top .nav-list .nav-item .nav-fu .zhi {
    display: flex;
    justify-content: end;
    padding-right: 25px;
}

.page-top .nav-list .nav-item .nav-fu .zhi .icon {
    width: 20px;
}

.page-top .nav-list .nav-item .nav-fu .fu-box {
    background-color: #085BA7;
    /* padding: 14px 10px 5px; */
    border-radius: 2px;
}

.page-top .nav-list .nav-item .nav-fu .fu-item {
    padding: 5px 20px;
    font-size: 16px;
    line-height: 40px;
    /* margin-bottom: 10px; */
    border-bottom: 1px dashed #DCE5FC;
    color: #fff;
    position: relative;
    text-align: center;
}

.page-top .nav-list .nav-item .nav-fu .fu-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 50px;
}

.page-top .nav-list .nav-item .nav-fu .fu-item:hover::after {
    background-color: rgba(255, 255, 255, .2);
}

.page-top .nav-list .nav-item .nav-fu .fu-item:nth-last-of-type(1) {
    border-bottom: none;
}

.page-top .nav-list .nav-item .nav-fu .fu-item:hover {
    background-color: #085BA7;
    color: #fff;
}

.page-top .nav-list .nav-item:hover .nav-fu {
    display: block;
}

.page-top .nav-list .nav-item .con {
    line-height: 22px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    border-bottom: 4px solid transparent;
    padding: 0 2px 10px;
}

.page-top .nav-list .nav-item .con.act {
    border-bottom: 4px solid #fff;
}

.page-top .more .gang {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding-left: 8px;
    box-sizing: content-box;
}

.page-top .more .sou {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0 8px;
    box-sizing: content-box;
}

.page-top .nav-box {
    height: 0vh;
    background-color: #085BA7;
    transition: height 0.5s;
    -webkit-transform: height 0.5s;
    z-index: 10;
    /* overflow-y: auto; */
}

.page-top .nav-box .inner {
    height: calc(100vh - 100px);
    overflow-y: auto;
}

.page-top .nav-box .inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #085BA7;
}

.page-top .nav-box .inner::-webkit-scrollbar {
    width: 6px;
    background-color: #085BA7;
}

.page-top .nav-box .inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #002AB9;
}


.page-top .nav-box.zhan {
    height: 100vh;
    display: block;
}

.page-top .nav-box.he {
    display: none !important;
}

.page-top .nav-box .nav-item-yi {
    cursor: pointer;
    padding-left: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-top .nav-box .nav-item-yi .el-icon-arrow-up {
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    line-height: 3;
}

.page-top .nav-box .nav-item-yi .el-icon-arrow-down {
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    line-height: 3;
}

.page-top .nav-box .nav-item-yi:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.page-top .nav-box .nav-item .con {
    color: #fff;
    line-height: 3;
    font-size: 18px;
    display: inline-block;
    flex: 1;
}

.page-top .nav-box .nav-item .nav-item-er {
    padding-left: 20px;
    /* display: none; */
}

.page-top .nav-box .nav-item .nav-item-er.xian {
    border-bottom: 1px solid #E0E8FD;
}

.page-top .nav-box .nav-item .nav-item-er .er-line {
    cursor: pointer;
    display: none;
}

.page-top .nav-box .nav-item .nav-item-er .er-line.you {
    display: block;
}

.page-top .nav-box .nav-item .nav-item-er .er-line:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.page-top .search-box {
    position: relative;
}

.page-top .top-search {
    display: flex;
    /* justify-content: space-between; */
    position: absolute;
    right: 0;
    width: 320px;
}

.page-top .top-search .search-box {
    margin-top: 13px;
    width: 320px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    padding-left: 15px;
    border: 1px solid #085BA7;
}

.sou-box .search-box {
    /* width: 500px; */
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    padding-left: 20px;
    border: 1px solid #ddd;
}

.page-top .top-search .search-box .icon,
.sou-box .search-box .icon {
    width: 20px;
    height: 20px;
}

.page-top .top-search .search-box .btn,
.sou-box .search-box .btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    background-color: #085BA7;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
}

.page-top .top-search .search-box .el-input,
.sou-box .search-box .el-input {
    flex: 1;
    font-size: 16px;
}

.page-top .top-search .search-box .el-input .el-input__inner,
.sou-box .el-input .el-input__inner {
    padding: 0 8px;
    border: 0;
    background-color: transparent;
    height: 38px;
    line-height: 38px;
}

/* 尾部 */
.page-footer {
    background: url(/statics/images/footer/back.png) no-repeat;
    background-size: 100% 100%;
    /* padding: 0 0 190px; */
    /* padding: 0 0 50px; */
    padding-bottom: 30px;
}
.page-footer .down-box{
    display: flex;
    align-items: center;
    /* justify-content: space-around; */
    justify-content: center;
    background: url(/statics/images/footer/lou.png) no-repeat;
    background-size: contain;
    background-position: center center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.page-footer .down-box .down-zhang .zhang-box{
    display: flex;
    align-items: center;
    margin-right: 2vw;
    justify-content: center;
}
.page-footer .down-box .down-zhang .zhang-box .zhang{
    /* width: 100px; */
    /* height: 100px; */
    height: 95px;
}
.page-footer .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 66px;
}

.page-footer .logo .pic {
    width: 547px;
    height: 112px;
}

.page-footer .nav-box {
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.page-footer .nav-box .nav-item {
    text-align: center;
    min-width: 120px;
    /* margin-right: 3.4vw; */
    margin-bottom: 2vw;
}

.page-footer .nav-box .nav-item:nth-last-of-type(1) {
    margin-right: 0;
}

.page-footer .nav-box .nav-item .icon {
    width: 75px;
    height: 75px;
    margin-bottom: 12px;
    border-radius: 50%;
}

.page-footer .nav-box .nav-item .desc {
    font-size: 22px;
    line-height: 22px;
    white-space: nowrap;
}

.page-footer .line {
    /* text-align: center; */
    /* font-size: 22px; */
    line-height: 24px;
    /* font-size: 20px; */
    font-size: 14px;
    /* line-height: 18px; */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page-footer .line .beian{
    width: 18px;
    height: 18px;
    margin-right: 2px;
}
/* .page-footer .line span {
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
} */

.page-footer .line .one {
    margin-right: 30px;
}
.page-footer .down-zi{
    /* margin-right: 3vw; */
    /* flex: 1; */
    padding-top: 10px;
}
.page-footer .line a:hover{
    color: #085BA7;
    /* font-weight: 600; */
}
.page-footer .down-ma{
    /* margin-right: 3vw; */
    margin-left: 30px;
    /* flex: 1; */
    /* justify-content: center; */
}
.page-footer .down-ma .ma-item:nth-of-type(1){
    /* margin-right: 2vw; */
    margin-right: 20px;
}
.page-footer .down-ma .ma-item .ma{
    /* width: 126px;
    height: 126px; */
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.page-footer .down-ma .ma-item .desc{
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
}
.page-footer .one-nav{
    background-color: #085BA7;
    /* line-height: 87px; */
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    justify-content: space-between;
    padding: 0 55px;
    /* margin-bottom: 113px; */
    /* margin-bottom: 30px; */
    margin-bottom: 10px;
}
.page-footer .one-nav .nav-item{
    cursor: pointer;
}
.page-footer .one-nav .nav-item span.act{
    color: #44C7FF;
}
.page-footer .one-nav .nav-item:hover span{
    color: #44C7FF;
}
/* 首页 */
.page-index .content{
    padding-top: 100px;
}
.page-index .index-pic {
    display: flex;
    align-items: center;
    min-height: 100px;
}

.page-index .index-banner .lun-pic {
    width: 100%;
    height: 36.94vw;
    object-fit: cover;
}

.page-index .index-banner .el-carousel__container {
    height: 36.94vw;
}

.page-index .index-pic .banner-pic {
    width: 100%;
    height: 36.94vw;
    object-fit: cover;
}

/* 公告 */
.page-index .index-gong {
    font-size: 16px;
    line-height: 52px;
    color: #4F5A74;
    margin: 32px 0 19px 0;
}

.page-index .index-gong .icon {
    margin-right: 30px;
}

.page-index .index-gong .icon .pic {
    width: 52px;
    height: 52px;
}

.page-index .index-gong .lunbo {
    flex: 1;
}

.page-index .index-gong .gong-con {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    flex: 1;
}

.page-index .index-gong .lunbo .medium {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

/* 中间内容第一大块四个 */
.page-index .index-con1 {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.page-index .index-con1 .con1-fl {
    /* width: 928px; */
    /* width: 770px; */
    width: 810px;
}

.page-index .index-con1 .con1-fl .lun-box {
    /* width: 928px; */
    width: 100%;
    /* height: 495px; */
    height: 430px;
    /* width: 48.3vw;
    height: 25.7vw; */
    /* background: url(/statics/images/index/lun-back.png) no-repeat; */
    /* background-size: 100% 100%; */
    background-color: #fff;
    padding-top: 25px;
    /* padding-left: 25px ; */
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con1 .con1-fl .lun-box .lian-lunbo {
    display: flex;
    align-items: center;
}

.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper {
    width: 140px;
    height: 380px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .swiper-slide .swiper-box{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .swiper-slide .swiper-box .desc{
    position: absolute;
    bottom: 1vw;
    left: 2vw;
    color: #fff;
    font-size: 16px;
    text-align: left;
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper .swiper-slide img{
    border: 3px solid transparent;
    object-fit: cover;
}
/* .page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper .swiper-slide.swiper-slide-thumb-active img{
    border-color: #085BA7;      
} */
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper .swiper-slide.swiper-act img{
    border-color: #085BA7;      
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper2{
    /* height: auto; */
    height: 380px;
    width: 594px;
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper2 .swiper-slide img {
    /* width: 49.5vw;
    height: 28vw; */
    /* width: 570px;
    height: 400px; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-index .index-con1 .con1-fl .lun-box .lian-lunbo .mySwiper .swiper-slide img{
    height: 90px;
    width: 120px;
}
.page-index .index-con1 .con1-fl .lunbo {
    /* width: 878px; */
    width: 100%;
    height: 470px;
    /* border-radius: 5px; */
}

.page-index .index-con1 .con1-fl .lunbo .lun-pic {
    /* width: 878px; */
    width: 730px;
    height: 400px;
    border-radius: 5px;
    object-fit: cover;
}

.page-index .index-con1 .con1-fl .lunbo .el-carousel__indicators {
    bottom: 40px;
    right: -30px;
    left: auto;
}

.page-index .index-con1 .con1-fl .lunbo .el-carousel__indicators .el-carousel__indicator {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(8, 91, 167, 0.25);
    padding: 0;
    margin-left: 14px;
}

.page-index .index-con1 .con1-fl .lunbo .el-carousel__indicators .el-carousel__indicator.is-active {
    width: 40px;
    height: 10px;
    border-radius: 11px;
    background-color: #085BA7;
}

.page-index .index-con1 .con1-fl .lunbo .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
    background-color: transparent;
}

.page-index .index-con1 .con1-fl .lunbo .desc {
    font-size: 16px;
    line-height: 30px;
    color: #4F5A74;
    padding-top: 5px;
    padding-left: 10px;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 最新新闻 */
.page-index .index-con1 .news-box {
    /* width: 928px; */
    width: 100%;
    height: 325px;
    /* background: url(/statics/images/index/lunbottom-back.png) no-repeat; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    background-size: 100% 100%;
    margin-top: 23px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con1 .news-box .top-nav {
    height: 45px;
    background-color: #E0E8FD;
    padding: 2px 30px 0;
    display: flex;
    align-items: center;
    padding-top: 4px;
}

.page-index .index-con1 .news-box .top-nav .el-tabs__nav-wrap::after {
    content: none;
}

.page-index .index-con1 .news-box .top-nav .el-tabs__nav .el-tabs__item {
    font-size: 16px;
    font-weight: 600;
}

.page-index .index-con1 .news-box .top-nav .el-tabs__nav .el-tabs__item:hover {
    color: #085BA7;
}

.page-index .index-con1 .news-box .top-nav .el-tabs__nav .el-tabs__item.is-active {
    color: #085BA7;
}

.page-index .index-con1 .news-box .top-nav .el-tabs__nav .el-tabs__active-bar {
    height: 4px;
    background-color: #085BA7;
}

.page-index .index-con1 .news-box .top-nav .nav-box {
    display: flex;
    line-height: 35px;
    font-size: 16px;
}

.page-index .index-con1 .news-box .top-nav .nav-box .nav-item {
    margin: 0 45px;
    cursor: pointer;
    font-weight: 600;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    color: #4F5A74;
}

.page-index .index-con1 .news-box .top-nav .nav-box .nav-item.act {
    color: #085BA7;
    border-bottom-color: #085BA7;
}

.page-index .index-con1 .news-box .top-nav .nav-box .nav-item:nth-of-type(1) {
    margin-left: 0;
}

.page-index .index-con1 .news-box .top-nav .nav-box .nav-item:nth-last-of-type(1) {
    margin-right: 0;
}

.page-index .index-con1 .news-box .nav-con {
    padding: 20px 30px 0;
    height: 280px;
    overflow-y: auto;
    background: url(/statics/images/index/de-back.png) no-repeat;
    background-size: 30%;
    background-position: top right;
}

.page-index .index-con1 .news-box .nav-con::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-index .index-con1 .news-box .nav-con::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-index .index-con1 .news-box .nav-con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-index .index-con1 .news-box .nav-con .news-item {
    margin-bottom: 12px;
    justify-content: space-between;
}
.page-index .index-con1 .news-box .nav-con .news-item .desc {
    /* width: 75%; */
    width: 30vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #4F5A74;
    cursor: pointer;
}

.page-index .index-con1 .news-box .nav-con .news-item .time {
    /* font-size: 12px; */
    color: #4F5A74;
}
.page-index .index-con1 .news-box .nav-con .news-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-index .index-con1 .news-box .nav-con .news-item:hover .time{
    color: #085BA7;
    font-weight: 600;
}

/* 通知公告 */
.page-index .index-con1 .tong-box {
    width: 100%;
    height: 430px;
    background: url(/statics/images/index/tong-back.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con1 .tong-box .tong-top {
    justify-content: space-between;
    padding: 10px 25px 5px;
}

.page-index .index-con1 .tong-box .tong-top .icon {
    width: 56px;
    height: 60px;
}

.page-index .index-con1 .tong-box .tong-top .title {
    font-size: 28px;
    color: #4F5A74;
    margin-top: 5px;
    margin-right: 5px;
}

.page-index .index-con1 .tong-box .tong-top .liao {
    font-size: 14px;
    color: #4F5A74;
    cursor: pointer;
    padding-right: 5px;
}

.page-index .index-con1 .tong-box .tong-list {
    margin: 0 15px;
    padding: 0 10px;
    height: 405px;
    overflow-y: auto;
}

.page-index .index-con1 .tong-box .tong-list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-index .index-con1 .tong-box .tong-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-index .index-con1 .tong-box .tong-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-index .index-con1 .tong-box .tong-list .tong-item {
    justify-content: space-between;
    margin-bottom: 13px;
    cursor: pointer;
}

.page-index .index-con1 .tong-box .tong-list .tong-item .desc {
    /* width: 290px; */
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #4F5A74;
    line-height: 24px;
}

.page-index .index-con1 .tong-box .tong-list .tong-item .time {
    /* font-size: 12px; */
    line-height: 24px;
    color: #4F5A74;
}
.page-index .index-con1 .tong-box .tong-list .tong-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-index .index-con1 .tong-box .tong-list .tong-item:hover .time{
    color: #085BA7;
    font-weight: 600;
}

/* 校领导寄语 */
.page-index .index-con1 .con1-fr {
    /* width: 459px; */
    /* width: 400px; */
    flex: 1;
    margin-left: 20px;
}

.page-index .index-con1 .yu-box {
    width: 100%;
    height: 324px;
    background: linear-gradient(180deg, #DCE5FC 0%, #FDFDFF 100%);
    margin-top: 20px;
    padding: 25px 20px 30px 25px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con1 .yu-box .yu-con {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.page-index .index-con1 .yu-box .biao {
    font-size: 28px;
    color: #4F5A74;
    line-height: 31px;
    margin-bottom: 17px;
}

.page-index .index-con1 .yu-box .yu-con .pic {
    width: 186px;
    height: 216px;
    margin-right: 15px;
    object-fit: cover;
}

.page-index .index-con1 .yu-box .yu-con .yu-fr {
    flex: 1;
}

.page-index .index-con1 .yu-box .yu-con .yu-fr .title {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #4F5A74;
    font-weight: 600;
}

.page-index .index-con1 .yu-box .yu-con .yu-fr .desc {
    font-size: 14px;
    line-height: 24px;
    color: #4F5A74;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-indent: 2em;
}

.page-index .index-con1 .yu-box .yu-con .yu-fr .info {
    color: #085BA7;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

/* 中间内容第二大块三个 */
.page-index .index-con2 {
    display: flex;
    /* align-items: flex-start; */
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-index .index-con2 .con2-ma {
    width: 448px;
    /* height: 256px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-end;
}

.page-index .index-con2 .con2-ma .ma-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-index .index-con2 .con2-ma .pic {
    width: 100%;
    max-width: 220px;
    /* height: 100%; */
    border-radius: 2px;
    margin-bottom: 5px;
}

.page-index .index-con2 .con2-ma .desc {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
}

.page-index .index-con2 .con2-box {
    width: 454px;
    height: 467px;
    background: url(/statics/images/index/box-back.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con2 .con2-box .nav-box {
    display: flex;
    line-height: 35px;
    font-size: 16px;
}

.page-index .index-con2 .con2-box .nav-box .nav-item {
    margin: 0 25px;
    cursor: pointer;
    font-weight: 600;
    border-bottom: 4px solid transparent;
}

.page-index .index-con2 .con2-box .nav-box .nav-item.act {
    color: #085BA7;
    border-bottom-color: #085BA7;
}

.page-index .index-con2 .con2-box .nav-box .nav-item:nth-of-type(1) {
    margin-left: 0;
}

.page-index .index-con2 .con2-box .nav-box .nav-item:nth-last-of-type(1) {
    margin-right: 0;
}

.page-index .index-con2 .con2-box .box-top {
    height: 45px;
    background-color: #E0E8FD;
    padding: 2px 40px 0;
}

.page-index .index-con2 .con2-box .box-top .el-tabs__nav .el-tabs__active-bar {
    height: 4px;
    background-color: #085BA7;
}

.page-index .index-con2 .con2-box .box-top .el-tabs__nav .el-tabs__item {
    font-size: 16px;
    font-weight: 600;
    padding: 0 45px;
}

.page-index .index-con2 .con2-box .box-top .el-tabs__nav .el-tabs__item:hover {
    color: #085BA7;
}

.page-index .index-con2 .con2-box .box-top .el-tabs__nav .el-tabs__item.is-active {
    color: #085BA7;
}

.page-index .index-con2 .con2-box .box-top .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}

.page-index .index-con2 .con2-box .box-top .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0;
}

.page-index .index-con2 .con2-box .box-con .con-top .top-pic {
    width: 175px;
    height: 132px;
    background: url(/statics/images/index/pic-back.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    padding-top: 3px;
    margin-right: 10px;
}

.page-index .index-con2 .con2-box .box-con .con-top .top-pic .pic {
    width: 166px;
    height: 119px;
    border-radius: 2px;
    object-fit: cover;
}

.page-index .index-con2 .con2-box .box-con .con-top .top-desc {
    flex: 1;
}

.page-index .index-con2 .con2-box .box-con .con-top .top-desc .desc-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 233px;
}

.page-index .index-con2 .con2-box .box-con {
    padding: 10px 15px;
    font-size: 14px;
    color: #4F5A74;
    line-height: 20px;
    height: 400px;
    overflow-y: auto;
}

.page-index .index-con2 .con2-box .box-con::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-index .index-con2 .con2-box .box-con::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-index .index-con2 .con2-box .box-con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-index .index-con2 .con2-box .box-con .con-top {
    display: flex;
    align-items: flex-start;
}

.page-index .index-con2 .con2-box .box-con .top-desc .desc-con {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-indent: 2em;
    margin-top: 5px;
}

.page-index .index-con2 .con2-box .box-con .top-desc .info {
    color: #085BA7;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

.page-index .index-con2 .con2-box .box-con .nav-list .news-item {
    justify-content: space-between;
    margin-top: 13px;
    cursor: pointer;
}

.page-index .index-con2 .con2-box .box-con .nav-list .news-item .desc {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 中间内容第三大块一个 */
.page-index .index-con3 {
    width: 100%;
    /* height: 468px; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 2px;
    display: flex;
    margin-bottom: 40px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .index-con3 .de-list {
    /* width: 490px; */
    width: 415px;
    height: 100%;
    background: url(/statics/images/index/de-back.png) no-repeat;
    background-size: 60%;
    background-position: top right;
    padding: 0 15px;
    overflow-y: auto;
}

.page-index .index-con3 .de-list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-index .index-con3 .de-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-index .index-con3 .de-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

/* .page-index .index-con3 .fl {
    flex: 1;
} */

.page-index .index-con3 .de-nav {
    width: 153px;
    /* height: 100%; */
    background-color: #E0E8FD;
    padding-top: 20px;
}

.page-index .index-con3 .de-nav .nav-item {
    width: 100%;
    text-align: center;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #4F5A74;
    cursor: pointer;
    margin-bottom: 25px;
}

.page-index .index-con3 .de-nav .nav-item.act {
    color: #fff;
    background-color: #085BA7;
}

.page-index .index-con3 .de-con {
    flex: 1;
    /* height: 100%; */
    padding: 40px 0 40px 40px;
    line-height: 20px;
    color: #4F5A74;
    font-size: 14px;
    cursor: pointer;
}

.page-index .index-con3 .de-con .de-title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.page-index .index-con3 .de-con .de-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.page-index .index-con3 .de-con .de-bottom .bottom-pic {
    /* width: 453px;
    height: 341px; */
    /* width: 362.4px;
    height: 272.8px; */
    width: 386px;
    height: 291px;
    background: url(/statics/images/index/pic-back.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-top: 3px;
    margin-right: 15px;
    padding: 10px;
}

.page-index .index-con3 .de-con .de-bottom .bottom-pic.chang {
    width: 546px;
}

.page-index .index-con3 .de-con .de-bottom .bottom-pic .pic {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    object-fit: cover;
}

.page-index .index-con3 .de-con .de-bottom .bottom-desc {
    flex: 1;
}

.page-index .index-con3 .de-con .de-bottom .bottom-desc .desc-con {
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    text-align: justify;
    line-height: 2em;
}

.page-index .index-con3 .de-con .de-bottom .bottom-desc .info {
    color: #085BA7;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

.page-index .index-con3 .de-list .news-item {
    justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    color: #4F5A74;
    line-height: 18px;
    cursor: pointer;
}

.page-index .index-con3 .de-list .news-item .desc {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-index .index-con3 .de-list .news-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-index .index-con3 .de-list .news-item:hover .time{
    color: #085BA7;
    font-weight: 600;
}
.page-index .index-con3 .de-fr {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.page-title {
    /* font-size: 40px;
    line-height: 60px; */
    font-size: 30px;
    line-height: 45px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.page-xiaowu .page-title{
    font-size: 22px;
    line-height: 35px;
}
/* 学生风采 */
/* .page-index .feng-list {
    background: url(/statics/images/index/feng-back.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 490px;
    padding: 85px 20px 20px;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-index .feng-list .feng-item {
    background-color: #fff;
    width: 254px;
    height: 362px;
    text-align: center;
    border-radius: 2px;
    padding-top: 25px;
    font-size: 16px;
}

.page-index .feng-list .feng-item .pic {
    width: 210px;
    height: 262px;
    border-radius: 2px;
}

.page-index .feng-list .back-fl {
    width: 108px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-index .feng-list .back-fr {
    width: 108px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.page-index .feng-list .yin {
    width: 100%;
    height: 100%;
} */

/* 师生园地 */
.page-index .shi-box .page-title {
    text-align: center;
}

.page-index .shi-box .shi-more {
    justify-content: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.page-index .shi-box .shi-con {
    /* box-shadow: 0px 0px 30px 0px rgba(3,16,28,0.04); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.page-index .shi-box .shi-fl .con-top {
    display: flex;
    align-items: flex-start;
}

.page-index .shi-box .shi-fl .con-top .top-pic {
    width: 175px;
    height: 132px;
    background: url(/statics/images/index/pic-back.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    padding-top: 3px;
    margin-right: 10px;
}

.page-index .shi-box .shi-fl .con-top .top-pic .pic {
    width: 166px;
    height: 119px;
    border-radius: 2px;
    object-fit: cover;
}

.page-index .shi-box .shi-fl .con-top .top-desc {
    flex: 1;
}

.page-index .shi-box .shi-fl {
    width: 440px;
    height: 565px;

    font-size: 14px;
    color: #4F5A74;
    line-height: 20px;
    /* background: url(/statics/images/index/shi-back.png) no-repeat; */
    /* background-size: 100% 100%; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    overflow-y: auto;
}

.page-index .shi-box .shi-fl .fl-box {
    background: url(/statics/images/index/de-back.png) no-repeat;
    background-size: 40%;
    background-position: top right;
    padding: 10px 15px;
}

.page-index .shi-box .shi-fl::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-index .shi-box .shi-fl::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-index .shi-box .shi-fl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-index .shi-box .shi-fl .top-desc .desc-con {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-indent: 2em;
    margin-top: 5px;
}

.page-index .shi-box .shi-fl .top-desc .info {
    color: #085BA7;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

.page-index .shi-box .shi-fl .nav-list .news-item {
    justify-content: space-between;
    margin-top: 13px;
    cursor: pointer;
}

.page-index .shi-box .shi-fl .nav-list .news-item .desc {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-index .shi-box .shi-fr {
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1;
    padding-left: 20px;
}

.page-index .shi-box .shi-fr .pic-item {
    width: 240px;
    height: 273px;
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 2px;
    text-align: center;
    padding: 28px 27px 16px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    margin-bottom: 15px;
}

.page-index .shi-box .shi-fr .pic-item:nth-last-of-type(1) {
    margin-bottom: 0;
}

.page-index .shi-box .shi-fr .pic-item:nth-last-of-type(2) {
    margin-bottom: 0;
}

.page-index .shi-box .shi-fr .pic-item:nth-last-of-type(3) {
    margin-bottom: 0;
}

.page-index .shi-box .shi-fr .pic-item .pic {
    /* width: 267px; */
    width: 100%;
    height: 193px;
    margin-bottom: 10px;
    object-fit: cover;
}

.page-index .shi-box .shi-fr .pic-item .desc {
    font-size: 14px;
    line-height: 16px;
}

/* 学校相册 */
.school-box .page-title {
    text-align: center;
}

.page-index .school-box .shi-more {
    justify-content: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.page-index .school-box .school-list {
    margin-bottom: 40px;
}

.page-index .school-box .school-list .pic-item {
    width: 240px;
    /* height: 240px; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 2px;
    text-align: center;
    padding: 16px 15px 12px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    margin-bottom: 7px;
    margin-right: 9px;
    padding: 15px;
}

.page-index .school-box .school-list .pic-item:nth-last-of-type(1) {
    margin-right: 0;
}

.page-index .school-box .school-list .pic-item .pic {
    width: 100%;
    height: 150px;
    margin-bottom: 2px;
    object-fit: cover;
}

.page-index .school-box .school-list .pic-item .desc {
    font-size: 16px;
    color: #4F5A74;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page-index .school-box .school-list .pic-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
/* 友情链接 */
.page-index .you-box {
    width: 100%;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    margin-bottom: 20px;
}

.page-index .you-box .top-nav .el-tabs__header {
    height: 45px;
    background-color: #E0E8FD;
    padding: 2px 30px 0;
    margin-bottom: 0;
}

.page-index .you-box .top-nav .el-tabs__nav-wrap::after {
    content: none;
}

.page-index .you-box .top-nav .el-tabs__nav .el-tabs__item {
    font-size: 16px;
    font-weight: 600;
}

.page-index .you-box .top-nav .el-tabs__nav .el-tabs__item:hover {
    color: #085BA7;
}

.page-index .you-box .top-nav .el-tabs__nav .el-tabs__item.is-active {
    color: #085BA7;
}

.page-index .you-box .top-nav .el-tabs__nav .el-tabs__active-bar {
    height: 4px;
    background-color: #085BA7;
}

.page-index .you-box .nav-con {
    line-height: 55px;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    color: #4F5A74;
}

.page-index .you-box .nav-con .nav-item {
    margin-left: 40px;
    cursor: pointer;
}

/* 校务公开 */
/* 公告 */
.page-xiaowu {
    padding-top: 113px;
}

.page-xiaowu .index-gong {
    font-size: 16px;
    line-height: 52px;
    color: #4F5A74;
    /* margin: 32px 0 19px 0; */
    /* position: relative; */
    /* z-index: 10; */
    margin-bottom: 30px;
}

.page-xiaowu .index-gong .gong-back {
    background-color: #F9F9F9;
    border-radius: 4px;
    /* width: 852px; */
    width: 790px;
    padding: 0 10px;
}

.page-xiaowu .index-gong .gong-back .gong-con {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    flex: 1;
}

.page-xiaowu .index-gong .icon {
    margin-right: 20px;
}

.page-xiaowu .index-gong .icon .pic {
    width: 52px;
    height: 52px;
}

.page-xiaowu .index-gong .lunbo {
    flex: 1;
}

.page-xiaowu .index-gong .lunbo .medium {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

/* 规章制度 */
.page-xiaowu .xiao-one {
    display: flex;
    align-items: flex-start;
}

.page-xiaowu .xiao-one .er-nav {
    width: 278px;
    margin-right: 20px;
    /* background: url(/statics/images/index/shi-back.png) no-repeat; */
    /* background-size: 100% 100%; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    /* padding: 12px 10px 0; */
}

.page-xiaowu .xiao-one .er-nav .er-box {
    padding: 12px 10px 0;
    background: url(/statics/images/index/de-back.png) no-repeat;
    background-size: 60%;
    background-position: top right;
}

.page-xiaowu .xiao-one .er-nav .name {
    font-size: 22px;
    line-height: 35px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 20px;
}

.page-xiaowu .xiao-one .er-nav .er-item {
    width: 100%;
    line-height: 40px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 20px;
    color: #202F4B;
    cursor: pointer;
}

.page-xiaowu .xiao-one .er-nav .er-item:hover {
    font-size: 16px;
    color: #085BA7;
    font-weight: 600;
}

.page-xiaowu .xiao-one .er-nav .er-item.act:hover {
    background-color: #085BA7;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
}

.page-xiaowu .xiao-one .er-nav .er-item.act {
    background-color: #085BA7;
    color: #FFF;
}

.page-xiaowu .xiao-gui {
    width: 100%;
    /* height: 468px; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 2px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    display: flex;
    margin-bottom: 30px;
    flex: 1;
}

.page-xiaowu .xiao-gui .gui-wen {
    /* width: 473px; */
    width: 300px;
    height: 100%;
    padding: 20px 20px;
    font-size: 14px;
    color: #4F5A74;
    margin-right: 25px;
    box-sizing: content-box;
}

.page-xiaowu .xiao-gui .gui-list {
    flex: 1;
    background: url(/statics/images/nav/gui-back.png) no-repeat;
    background-size: 50%;
    background-position: top right;
    padding-top: 20px;
}

.page-xiaowu .xiao-gui .gui-wen .top-pic {
    /* width: 453px;
    height: 258px; */
    /* width: 397px; */
    height: 226px;
    background: url(/statics/images/index/pic-back.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}

.page-xiaowu .xiao-gui .gui-wen .top-pic .pic {
    /* width: 300px; */
    width: 100%;
    height: 100%;
    border-radius: 2px;
    object-fit: cover;
}

.page-xiaowu .xiao-gui .gui-wen .top-desc .desc-box {
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-xiaowu .xiao-gui .gui-wen .top-desc .desc-name {
    font-size: 18px;
    color: #4F5A74;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.page-xiaowu .xiao-gui .gui-wen .top-desc .info {
    color: #085BA7;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

.page-xiaowu .xiao-gui .gui-wen .top-desc .desc-con {
    text-indent: 2em;
}

.page-xiaowu .xiao-gui .list-nav {
    margin-bottom: 30px;
}

.page-xiaowu .xiao-gui .list-nav .nav-item {
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    width: 131px;
    line-height: 52px;
    text-align: center;
    color: #202F4B;
    margin-right: 30px;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
}

.page-xiaowu .xiao-gui .list-nav .nav-item.act {
    color: #fff;
    background: #085BA7;
}

.page-xiaowu .xiao-gui .gui-list {
    flex: 1;
    overflow-y: auto;
}

.page-xiaowu .xiao-gui .gui-list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-xiaowu .xiao-gui .gui-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-xiaowu .xiao-gui .gui-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-xiaowu .xiao-gui .nav-list .line {
    font-size: 14px;
    color: #4F5A74;
    justify-content: space-between;
    width: 100%;
    padding-right: 30px;
    line-height: 16px;
    margin-bottom: 16px;
    cursor: pointer;
}

.page-xiaowu .xiao-gui .nav-list .line .line-fl {
    width: 70%;
    margin-right: 30px;
    display: flex;
    align-items: center;

}

.page-xiaowu .xiao-gui .nav-list .line .line-fl .con {
    /* width: 28vw; */
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.page-xiaowu .xiao-gui .nav-list .line .time {
    /* font-size: 12px; */
    width: 80px;
}
.page-xiaowu .xiao-gui .nav-list .line:hover{
    color: #085BA7;
    font-weight: 600;
}
/* 图片新闻 */
.feng-list {
    /* background: url(/statics/images/index/feng-back.png) no-repeat; */
    /* background-size: 100% 100%; */
    width: 100%;
    /* height: 390px; */
    /* padding: 85px 20px 20px; */
    margin-bottom: 30px;
    position: relative;
    /* box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08); */
    display: flex;
    flex-direction: column;
}

.feng-list .topgun {
    /* height: 362px; */
    display: flex;
    overflow: hidden;
}

.feng-list .scroll-container {
    display: flex;
    animation: slide 50s linear infinite;
}

.feng-list .scroll-container.noxun {
    animation: none;
}

.feng-list .scroll-container .noshow {
    display: none;
}

.feng-list .topgun:hover .scroll-container {
    cursor: pointer;
    animation-play-state: paused;
}

.school-list .topgun {
    /* height: 362px; */
    display: flex;
    overflow: hidden;
}

.school-list .scroll-container {
    display: flex;
    animation: slide 50s linear infinite;
}

.school-list .scroll-container.noxun {
    animation: none;
}

.school-list .scroll-container .noshow {
    display: none;
}

.school-list .topgun:hover .scroll-container {
    cursor: pointer;
    animation-play-state: paused;
}

@keyframes slide {
    0% {
        transform: translateX(0%);
    }

    100% {
        /* 滚动一个小框的宽度 */
        /* transform: translateX(-20%); */
        transform: translateX(-2000px);
    }
}

.feng-list .feng-item {
    background-color: #fff;
    width: 203.2px;
    /* height: 289.6px; */
    text-align: center;
    border-radius: 2px;
    /* padding: 25px 15px; */
    /* padding: 20px 15px; */
    padding: 15px;
    font-size: 16px;
    margin-right: 10px;
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    box-shadow: 0px 0px 30px 0px rgb(3 16 28 / 8%);
    margin-bottom: 10px;
}

.feng-list .feng-item .name {
    font-size: 16px;
    color: #4F5A74;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.feng-list .feng-item:hover .name{
    font-weight: 600;
    color: #085BA7;
}
.feng-list .feng-item:hover .school{
    font-weight: 600;
    color: #085BA7;
}
.feng-list .feng-item .pic {
    /* width: 210px;
    height: 262px; */
    width: 100%;
    height: 230px;
    /* height: 100%; */
    border-radius: 2px;
    object-fit: cover;
}

.page-xiaowu .feng-list .feng-item {
    width: 240px;
    height: auto;
}

.page-xiaowu .feng-list .feng-item .pic {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.feng-list .feng-item .school {
    /* padding: 0 30px; */
    /* margin-top: 5px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 16px;
    color: #4F5A74;
}

.feng-list .back-fl {
    width: 108px;
    height: 296px;
    position: absolute;
    top: 83px;
    left: 0;
    display: none;
}

.feng-list .back-fr {
    width: 108px;
    height: 298px;
    position: absolute;
    top: 83px;
    right: 0;
    display: none;
}

.feng-list .yin {
    width: 100%;
    height: 100%;
}

.page-xiaowu .art-box {
    flex: 1;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-xiaowu .art-box .top-title {
    width: 100%;
    line-height: 45px;
    background-color: #E0E8FD;
    text-align: center;
    font-size: 22px;
    color: #202F4B;
    font-weight: 600;
    padding: 0 10px;
}

.page-xiaowu .box-con {
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    /* box-shadow: 0px 0px 30px 0px rgba(3,16,28,0.08); */
    /* padding: 20px; */
    padding: 20px 0 20px 20px;
}

.page-xiaowu .box-con .fwb-box {
    padding-right: 20px;
}

.page-xiaowu .box-con .tu-list {
    display: flex;
    flex-wrap: wrap;
}

.page-xiaowu .box-con .tu-list .tu-item {
    /* width: 256px; */
    /* width: 205px; */
    width: 203px;
    margin-bottom: 20px;
    /* padding: 15px; */
    padding: 13px;
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    margin-right: 15px;
    text-align: center;
    font-size: 16px;
    color: #4F5A74;
    cursor: pointer;
}
.page-xiaowu .box-con .tu-list .tu-item:hover .item-name{
    color: #085BA7;
    font-weight: 600;
}

.page-xiaowu .box-con .tu-list .tu-item:nth-of-type(4n) {
    /* margin-right: 0; */
}

.page-xiaowu .box-con .tu-list .tu-item .item-pic {
    width: 100%;
}

.page-xiaowu .box-con .tu-list .tu-item .item-pic .pic {
    object-fit: cover;
    width: 100%;
    /* height: 220px; */
    height: 130px;
}
.page-xiaowu .box-con .stu-list .tu-item .item-pic .pic{
    object-fit: contain;
}
.page-xiaowu .box-con .zi-list .zi-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
    color: #4F5A74;
    cursor: pointer;
    padding-right: 20px;
}

.page-xiaowu .box-con .zi-list .zi-item .desc {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-xiaowu .box-con .zi-list .zi-item .time {
    /* font-size: 12px; */
    padding-right: 15px;
}
.page-xiaowu .box-con .zi-list .zi-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-xiaowu .box-con .zi-list .zi-item:hover .time{
    color: #085BA7;
    font-weight: 600;
}
/* 最新推荐 */
.page-xiaowu .tui-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-xiaowu .tui-box .zui-box {
    background: url(/statics/images/nav/xin-back.png) no-repeat;
    background-size: 100% 100%;
    width: 456px;
    height: 324px;
    margin-bottom: 20px;
    padding: 28px 15px 0 25px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-xiaowu .tui-box .pai-box {
    background: url(/statics/images/nav/xin-back.png) no-repeat;
    background-size: 100% 100%;
    width: 456px;
    height: 324px;
    padding: 28px 25px 10px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.page-xiaowu .tui-box .name {
    /* font-size: 28px; */
    font-size: 22px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-xiaowu .tui-box .tui-fl .zui-list {
    height: 220px;
    overflow-y: auto;
}

.page-xiaowu .tui-box .tui-fl .zui-list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-xiaowu .tui-box .tui-fl .zui-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-xiaowu .tui-box .tui-fl .zui-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-xiaowu .tui-box .tui-fl .zui-list .zui-item {
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: #4F5A74;
    margin-top: 20px;
    line-height: 12px;
    padding-right: 10px;
    cursor: pointer;
}
.page-xiaowu .tui-box .tui-fl .zui-list .zui-item:hover{
    color: #085BA7;
    font-weight: 600;
}
.page-xiaowu .tui-box .tui-fl .con {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page-xiaowu .tui-box .tui-fl .time {
    /* font-size: 12px; */
}

/* 规章制度 */
.page-xiaowu .tui-box .tui-fr {
    /* width: 928px; */
    width: 100%;
    margin-left: 20px;
    /* height: 665px; */
    min-height: 324px;
    /* background: url(/statics/images/nav/zhi-back.png) no-repeat; */
    /* background-size: 100% 100%; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
    margin-top: 3px;
}

.page-xiaowu .tui-box .tui-fr .top-nav {
    height: 45px;
    background-color: #E0E8FD;
    padding: 2px 30px 0;
}

.page-xiaowu .tui-box .tui-fr .top-nav .el-tabs__nav-wrap::after {
    content: none;
}

.page-xiaowu .tui-box .tui-fr .top-nav .el-tabs__nav .el-tabs__item {
    font-size: 16px;
    font-weight: 600;
}

.page-xiaowu .tui-box .tui-fr .top-nav .el-tabs__nav .el-tabs__item:hover {
    color: #085BA7;
}

.page-xiaowu .tui-box .tui-fr .top-nav .el-tabs__nav .el-tabs__item.is-active {
    color: #085BA7;
}

.page-xiaowu .tui-box .tui-fr .top-nav .el-tabs__nav .el-tabs__active-bar {
    height: 4px;
    background-color: #085BA7;
}

.page-xiaowu .tui-box .tui-fr .nav-con {
    padding: 20px 30px 0;
    /* height: 621px; */
    max-height: 621px;
    overflow-y: auto;
    background: url(/statics/images/index/de-back.png) no-repeat;
    background-size: 30%;
    background-position: top right;
}

.page-xiaowu .tui-box .tui-fr .nav-con::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.page-xiaowu .tui-box .tui-fr .nav-con::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.page-xiaowu .tui-box .tui-fr .nav-con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.page-xiaowu .tui-box .tui-fr .nav-con .news-item {
    margin-bottom: 12px;
    justify-content: space-between;
}

.page-xiaowu .tui-box .tui-fr .nav-con .news-item .desc {
    width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #4F5A74;
    cursor: pointer;
}

.page-xiaowu .tui-box .tui-fr .nav-con .news-item .time {
    /* font-size: 12px; */
    color: #4F5A74;
}
.page-xiaowu .tui-box .tui-fr .nav-con .news-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-xiaowu .tui-box .tui-fr .nav-con .news-item:hover .time{
    color: #085BA7;
    font-weight: 600;
}
/* 学校概况 */
.page-xiaowu .fl-gai {
    width: 100%;
    border-radius: 2px;
    margin-bottom: 20px;
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
}

.page-xiaowu .fl-gai .gai-box {
    padding: 15px 15px 0;
    background: url(/statics/images/gai/little-icon.png) no-repeat;
    background-size: 173px 163px;
    background-position: top right;
}

.page-xiaowu .fl-gai .name {
    font-size: 22px;
    line-height: 35px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 20px;
}

.page-xiaowu .fl-gai .gai-nav {
    /* flex-wrap: wrap; */
}

.page-xiaowu .fl-gai .gai-nav .nav-item {
    /* width: 100px; */
    width: 100%;
    line-height: 40px;
    /* font-size: 16px; */
    color: #202F4B;
    margin-right: 9px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 2px;
}

.page-xiaowu .fl-gai .gai-nav .nav-item:hover {
    font-size: 16px;
    color: #085BA7;
    font-weight: 600;
}

.page-xiaowu .fl-gai .gai-nav .nav-item.act:hover {
    background-color: #085BA7;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
}

.page-xiaowu .fl-gai .gai-nav .nav-item.act {
    background-color: #085BA7;
    color: #fff;
}

/* 学生风采 */
.page-xiaowu .fl-feng .name {
    font-size: 22px;
    line-height: 35px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 10px;
}

.page-xiaowu .fl-feng .feng-item {
    width: 278px;
    /* height: 427px; */
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
    border-radius: 2px;
    padding: 25px 25px 0;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    cursor: pointer;
}

.page-xiaowu .fl-feng .feng-item:nth-last-of-type(1) {
    margin-bottom: 0;
}

.page-xiaowu .fl-feng .feng-item .pic {
    /* width: 246px; */
    width: 100%;
    /* height: 209px; */
    height: 171px;
    border-radius: 2px;
    display: block;
    object-fit: cover;
}

.page-xiaowu .fl-feng .feng-item .desc {
    line-height: 62px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #4F5A74;
    cursor: pointer;
}
.page-xiaowu .fl-feng .feng-item:hover .desc{
    color: #085BA7;
    font-weight: 600;
}
.page-xiaowu .fwb-box .fu-top .line {
    padding: 0 10px;
    font-size: 16px;
    color: #1250af;
    margin-bottom: 20px;
}

.page-xiaowu .fwb-box .fu-top {
    justify-content: center;
    flex-wrap: wrap;
}

.page-xiaowu .fwb-box .fu-con .pian {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 16px;
    margin-top: 20px;
}

.page-xiaowu .fwb-box .fu-con .pian .item {
    cursor: pointer;
}

.page-xiaowu .fwb-box .fu-con .fujian-list {
    font-size: 16px;
    margin-top: 20px;
}

.page-xiaowu .fwb-box .fu-con .fujian-list .fujian {
    color: #1250af;
}

/* 右侧富文本 */
.page-xiaowu .content-fl {
    /* width: 453px; */
    width: 278px;
    margin-right: 20px;
}

.page-xiaowu .content-fr {
    flex: 1;
    border-radius: 2px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
}

.page-xiaowu .content-box {
    display: flex;
    margin-bottom: 20px;
}

.page-xiaowu .content-fr .title {
    text-align: center;
    font-size: 22px;
    line-height: 62px;
    font-weight: 600;
    color: #202F4B;
    background-color: #E0E8FD;
}

.page-xiaowu .content-fr .fuwenben {
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
}

.page-xiaowu .content-fr .fuwenben .fu-back {
    background: url(/statics/images/gai/big-icon.png) no-repeat;
    background-size: 388px 277px;
    background-position: top right;
    min-height: 400px;
    padding: 25px;
    font-size: 16px;
    color: #333333;
}

/* .page-xiaowu .content-fr .fwb-box{
    padding-top: 20px;
} */
/* 分页 */
.fenye {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.fenye .el-pagination {
    /* float: right; */
}

.fenye .el-pagination .el-pager li {
    min-width: auto;
    background-color: transparent;
}

.fenye .el-pagination .el-pager .number {
    font-size: 14px;
    color: #667aa0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.fenye .el-pagination .el-pager .number.active {
    color: #fff;
    background-color: #1250af;
    border-radius: 2px;
}

.fenye .el-pagination .btn-prev,
.fenye .el-pagination .btn-next {
    height: 32px;
    background-color: transparent;
    color: #667aa0;
}

.fenye .el-pagination button:disabled {
    color: #c0c4cc;
}

.fenye .el-pagination .el-pagination__jump {
    color: #667aa0;
    font-size: 14px;
    line-height: normal;
}

/* 站内搜索 */
.pag-search {
    padding-top: 113px;
}

.pag-search .index-gong {
    font-size: 16px;
    line-height: 52px;
    color: #4F5A74;
    /* margin: 32px 0 19px 0; */
    /* position: relative; */
    /* z-index: 10; */
    margin-bottom: 30px;
}

.pag-search .index-gong .gong-back {
    background-color: #F9F9F9;
    border-radius: 4px;
    /* width: 852px; */
    width: 790px;
    padding: 0 10px;
}

.pag-search .index-gong .gong-back .gong-con {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    flex: 1;
}

.pag-search .index-gong .icon {
    margin-right: 20px;
}

.pag-search .index-gong .icon .pic {
    width: 52px;
    height: 52px;
}

.pag-search .index-gong .lunbo {
    flex: 1;
}

.pag-search .index-gong .lunbo .medium {
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.pag-search .list-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.pag-search .list-box .box-fl {
    width: 456px;
    margin-right: 20px;
}

.pag-search .list-box .box-fl .zui-box {
    background: url(/statics/images/nav/xin-back.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 324px;
    margin-bottom: 20px;
    padding: 28px 15px 0 25px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.pag-search .list-box .box-fl .pai-box {
    background: url(/statics/images/nav/xin-back.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 324px;
    padding: 28px 15px 0 25px;
    box-shadow: 0px 0px 30px 0px rgba(3, 16, 28, 0.08);
}

.pag-search .list-box .box-fl .name {
    font-size: 28px;
    color: #202F4B;
    font-weight: 600;
    margin-bottom: 10px;
}


.pag-search .list-box .box-fl .zui-list {
    height: 220px;
    overflow-y: auto;
}

.pag-search .list-box .box-fl .zui-list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: rgba(20, 74, 255, 0.15);
}

.pag-search .list-box .box-fl .zui-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.pag-search .list-box .box-fl .zui-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 91, 167, 0.25);
}

.pag-search .list-box .box-fl .zui-list .zui-item {
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: #4F5A74;
    margin-top: 20px;
    line-height: 12px;
    padding-right: 10px;
    cursor: pointer;
}
.pag-search .list-box .box-fl .zui-list .zui-item:hover{
    color: #085BA7;
    font-weight: 600;
}
.pag-search .list-box .box-fl .con {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pag-search .list-box .box-fl .time {
    /* font-size: 12px; */
}

.pag-search .list-box .box-fr {
    flex: 1;
    box-shadow: 0px 0px 30px 0px rgb(3 16 28 / 8%);
    background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
}

.pag-search .list-box .box-fr .top-title {
    justify-content: space-between;
    height: 45px;
    line-height: 45px;
    background-color: #E0E8FD;
    padding: 0 20px;
}

.pag-search .list-box .box-fr .top-title .sou {
    font-size: 22px;
    font-weight: 600;
    color: #202F4B;
}

.pag-search .list-box .box-fr .box-con {
    padding: 20px;
    background: url(../images/nav/list-back.png) no-repeat;
    background-size: 363px 260px;
    background-position: top right;
}

.pag-search .list-box .box-fr .box-con .zi-list .zi-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
    color: #4F5A74;
    cursor: pointer;
}
.pag-search .list-box .box-fr .box-con .zi-list .zi-item:hover{
    color: #085BA7;
    font-weight: 600;
}
.pag-search .list-box .box-fr .box-con .zi-list .zi-item .desc {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pag-search .list-box .box-fr .box-con .zi-list .zi-item .time {
    /* font-size: 12px; */
}

/* 富文本轮播 */
.swiper {
    width: 43vw;
    position: relative;
    overflow: hidden;
}

.mySwiper2 {
    /* height: 420px; */
    height: 31vw;
    margin: 0 auto;
}

.mySwiper {
    /* height: 150px; */
    height: 7vw;
    margin: 0 auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    object-fit: cover;
}

.mySwiper2 .swiper-slide img {
    height: 28vw;
}

.mySwiper .swiper-slide img {
    height: 7vw;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
    background-color: #5b6b7c;
    color: #fff;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    font-size: 18px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    font-size: 18px;
}

.swiper-button-next {
    right: 0;
    border-radius: 18px 0 0 18px;
}

.swiper-button-prev {
    left: 0;
    border-radius: 0 18px 18px 0;
}

/* 开始页面 */
.page-begin {
    height: 100vh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.page-begin .begin-top {
    background-color: #11558c;
    width: 100%;
    height: 103px;
    border-bottom: 3px solid #c63839;
    padding: 20px 0;
}

.page-begin .begin-top .logo {
    height: 60px;
    width: auto;
}

.page-begin .begin-bottom {
    background-color: #11558c;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 25px 0 15px;
}

.page-begin .begin-bottom .line {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.page-begin .begin-bottom .line a {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0 5px;
}

.page-begin .begin-con {
    flex: 1;
    position: relative;
    background-color: #c0c4cc;
    width: 100%;
}

.page-begin .begin-con .index-banner {
    width: 100%;
    height: 100%;
}

.page-begin .begin-con .index-banner .el-carousel {
    height: 100%;
}

.page-begin .begin-con .index-banner .el-carousel .el-carousel__container {
    height: 100%;
}

.page-begin .begin-con .index-banner .lun-a {
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
}

.page-begin .begin-con .index-banner .lun-pic {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-begin .begin-con .con-btns {
    position: absolute;
    bottom: 40px;
    width: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-begin .begin-con .con-btns .btn {
    width: 172px;
    height: 44px;
    background-color: #c63839;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    margin: 0 15px;
    cursor: pointer;
}

.page-begin .begin-con .index-banner .el-carousel__indicators--horizontal {
    bottom: 10px;
}

.page-begin .begin-con .index-banner .el-carousel__indicator {
    padding: 0;
    margin: 0 8px;
}

.page-begin .begin-con .index-banner .el-carousel__indicator .el-carousel__button {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    border: 5px solid #fff;
    padding: 0;
    opacity: 1;
    box-sizing: content-box;
}

.page-begin .begin-con .index-banner .el-carousel__indicator.is-active .el-carousel__button {
    background: #c63839;
}