.main-box {
    height: auto;
    margin: 0 auto
}

.main-box .header-bottom-swiper {
position: relative;
    width: 100%;
    height: 613px
}

.main-box .header-bottom-swiper img {
    width: 100%;
    height: 613px
}

.main-box .big_box {
    position: relative;
    top: -80px;
    margin: 0 auto;
    height: 160px;
    background-color: #fff;
    width: 1440px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.main-box .big_box .small_box {
    cursor: pointer;
    display: flex;
    width: 190px;
    height: 160px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

.main-box .big_box .small_box span {
    display: block;
    line-height: 110px;
    font-size: 50px;
    color: #00479d
}

.main-box .big_box .small_box p {
    font-size: 20px;
    font-weight: 600
}

.main-box .big_box .small_box:hover p {
    color: #00479d
}

.main-box .main-box {
    margin-top: -160px;
    width: 100%;
    background-color: #f7fbfe
}

.main-box .main-box .container {
    width: 1440px;
    margin: 0 auto;
    padding-top: 120px
}

.main-box .main-box .container .ad {
    display: flex;
    justify-content: space-between
}

.main-box .main-box .container .ad .admissions-container {
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-box .main-box .container .ad .admissions-container .admissions-ticontainer {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between
}

.main-box .main-box .container .ad .admissions-container .admissions-ticontainer .admissions-listtitle-btitle {
    font-weight: bold;

    height: 32px;
    line-height: 32px;
    color: #133294;
    font-size: 22px;
    text-align: left;
    font-family: SourceHanSansSC-bold
}

.main-box .main-box .container .ad .admissions-container .admissions-ticontainer .admissions-listtitle-ltitle {
    height: 32px;
    line-height: 32px;
    color: #101010;
    font-size: 14px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .container .ad .admissions-container .admissions-ticontainer .admissions-listtitle-ltitle:hover {
    color: #00479d
}

.main-box .main-box .container .ad .admissions-container .admissions-list {
    margin-bottom: 30px
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent {
    width: 450px;
    display: flex;
    justify-content: space-between
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-left .admissions-listcontent-left-top {
    width: 59px;
    height: 32px;
    line-height: 32px;
    background-color: #005293;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-family: Roboto
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-left .admissions-listcontent-left-bottom {
    width: 59px;
    height: 32px;
    line-height: 32px;
    background-color: #f6f6f6;
    color: #1d61bf;
    font-size: 12px;
    text-align: center;
    font-family: Roboto
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-right {
    cursor: pointer;
    width: 378px
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-right:hover .admissions-listcontent-right-top a,
.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-right:hover .admissions-listcontent-right-bottom a {
    color: #00479d
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-right .admissions-listcontent-right-top a {
    height: 21px;
    line-height: 21px;
    color: #101010;
    font-size: 16px;
    text-align: left;
    font-family: SourceHanSansSC-regular;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-box .main-box .container .ad .admissions-container .admissions-list .admissions-listcontent .admissions-listcontent-right .admissions-listcontent-right-bottom a {
    height: 37px;
    justify-content: center;
    align-items: center;
    color: #898989;
    font-size: 14px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .container .ad .campus-container {
    width: 888px
}

.main-box .main-box .container .ad .campus-container .campus-ticontainer {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between
}

.main-box .main-box .container .ad .campus-container .campus-ticontainer .campus-listtitle-btitle {
    height: 32px;
font-weight: bold;

    line-height: 32px;
    color: #133294;
    font-size: 22px;
    text-align: left;
    font-family: SourceHanSansSC-bold
}

.main-box .main-box .container .ad .campus-container .campus-ticontainer .campus-listtitle-ltitle {
    height: 32px;
    line-height: 32px;
    color: #101010;
    font-size: 14px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .container .ad .campus-container .campus-ticontainer .campus-listtitle-ltitle:hover {
    color: #00479d
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents {
    display: flex;
    justify-content: space-between
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content {
    width: 263px
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content img {
    cursor: pointer;
    overflow: hidden;
    width: 263px;
    height: 178px
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content img:hover {
    transform: scale(1.1)
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-title {
    margin-top: 30px
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-title a {
    display: block;
    width: 100%;
    height: 29px;
    color: #133294;
    font-size: 20px;
    text-align: left;
    font-family: SourceHanSansSC-bold;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-detail {
    width: 263px
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-detail a {
    height: 46px;
    line-height: 23px;
    color: #625f5f;
    font-size: 14px;
    text-align: left;
    font-family: SourceHanSansSC-regular;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-detail a:hover {
    color: #00479d
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-time {
    margin-top: 20px
}

.main-box .main-box .container .ad .campus-container .campus-lists-contents .campus-lists .campus-list-content .campus-list-content-time a {
    height: 24px;
    color: #133294;
    font-size: 16px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .container .list-container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.main-box .main-box .container .list-container .list-allcontent {
    width: 664px
}

.main-box .main-box .container .list-container .list-allcontent .list-title {
    height: 52px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd
}

.main-box .main-box .container .list-container .list-allcontent .list-title .list-btitle-container {
    border-bottom: 1px solid #133294
}

.main-box .main-box .container .list-container .list-allcontent .list-title .list-btitle-container .iconfont {
    width: 28px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    color: #133294;
    margin-right: 15px
}

.main-box .main-box .container .list-container .list-allcontent .list-title .list-btitle-container .list-btitle {
    height: 32px;
    line-height: 32px;
    color: #101010;
    font-size: 22px;
    text-align: left;
    font-family: SourceHanSansSC-bold;
    font-weight: bold
}

.main-box .main-box .container .list-container .list-allcontent .list-title .list-ltitle {
    color: #6f6a6a;
    font-size: 16px;
    text-align: left;
    font-family: Roboto-regular
}

.main-box .main-box .container .list-container .list-allcontent .list-title .list-ltitle:hover {
    color: #133294
}

.main-box .main-box .container .list-container .list-allcontent .listcontent {
    display: flex;
    justify-content: space-between;
    height: 39px;
    line-height: 39px
}
.main-box .main-box .container .list-container .list-allcontent .listcontent a{
 display:block;
    display: flex;
    justify-content:flex-start;
    height: 39px;
    line-height: 39px
}

.main-box .main-box .container .list-container .list-allcontent .listcontent .iconfont {
 display: inline-block;
    width: 12px;
    height: 12px;
    line-height:39px;
    font-size: 12px;
    color: #133294;
    margin-right: 10px
}

.main-box .main-box .container .list-container .list-allcontent .listcontent .contnt-text {
    display: inline-block;
    width: 500px;
    color: #101010;
    font-size: 18px;
    text-align: left;
    font-family: SourceHanSansSC-regular;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-box .main-box .container .list-container .list-allcontent .listcontent .contnt-time {
    color: #101010;
    font-size: 16px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .container .list-container .list-allcontent .listcontent:hover span {
    color: #133294
}

.main-box .main-box .light-hg {
    margin-top: 60px;
    width: 100%;
    height: 520px;
    background-image: url(../images/light-hg.png);
    background-repeat: no-repeat;
    background-size: 100% 500px;
    background-color: #e1e1e1
}

.main-box .main-box .light-hg .light-hg-content {
    margin: 0 auto;
    width: 1440px;
    height: 520px;
    display: flex;
    justify-content: space-between
}

.main-box .main-box .light-hg .light-hg-content .light-hg-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 300px;
    height: 120px
}

.main-box .main-box .light-hg .light-hg-content .light-hg-title b {
    margin-top: 14px;
    display: block;
    width: 144px;
    height: 51px;
    color: #101010;
    font-size: 36px;
    text-align: center
}

.main-box .main-box .light-hg .light-hg-content .light-hg-title span {
    display: block;
    height: 24px;
    color: #101010;
    font-size: 16px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper {

}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img1,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 {
    margin-right: 20px;
    width: 300px;
    height: 200px;
    background-image: url(../../images/campus01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img1 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7 .background-img-masking,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 .background-img-masking {
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.2)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img1 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7 .background-img-masking .light-hg-background-title,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 .background-img-masking .light-hg-background-title {
    padding-top: 160px !important;
    width: 120px;
    height: auto
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img1 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7 .background-img-masking .light-hg-background-title span,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 .background-img-masking .light-hg-background-title span {
    display: block;
    margin-left: 24px;
    width: 140px;
    color: #fff;
    background-color: none;
    font-size: 24px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img1 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7 .background-img-masking .light-hg-background-title div,
.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 .background-img-masking .light-hg-background-title div {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 6px;
    line-height: 25px;
    width: 65px;
    height: 25px;
    border-radius: 4px;
    background-color: #1d61bf;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-family: Microsoft Yahei
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img2 {
    background-image: url(../../images/tushuguan.jfif)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img3 {
    background-image: url(../../images/chunzhaohu.jpg)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img4 {
    background-image: url(../../images/tiyuguan.jfif)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img5 {
    background-image: url(../../images/baogoating.jfif)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img6 {
    background-image: url(../../images/tiangonglou.jfif)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img7 {
    background-image: url(../../images/mingdelou.jpg)
}

.main-box .main-box .light-hg .light-hg-content .light-hg-swiper .light-hg-background-img8 {
    background-image: url(../../images/kongzixiang.jpg)
}

.main-box .main-box .strict-learning {
    width: 100%;
    height: 800px;
    background-color: #133294
}

.main-box .main-box .strict-learning .strict-learning-title {
    width: 1440px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    font-family: SourceHanSerif-bold
}

.main-box .main-box .strict-learning .strict-learning-video {
    width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-left {
display: flex;
                    margin-top: 30px;
                    width: 1440px;
                    height: 640px;
                    justify-content: space-between;
                    align-items: center;
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-left video {
 width: 1100px;
height: 640px;
 background-color: rgb(0, 0, 0);
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-left .strict-learning-video-left-bottom {
    width: 710px
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-left .strict-learning-video-left-bottom div {
     width: 300px;
                            height: 120px;
                            line-height: 46px;
                            font-weight: bold;
     margin-left: 30px;
                            margin-top: 10px;
                            color: rgba(255, 255, 255, 1);
                            font-size: 28px;
                            text-align: left;
                            font-family: SourceHanSansSC-regular;
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right {
    width: 650px;
    height: 556px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list {
cursor: pointer;
    width: 650px;
    height: 162px;
    display: flex;
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class1,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class2,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class3 {
    cursor: pointer;
    width: 308px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class1 .playback,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class2 .playback,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class3 .playback {
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 20px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0))
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class1 .playback span,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class2 .playback span,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class3 .playback span {
    display: inline-block;
    width: 60px;
    height: 20px;
    background-color: #737d99
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class1 i,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class2 i,
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class3 i {
    width: 36px;
    height: 36px;
    line-height: 142px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 36px
}
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class1{
    background-image: url(../../zhaosheng/images/fengmian1.jpg)
}
.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class2 {
    background-image: url(../../zhaosheng/images/bzyc.png)
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .img-class3 {
    background-image: url(../../zhaosheng/images/yjhg.png)
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .title {
    width:50%;
    margin-left: 22px;
overflow: hidden;
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .title div {
    margin-top: 34px;
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .strict-learning .strict-learning-video .strict-learning-video-right .strict-learning-video-right-list .title span {
    display: block;
    margin-top: 29px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    font-family: SourceHanSansSC-regular
}

.main-box .main-box .footer {
    width: 100%;
    height: 262px;
    margin-top: 30px
}

.main-box .main-box .footer .ft_head {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px
}

.main-box .main-box .footer .ft_head .line_left {
    display: inline-block;
    height: 1px;
    width: 49%;
    background: #133294
}

.main-box .main-box .footer .ft_head .line_right {
    display: inline-block;
    height: 1px;
    width: 49%;
    background: #133294
}

.main-box .main-box .footer .ft_head span {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 10px solid #133294
}

.main-box .main-box .footer .ft_head h3 {
    display: inline-block;
    line-height: 60px;
    text-align: center;
    width: 130px;
    height: 60px;
    font-size: 20px
}

.main-box .main-box .footer .ft_body {
    width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 190px
}

.main-box .main-box .footer .ft_body a {
    display: block;
    width: 244px;
    height: 73px
}

.main-box .main-box .footer .ft_body a img {
    width: 100%;
    height: 100%
}

/* 轮播图 */
        #prev,
        #next {
            width: 64px;
            height: 64px;
            font-size: 60px;
            cursor: pointer;
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.2);
        }

        #prev {
            position: absolute;
            right: 20px;
            top: 40%;
        }

        #prev:hover svg path,
        #next:hover svg path{
            color: rgb(62, 100, 226);
        }

        #next {
            position: absolute;
            left: 20px;
            top: 40%;
        }

        #swiper img {

            width: 100%;
            height: 500px;
        }

        #swiper img:hover {
            cursor: pointer;
        }

/*# sourceMappingURL=./index.css.map */