.m-nav-z {
    padding: 0 .33rem .72rem;
    overflow: hidden;
}

.ul-nav-z {
    position: relative;
}

.ul-calendar {
    overflow: hidden;
}

.ul-calendar .pics {
    width: 100%;
    margin-bottom: .16rem;
}

.ul-calendar .pics img {
    width: 100%;
    height: auto;
    display: block;
}

.ul-nav-z .con {
    text-align: center;
    padding-bottom: .03rem;
    cursor: pointer;
}

.ul-nav-z .tit {
    font-size: .24rem;
    color: #0C298D;
    height: .38rem;
    position: relative;
    margin-bottom: .10rem;
}

.ul-nav-z .tit span {
    white-space: nowrap;
    line-height: 1em;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.ul-nav-z::after {
    content: "";
    display: block;
    height: .06rem;
    width: 100%;
    position: absolute;
    background: url(/2024xz/style/../images/zc/a8.png) center center no-repeat;
    background-size: cover;
    left: 0;
    bottom: .17rem;
    z-index: 1;
}

.ul-nav-z .box-c {
    width: .35rem;
    height: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ul-nav-z .circle {
    width: .23rem;
    height: .23rem;
    background: url(/2024xz/style/../images/zc/a7.png) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.ul-nav-z .swiper-button-prev,
.ul-nav-z .swiper-button-next {
    width: .33rem;
    height: .42rem;
    background: transparent;
    margin: 0;
    top: auto;
    bottom: 0;
}

.ul-nav-z .swiper-button-prev {
    left: -.33rem;
}

.ul-nav-z .swiper-button-next {
    right: -.33rem;
}

.ul-nav-z .swiper-button-prev::after,
.ul-nav-z .swiper-button-next::after {
    content: "";
    display: block;
    width: .20rem;
    height: .41rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.ul-nav-z .swiper-button-prev::after {
    background-image: url(/2024xz/style/../images/zc/a3.png)
}

.ul-nav-z .swiper-button-prev:hover::after {
    background-image: url(/2024xz/style/../images/zc/a5.png)
}

.ul-nav-z .swiper-button-next::after {
    background-image: url(/2024xz/style/../images/zc/a4.png)
}

.ul-nav-z .swiper-button-next:hover::after {
    background-image: url(/2024xz/style/../images/zc/a6.png)
}

.ul-nav-z .swiper-button-prev.swiper-button-disabled::after {
    background-image: url(/2024xz/style/../images/zc/a5.png)
}

.ul-nav-z .swiper-button-next.swiper-button-disabled::after {
    background-image: url(/2024xz/style/../images/zc/a6.png)
}

.ul-nav-z .swiper-button-next.swiper-button-disabled,
.ul-nav-z .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.ul-nav-z .active .circle {
    width: .31rem;
    height: .31rem;
}

.ul-nav-z .active .tit {
    color: #FF8B02;
    font-size: .32rem;
    font-weight: bold;
}

.ul-calendar .info {
    font-size: .18rem;
    color: #7A8899;
    line-height: 1.4em;
}

.ul-calendar .con {
    padding-bottom: .60rem;
}

.ul-calendar .item {
    margin-bottom: .82rem;
}

/*  */
.ul-leader {
    padding-top: 0.8rem;
}
.ul-leader li {
    margin-bottom: 1.77rem;
}

.ul-leader .con {
    display: block;
    background: url(/2024xz/style/../images/ld-tbg.jpg) center center;
    background-size: cover;
    height: 3.9rem;
    position: relative;
    padding-left: 5.9rem;
}

.ul-leader .title {
    padding-bottom: .40rem;
    margin-bottom: .38rem;
    position: relative;
}

.ul-leader .title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: .03rem;
    width: 1.70rem;
    background-color: #1C2462;
    bottom: 0;
}

.ul-leader .pic-box {
    width: 3.38rem;
    position: absolute;
    bottom: .45rem;
    left: .5rem;
    box-shadow: 0px 5px 35px 0px rgba(2, 26, 57, 0.27);
}

.ul-leader .pic {
    padding-top: 128%;
}

.ul-leader .txt {
    overflow: hidden;
    padding: 1.15rem 1.90rem 0 .30rem;
}

.ul-leader .title {
    color: #333;
}

.ul-leader .tit {
    font-size: .40rem;
    line-height: 1em;
    font-weight: bold;
    padding-right: .25rem;
    margin-right: .28rem;
    position: relative;
}

.ul-leader .tit::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: rgba(28, 36, 98, .2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


.ul-leader .info {
    font-size: .22rem;
    overflow: hidden;
}

.ul-leader .desc {
    font-size: .16rem;
    color: #333;
    text-align: justify;
}

.m-history .ny-tit1 {
    margin-bottom: .8rem;
    display: block;
    position: relative;
}

.m-history .ny-wz {
    position: absolute;
    right: 0;
    top: 0;
}

.m-history .ny-tit {
    text-align: center;
}

.m-leader .ny-tit1 {
    margin-bottom: .7rem;
}

@media screen and (max-width:1200px) {
    .ul-leader {
        padding-top: 0;
    }
    .ul-leader .pic-box {
        width: 2.6rem;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: .2rem;
        transform: translateY(-50%);
    }

    .ul-leader .con {
        padding-left: 3rem;
    }

    .m-history .ny-wz {
        position: static;
    }

    .m-history .ny-tit {
        text-align: left;
    }

    .m-history .ny-tit1 {
        margin-bottom: .35rem;
    }

    .ul-nav-z .swiper-slide-active .tit {
        font-size: .2rem;
    }

    .ul-nav-z .tit {
        font-size: .18rem;
    }

    .ul-nav-z .swiper-slide-active .circle {
        width: .28rem;
        height: .28rem;
    }

    .m-nav-z {
        padding: 0 0.33rem 0.4rem;
        overflow: hidden;
    }

    .ul-calendar .item {
        margin-bottom: .4rem;
    }

    .ul-calendar .con {
        padding-bottom: 0;
    }

    .ul-leader .con {
        height: 3.6rem;
    }

    .ul-leader .txt {
        overflow: hidden;
        padding: 1rem .2rem 0 0.2rem;
    }

    .ul-leader .tit {
        font-size: .24rem;
        padding-right: 0.15rem;
        margin-right: 0.15rem;
    }

    .ul-leader .info {
        font-size: .18rem;
    }

    .ul-leader .title {
        padding-bottom: 0.2rem;
        margin-bottom: 0.15rem;
    }

    .ul-leader .title::after {
        width: 1.3rem;
    }

    .ul-leader li {
        margin-bottom: .3rem;
    }

    .m-leader .ny-tit1 {
        margin-bottom: .35rem;
    }
}

@media screen and (max-width:767px) {
    .ul-leader .pic-box {
        position: static;
        transform: none;
        margin: 0 auto;
    }

    .ul-leader .con {
        height: auto;
        padding: .2rem;
    }

    .ul-leader .txt {
        overflow: hidden;
        padding: .2rem;
    }

    .ul-leader .tit {
        font-size: .2rem;
    }
}

@media screen and (max-width:450px) {
    .ul-leader .con {
        padding-left: 0;
    }

    .ul-leader .pic-box {
        /* width: 100%; */
        position: static;
        margin-bottom: .15rem;
    }

}