body {
    background-color: #f9f9f9;
}

.overflow {
    overflow: hidden;
}


.banner {
    width: 100%;
    height: 4.6rem;
    position: relative;
    background-image: url(../images/zhengshu/banner.png);
    background-size: cover;
    margin-top: 1.8rem;
}


.banner .pdf {
    position: absolute;
    width: 4.7rem;
    height: 0.4rem;
    left: 1.39rem;
    bottom: 2.6rem;
}

.banner .pdf02 {
    position: absolute;
    width: 4.7rem;
    height: 0.4rem;
    left: 1.39rem;
    bottom: 2.1rem;
}


.banner .chengji {
    position: absolute;
    width: 2.24rem;
    height: .6rem;
    left: 1.39rem;
    bottom: .8rem;

}

.banner .zhengshu {
    position: absolute;
    width: 2.24rem;
    height: .6rem;
    right: 1.39rem;
    bottom: .8rem;
}


.part1 {
    width: 100%;
    height: 4.6rem;
    overflow: hidden;
    position: relative;
}

.part1 .pt1_title {
    width: 3.4rem;
    height: 0.45rem;
    margin: .8rem 0 .24rem .32rem;
    background-image: url(../images/zhengshu/pt1_title.svg);
    background-size: cover;
}

.part1 .pt1_swiper {
    width: 7.15rem;
    height: 2.3rem;
    margin-left: .32rem;
}

.part1 .pt1_swiper .swiper-slide {
    width: 5.4rem;
    height: 2.3rem;
    background-image: url(../images/zhengshu/pt1_img01.png);
    background-size: cover;
}

.part1 .pt1_swiper .swiper-slide:nth-of-type(2) {
    background-image: url(../images/zhengshu/pt1_img02.png);
}


.part1 .pt1_swiper .swiper-slide .aa {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.part2 {
    width: 100%;
    height: 9.1rem;
    overflow: hidden;
    position: relative;
}

.part2 .pt2_title {
    width: 4.2rem;
    height: 0.45rem;
    margin: 0 0 .24rem .32rem;
    background-image: url(../images/zhengshu/pt2_title.svg);
    background-size: cover;
}


.part2 .pt2_swiper {
    width: 7.15rem;
    height: 7.9rem;
    margin-left: .32rem;
}

.part2 .pt2_swiper .swiper-slide {
    width: 6.06rem;
    height: 7.49rem;
    background: #FFFFFF;

}

.part2 .pt2_swiper .swiper-slide img {
    width: 5.7rem;
    height: 3.93rem;
    margin: .24rem auto .18rem;
    display: block;
    /* margin: 0 auto; */
}

.part2 .pt2_swiper .swiper-slide .title {
    width: 4rem;
    height: .42rem;
    margin-left: .18rem;
    font-style: normal;
    font-weight: 600;
    font-size: .3rem;
    color: #333333;
}

.part2 .pt2_swiper .swiper-slide .text {
    width: 5.7rem;
    height: 1.6rem;
    margin: .08rem auto .32rem;
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .32rem;
    color: #666666;
}

.part2 .pt2_swiper .swiper-slide .text span {
    font-weight: 600;
    color: #333333;
}

.part2 .pt2_swiper .swiper-slide .youximeishu,
.part2 .pt2_swiper .swiper-slide .dianzijingji {
    width: 1.26rem;
    height: .24rem;
    margin-left: .18rem;
    background-image: url(../images/zhengshu/pt2_xiangqing.png);
    background-size: cover;

}


.part3 {
    width: 100%;
    height: 7.6rem;
    overflow: hidden;
    position: relative;
}

.part3 .pt3_title {
    width: 3.8rem;
    height: 0.45rem;
    margin: 0 0 .24rem .32rem;
    background-image: url(../images/zhengshu/pt3_title.svg);
    background-size: cover;
}

.part3 .pt3_con {
    width: 6.86rem;
    height: 2.86rem;
    margin: 0 auto .24rem;
    display: flex;
    justify-content: space-between;
}

.part3 .pt3_con img {
    width: 6.86rem;
    height: 2.86rem;
}




.part4 {
    width: 100%;
    height: 16rem;
    overflow: hidden;
    position: relative;
}

.part4 .fuzhicehngg {
    position: absolute;
    width: 2.6rem;
    height: 0.6rem;
    background-color: #12121373;
    border-radius: 0.2rem;
    top: 3.5rem;
    left: 50%;
    transform: translate(-50%);
    letter-spacing: .08rem;
    font-size: .3rem;
    text-align: center;
    line-height: .6rem;
    color: #FFFFFF;
    opacity: 0;
    transition: opacity .8s ease;

}

.part4 .fuzhicehngg.show {
    opacity: 1;
    z-index: 9999;
    transition: opacity .8s ease;
}


.part4 .pt4_title {
    width: 2.7rem;
    height: 0.45rem;
    margin: 0 0 .24rem .32rem;
    background-image: url(../images/zhengshu/pt4_title.svg);
    background-size: cover;
}

.part4 .img {
    width: 6.86rem;
    height: 4.54rem;
    margin: 0 auto .48rem;
}

.part4 .img img {
    width: 100%;
    height: 100%;
}

.part4 .text {
    text-align: center;

    font-style: normal;
    font-weight: 600;
    font-size: .3rem;
    line-height: .42rem;
    color: #333333;
    margin: .16rem auto .48rem;
}



.mark,
.mark_02 {
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: auto;
    background: rgba(0, 0, 0, 0.7) !important;
    top: 0;
    display: flex;
    overflow: hidden;
    opacity: 0;
    z-index: -9;
    /* transition: opacity .6s ease; */
    justify-content: center;
    align-items: center;
}

.mark.show,
.mark_02.show {
    opacity: 1;
    z-index: 9999999999999999;
    /* transition: opacity .6s ease; */
}

.mark .mark_text,
.mark_02 .mark_text02 {
    position: relative;
    width: 6.5rem;
    height: 12rem;
    background: #FFFFFF;
    border-radius: .34rem;
    overflow: auto;
    padding-right: .03rem;
}

.mark .mark_text .mark_textbox,
.mark_02 .mark_text02 .mark_text02box {
    width: 6.5rem;
    height: 11.4rem;
    margin: 0.3rem auto;
    overflow: auto;
}


.mark .mark_text .return,
.mark_02 .mark_text02 .return02 {
    position: absolute;
    top: 0.2rem;
    right: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    background: url(../images/zhengshu/tetrunarrow.png) top center no-repeat;
    background-size: contain;
}

.mark .mark_text .title,
.mark_02 .mark_text02 .title {
    width: 4.46rem;
    height: .90rem;
    line-height: .45rem;
    text-align: center;
    margin: .28rem auto .24rem;
    font-style: normal;
    font-weight: 600;
    font-size: .32rem;
    color: #333333;
}


.mark .mark_text .yiji,
.mark_02 .mark_text02 .yiji {
    width: 3.28rem;
    height: .51rem;
    margin-bottom: .24rem;
    background: url(../images/zhengshu/mark_text_bg.png) top center no-repeat;
    background-size: contain;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: .24rem;
    line-height: .51rem;
    color: #333333;
}

.mark .mark_text .erji,
.mark_02 .mark_text02 .erji {
    margin-bottom: .09rem;
    font-style: normal;
    font-weight: 600;
    font-size: .2rem;
    color: #333333;
    margin-left: .4rem;

}

.mark .mark_text .text,
.mark_02 .mark_text02 .text {
    width: 5.77rem;
    margin-left: .4rem;
    font-style: normal;
    font-weight: 400;
    font-size: .2rem;
    line-height: .35rem;
    color: #666666;
    margin-bottom: .32rem;
}

.mark .mark_text .text span,
.mark_02 .mark_text02 .text span {
    margin-left: .28rem;
    display: block;
}

.mark .mark_text .mark_textbox::-webkit-scrollbar,
.mark_02 .mark_text02 .mark_text02box::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: .11rem;
    margin: .7rem .3rem .3rem 0;
    /*高宽分别对应横竖滚动条的尺寸*/
}

.mark .mark_text .mark_textbox::-webkit-scrollbar-track,
.mark_02 .mark_text02 .mark_text02box::-webkit-scrollbar-track {

    border-radius: .3rem;
    margin: .7rem .3rem .3rem 0;
}

/* 滚动条滑块 */
.mark .mark_text .mark_textbox::-webkit-scrollbar-thumb,
.mark_02 .mark_text02 .mark_text02box::-webkit-scrollbar-thumb {
    background: #eaeaea;
    border-radius: .3rem;
    margin: .7rem .3rem .3rem 0;
}