.zd-header {
    height: 144rem;
}

.zd-bgcolor {
    background: #1D7DEB;
}

.zd-header .logo {
    float: left;
}

.zd-header .name {
    float: left;
    margin-left: 238rem;
    margin-top: 18rem;
    height: 106rem;
}

.zd-header .name img {
    width: 429rem;
}


.zd-header .slogan {
    margin-left: 102rem;
    float: left;
    margin-top: 54rem;
}

.zd-header .slogan img {
    width: 519rem;
    height: 64rem;
}

.search {
    float: right;
    width: 300rem;
    margin-top: 50rem;
    margin-right: 30rem;
}

.search input {
    float: left;
    width: 200rem;
    height: 30rem;
    background-color: transparent;
    outline: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding-left: 12rem;
    box-sizing: border-box;
}

.search .home {
    float: right;
    font-size: 18rem;
    
}

.search .home a {
    color: #FFFFFF;
    line-height: 30rem;
}

.zd-nav {
    
    height: 61rem;
    
}

.zd-nav-ul {
    width: 1716rem;
    height: 61rem;
    margin: 0 auto;
    display: block;
}

.zd-nav-li1 {
    width: 156rem;
    height: 61rem;
    float: left;
    line-height: 61rem;
    font-size: 28rem;
    text-align: center;
    font-weight: 900;
}

.zd-nav-li1 .navli-1a {
    font-size: 28rem;
    color: #FFFFFF;
    display: block;
}

.mainnav {
   width: 100%;
}

.notice {
    width: 1815rem;
    height: 659rem;
    margin: 0 auto;
    margin-top: 35rem;
}

.party,
.student,
.left-right-layout {
    position: relative;
    width: 1815rem;
    padding: 20rem 40rem 20rem 65rem;
    box-sizing: border-box;
    height: 651rem;
    margin: 0 auto;
    margin-top: 35rem;
}

.left-right-layout {
    height: 546rem;
}

.notice .cd-news-left {
    float: left;
    width: 1183rem;
    height: 659rem;
    padding: 20rem 40rem 20rem 65rem;
    box-sizing: border-box;
}

.cd-news-right {
    float: right;
    width: 596rem;
    height: 659rem;
    padding: 20rem;
    box-sizing: border-box;
}

.zd-white {
    background-color: #FFFFFF;
}

.cd-new-tit {
    height: 46rem;
    border-bottom: 2px solid #15477C;
}

.cd-new-tit span {
    position: relative;
    color: #C1C7CE;
    margin-left: 16rem;
    top: 2px;
}

.cd-shool {
    float: left;
    
}

.cd-new-plus {
    float: right;
    line-height: 56rem;
}

.titile-bj {
    font-size: 30rem;
    color: #15477C;
    font-weight: 900;
    font-family: Source Han Sans;
}

.cd-new-content {
    height: 588rem;
}

.cd-content-left {
    float: left;
    width: 582rem;
}

.cd-content-left .view-img {
    width: 582rem;
    height: 400rem;
    margin-top: 16rem;
}

.cd-content-left .view-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cd-content-left .view-tit {
    font-size: 26rem;
    font-weight: 500;
    color: #3D3D3D;
    margin-top: 10rem;
}

.cd-content-left .view-intro {
    color: rgba(61, 61, 61, 0.67);
    font-size: 22rem;
    margin-top: 2px;
}

.cd-content-list {
    float: right;
    width: 476rem;
    position: relative;
    top: -8rem;
}

.study-each .time {
    float: left;
    width: 62rem;
    height: 70rem;
    text-align: center;
    box-sizing: border-box;
    border: 3px solid #0C7BF1;
}

.study-each .time2 {
    position: relative;
    float: left;
    width: 62rem;
    height: 70rem;
    text-align: center;
    padding-right: 6rem;
}

.study-each .time2::before {
    position: absolute;
    content: '';
    right: 0;
    top: 5rem;
    height: 55rem;
    border-right: 3rem solid #0C7BF1;
}

.study-each .time2 .day2 {
    font-size: 30rem;
    color: #3D3D3D;
    font-weight: 600;
}

.study-each .time2 .year-month2 {
    font-size: 16rem;
    height: 30rem;
    line-height: 30rem;
    color: rgba(61, 61, 61, 0.49);
    font-family: Source Han Sans;
}

.study-each .mation2 {
    float: left;
    font-size: 20rem;
    font-weight: 500;
    width: 418rem;
    margin-left: 10rem;
    line-height: 30rem;
    margin-top: 8rem;
    color: #3D3D3D;
    display: block;
}

.study-each .time .day {
    font-size: 30rem;
    color: #0C7BF1;
    font-weight: 600;
}

.study-each .time .year-month {
    font-size: 13rem;
    background-color: #0C7BF1;
    height: 30rem;
    line-height: 36rem;
    color: #fff;
}

.study-each .mation {
    float: left;
    font-size: 20rem;
    font-weight: 500;
    width: 400rem;
    margin-left: 10rem;
    line-height: 30rem;
    margin-top: 2rem;
    color: #3D3D3D;
    display: block;
}

.study-each {
    border-bottom: 1px solid #D8D8D8;
    height: 80rem;
    margin-top: 15rem;
}

.swiper-container-party {
    width: 1730rem;
    overflow: hidden;
}


.party .swiper-slide-wrapper {
    width: 1710rem;
    height: 460rem;
    margin-top: 31rem;
}

.swiper-slide-item {
    float: left;
    width: 520rem;
    margin-right: 50rem;
}

.swiper-slide-item .img-view {
    width: 520rem;
    height: 359rem;
}

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

.swiper-slide-item .img-view-tit {
    font-size: 24rem;
    font-weight: 500;
    margin-top: 30rem;
    padding-left: 10rem;
    height: 76rem;
}

.swiper-pagination-party,
.mainnav .swiper-pagination {
    left: 50%!important;
    transform: translateX(-50%)!important;
    bottom: 30rem!important;
    width: auto!important;
}

.party .swiper-pagination-bullet,
.student .swiper-pagination-bullet,
.mainnav .swiper-pagination-bullet {
    width: 20rem;
    height: 20rem;
    background: #D8D8D8;
    margin: 0 11rem;
    opacity: 1;
}

.mainnav .swiper-slide img{width:100%;height:100%;}

.party .swiper-pagination-bullet-active,
.student .swiper-pagination-bullet-active,
.mainnav .swiper-pagination-bullet-active{
    background: #1D7DEB;
}

.cd-left-imgs {
    position: relative;
    float: left;
    width: 719rem;
    height: 486rem;
    margin-top: 30rem;
    overflow: hidden;
}


.student .swiper-slide {
    width: 719rem;
    height: 486rem;
}

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

.swiper-pagination-student {
    right: 41rem;
    bottom: 11rem;
}

.cd-right-list {
    float: right;
}

.cd-tab-list {
    width: 928rem;
    height: 75rem;
    margin-top: 22rem;
    background: rgba(29, 125, 235, 0.34);
    padding-left: 20rem;
}

.cd-tab-item {
    float: left;
    font-size: 28rem;
    line-height: 75rem;
    font-weight: bold;
    color: rgba(61, 61, 61, 0.69);
    margin-right: 48rem;
    cursor: pointer;
}

.cd-tab-item.active {
    color: #0669D1;
}

.cd-tit-list {
    padding-top: 46rem;
    width: 925rem;
}

.cd-tit-item {
    height: 65rem;
    line-height: 65rem;
    border-bottom: 1px solid #D8D8D8;
}

.cd-tit-item .title {
    float: left;
    font-size: 24rem;
    font-weight: 500;
    color: #3D3D3D;
}

.cd-tit-item  .date {
    float: right;
    color: #3D3D3D;
    font-size: 24rem;
    font-weight: normal;
}

.left-right-layout .left-layout {
    float: left;
    width: 794rem;
}


.left-right-layout .right-layout {
    float: right;
    width: 870rem;
}

.footer {
    width: 100%;
    height: 358rem;
    background: #0159A3;
    margin-top: 40rem;
    overflow: hidden;
}

.slogan2 {
    float: left;
    line-height: 265rem;
    padding-left: 53rem;
}

.slogan2 img {
    margin-top: 109rem;
}

.contact {
    float: left;
    margin-left: 62rem;
}

.contact .contact-tit {
    font-size: 22rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 56rem;
    line-height: 41rem;
}

.contact ul li {
    font-size: 18rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 16rem;
}

.codes {
    float: right;
    height: 200rem;
    margin-right: 150rem;
    margin-top: 44rem;
}

.code-wrapper {
    float: left;
    width: 205rem;
    height: 200rem;
    margin-left: 100rem;
}

.code-wrapper img {
    width: 100%;
    height: 100%;
}

.copyright {
    width: 100%;
    height: 40rem;
    background: rgba(216, 216, 216, 0.23);
    text-align: center;
    line-height: 40rem;
    clear: both;
    color: #FFFFFF;
}

.cd-tab-bar {
    height: 43rem;
    border-bottom: 2px solid #C1C1C1;
    margin-top: 15rem;
}

.tab-bar-item {
    float: left;
    font-size: 28rem;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 43rem;
    padding: 0 9rem;
    text-align: center;
    margin-right: 24rem;
    cursor: pointer;
}

.tab-bar-item.active {
    color: #15477C;
    border-bottom: 3px solid #15477C;
}

.rh-content-list {
    height: 32rem;
    margin-top: 42rem;
}

.rh-content-item {
    position: relative;
    padding-left: 50rem;
    height: 32rem;
    line-height: 32rem;
    margin-bottom: 29rem;
}

.rh-content-item::before{
    position: absolute;
    content: '';
    width: 18rem;
    height: 18rem;
    background: url(../../images/triangle.svg)no-repeat 100% 100%;
    left:10rem;
    top: 50%;
    transform: translateY(-50%);
}

.rh-content-item .tit {
    float: left;
    font-size: 22rem;
    color: #3D3D3D;
}
.rh-content-item .date {
    float: right;
    font-size: 22rem;
    color: #3D3D3D;
    padding-right: 21rem;
}

.nav-kj {
    width: 780rem;
    display: block;
    margin-top: 44rem;
    margin-left: 49rem;
    overflow: hidden;
}

.nav-kj-item {
    float: left;
    width: 125rem;
    margin-right: 90rem;
}

.nav-kj-item:last-child {
    margin-right: 0;
}

.nav-kj-item .nav-kj-label {
    font-size: 24rem;
    width: 125rem;
    text-align: center;
    margin-top: 10rem;
}

.max-147 {
    width: 147rem!important;
}