* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #fff;
}

li,
ol,
ul {
    list-style: none;
}

@font-face {
    font-family: 'Source Han Sans CN Medium';
    src: url('../fonts/SourceHanSansCN-Normal.ttf');
}

.body {
    width: 100%;
    height: 100vh;
    font-family: 'Source Han Sans CN Medium';

}

p {
    font-family: "Source Han Sans CN Medium";
    text-align: justify;
}

.yudeshuren-box {
    width: 100%;
    height: 100vh;
}

.yude-box {
    width: 100%;
}

/* 01 */
.yude01 {
    display: flex;
    width: 100%;
    /* height: 100%; */
}

.yude01-left {
    width: 39%;
    height: 100%;
    background: #945200;
    background-image: url(../images/ming-q.png);
    background-repeat: no-repeat;
    background-size: 1.4rem 80%;
    background-position: right bottom;
}

.yude01-leftCon {
    padding: 24% 15% 10% 5%;

}

.yude01-leftCon p {
    font-size: 0.109375rem;
    color: #fff;
    line-height: .2083rem;
}

.yude01-left p:nth-child(1) {
    font-size: .3125rem;
    line-height: .4167rem;
}

.yude01-leftCon p:nth-child(2) {
    font-size: 0.15625rem;
    font-weight: bold;
    margin-top: .1823rem;
    margin-bottom: .1823rem;
    margin-left: 0.3rem;
}
.yude01-leftCon p:nth-child(3) {
    margin-left: 0.3rem;
}
.yude01-leftCon p:nth-child(4) {
    margin-left: 0.3rem;
}

.yude01-right {
    position: relative;
    width: 61%;
    height: 100%;
    background: url("../images/yude-right.png") no-repeat;
    background-size: cover;

}

.yude01-right p {
    position: absolute;
    width: 25%;
    right: 3%;
    bottom: 8%;
    font-size: .12rem;
    line-height: .2083rem;
    color: #fff;
}

/* 02 */

.yude02 {
    display: flex;
    width: 100%;
    height: 100%;
    background: url(../images/chibang/chibang2-bg.png) no-repeat;
    background-size: 100% 101%;
}

.yude02_left {
    width: 100%;
    height: 100%;
}

.yude02 .yude02_left {
    width: 5.8646rem;
    height: 100%;
}

.yude-box .down_logo {
    display: inline-block;
    background-color: #945200;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    color: #fff;
    margin: 0 0 0 0.3125rem;
}

.down_logo-soap{
    background: url(../images/hhq/6.png) no-repeat;
    background-size: 100% 100%;
}
.yude-box .down_logo .title {
    width: 90%;
    margin: 0 auto;
    font-size: .1354rem;
    font-weight: bold;
}

.yude-box .down_logo h3 {
    padding: 0.15625rem 0.234375rem 0.0963rem;
    font-size: .3125rem;
    /* opacity: 0.6; */
    color: rgb(133, 133, 133);
}

.yude02_left .left-wenzi {
    position: absolute;
    display: inline-block;
    top: 16%;
    right: 44%;
    width: 23%;
    font-size: .09375rem;
    line-height: .2083rem;
    color: #000;
}

.yude02_left .hx {
    width: 98%;
    margin: .4rem 0 .45rem .1042rem;
}

.yude02_left .left-Cont {
    width: 45%;
    display: inline-block;
    margin-left: .2604rem;
}

.yude02_left .left-Cont p {
    font-size: .109375rem;
    line-height: .2083rem;
    color: #000;
}

.yude02_left .left-Cont p:nth-child(1) {
    color: #8b2403;
    font-size: 0.15625rem;
    margin-bottom: 5%;
    padding-left: 4%;
    font-weight: bold;
}

.yude02_left .left-Cont p:nth-child(2) {
    margin-left: 1%;
    margin-bottom: 3%;
}

.yude02_left .left-Cont p:nth-child(3) {
    padding-left: 4%;
}

.yude02_left .item1 {
    display: flex;
}

.yude02_left .tuwen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    margin-bottom: -1.5rem;
    margin-left: 0.4904rem;
}

.yude02_left .tuwen img {
    width: 2.2rem;
    margin-bottom: .1042rem;
}

.yude02_left .tuwen span {
    text-align: justify;
    font-size: .09375rem;
    line-height: .2083rem;
}

.yude02-right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 4.1354rem;
    height: 100%;
    /* background: url(../images/ming-q.png) no-repeat;
    background-size: 35% 90%;
    background-position: right bottom; */
}

.yude02-right .img1 {
    width: 2.8646rem;
    margin-left: .4rem;
}

.yude02-right .img2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yude02-right .img2 img {
    width: 3rem;
    margin-left: .4rem;
}

.yude02-right .img2 span {
    margin-left: .4rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .2083rem;
    color: #000;
}

/* 03 */
.yude03 {
    display: flex;
    width: 100%;
    height: 100vh;
    background: url(../images/chibang/chibang3-bg.png) no-repeat;
    background-size: 100% 101%;
}

.yude03_left {
    width: 35%;
    height: 100%;
}

.left-img {
    display: flex;
    flex-direction: column;
    width: 90%;
    height: calc(100vh - 1.2rem);
    margin-left: .2083rem;
}

.left-img .left-img1 {
    margin-top: 4%;
    margin-left: 0.1rem;
}

.left-img .left-img2 {
    margin-top: 2%;
    margin-left: 0.1rem;
}

.left-img img {
    width: 2.8rem;
}

.left-img span {
    display: inline-block;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}

.yude03_cont {
    width: 33%;
    height: 100%;
    padding-left: 3%;
    padding-top: 4%;

}

.yude03_cont-top {
    display: flex;
}

.yude03_cont-top img {
    width: 1.3rem;
}

.yude03_cont-img2 {
    margin-top: 1rem;
    margin-left: -0.221rem;
}

.yude03_cont-img1 {
    margin-left: .2rem;
}

.yude03_cont-bot {
    width: 74%;
    margin-top: 3%;
    margin-left: 7%;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}

.yude03_cont-bot p:nth-child(2) {
    margin-top: 6%;
}

.yude03_right {
    width: 32%;
    height: 100%;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}

.yude03_right-img1 {
    display: flex;
    flex-direction: column;
    width: 2.0833rem;
    margin-top: .3646rem;
}
.yude03_right-img1 span,.yude03_right-img2 span{
    margin-top: 0.05rem;
}

.yude03_right-img1 img {
    width: 2.0833rem;
}

.yude03_right-img2 {
    display: flex;
    flex-direction: column;
    width: 2.0833rem;
    margin-top: .2rem;
}

.yude03_right-img2 img {
    width: 2.0833rem;
}


/* 04 */
.yude04 {
    display: flex;
    width: 100%;
    height: 100vh;
    background: url(../images/chibang/chibang4-bg.png) no-repeat;
    background-size: 100% 101%;
}

.yude04_left {
    /* width: 1.5rem; */
    width: 15%;
    padding-left: 0.3125rem;
}

.yude04_left .down_logo {
    margin: 0 0 0 0;
}

.yude04_left p {
    width: 2.1rem;
    margin-top: 0.5208rem;
    font-size: 0.109375rem;
    line-height: .2083rem;
    color: #000;
}

.yude04_right {
    display: flex;
    flex-direction: column;
    width: 85%;
    height: 100vh;
}

.yude04_right1 {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 55%;
    margin-top: 0.417rem;
    /* margin-left: .6771rem; */
}

.yude04_right .yude04_right1 .top1 {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}

.yude04_right .yude04_right1 .top1 span {
    display: inline-block;
    margin-top: 0.0521rem;
}

.yude04_right1 .top1 img {
    height: 1.6rem;
    /* width: 1.263rem; */
    /* margin-bottom: .1563rem; */
}

.top1 img{
    position: absolute;
    height: 1.6rem; 
    left: 3rem;
    top: 0.45rem;
}
.top1 span{
    position: absolute;
    height: 1.6rem;
    left: 3rem;
    top: 2.1rem;
    width: 1.3rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}
.top2 img{
    position: absolute;
    width: 1.07rem;
    top: 0.45rem;
    left: 5.3rem;
}
.top2 span{
    position: absolute;
    height: 1.6rem;
    left: 5.3rem;
    top: 2.1rem;
    width: 1.05rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}
.top3 img{
    position: absolute;
    top: 0.45rem;
    left: 7.4rem;
    height: 1.6rem;
}
.top3 span{
    position: absolute;
    height: 1.6rem;
    left: 7.4rem;
    top: 2.1rem;
    width: 1.5rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}
.yude04_right1 .top2 img {
    height: 1.6rem;
    /* width: 1.263rem; */
    /* margin-bottom: .1563rem; */
}

.yude04_right3-item2 img {
    width: 1.063rem;
    margin-bottom: .1563rem;
}

.yude04_right1 span {
    width: 1.3rem;
    text-align: justify;
    font-size:.09375rem;
    line-height: .1563rem;
    color: #000;
    margin-top: -0.0521rem;
}

.yude04_right2 {
    left: 30%;
    position: absolute;
    top: 3rem;
}

.yude04_right2-item1 {

    display: flex;
    flex-direction: column;
    margin-left: -0.1167rem;
    /* margin-top: .37rem; */
}



.yude04_right2-item1 img {
    width: 1.1063rem;
}

.yude04_right2-item1 span {
    display: inline-block;
    width: 1.1rem;
    margin-top: .0521rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}

.yude04_right2-item2 {
    display: flex;
    margin-left: .4167rem;
    margin-top: .1042rem;
}

.yude04_right2-item2-l {
    display: flex;
    flex-direction: column;
}

.yude04_right2-item2-l img {
    width: .99rem;
}

.yude04_right2-item2-l span {
    width: .9375rem;
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
}

.yude04_right2-item2-r {
    display: flex;
    flex-direction: column;
    margin-left: .2083rem;
}

.yude04_right2-item2-r img {
    width: .9rem;
}

.yude04_right3 {
    position: absolute;
    left: 3rem;
    top: 3.35rem;
}

.yude04_right3-item2 {
    display: flex;
    flex-direction: column;
    width: 1.4063rem;
    /* margin-top: 1.0417rem; */
    margin-left: -0.292rem;
}

.yude04_right3 .r1 {
    height: 1.3rem;
    margin-left: .2rem;
}

.yude04_right3 .l1 {
    height: 1.3rem;
}

.yude04_right3 span {
    text-align: justify;
    font-size: .09375rem;
    line-height: .1563rem;
    color: #000;
    top: 0.9563rem;
    position: absolute;
    width: 1.6rem;
}

.body_pagination .swiper-pagination-bullet:nth-child(4)::after {
    background: none;
}

.next-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 5%;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.3rem;
    border-radius: 50%;
    border: 2px #4a3825 dotted;
}

.next-box .qiehuan {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 2px #4a3825 solid;
    background: #4a3825;
    font-size: .104167rem;
}

.next-box:hover {
    border: 2px #a23116 dotted;
}

.next-box:hover .qiehuan {
    border: 2px #a23116 dotted;
    background: #a23116;
}

/* .next-box .qiehuan a {
    font-size: .104167rem;
} */

@media (max-width: 750px) {
    .yude01 {
        display: flex;
        flex-direction: column;
    }

    .yude01-left {
        width: 100%;
        background-size: 34% 80%;
    }

    .yude01-right {
        width: 100%;
    }

    .yude01-leftCon p {
        line-height: .483rem;
    }

    .yude01-right p {
        line-height: .483rem;
    }

    .yude-box .down_logo .title {
        width: 100%;
    }

    .down_logo .title {}

    .yude02_left .item1 {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .yude02_left .left-wenzi {
        position: absolute;
        top: 30%;
        right: 7%;
        line-height: .5rem;
        width: 3rem;
    }

    .yude02_left .left-Cont {
        width: 90%;
    }

    .yude02_left .left-Cont p {
        line-height: .583rem;
    }

    .yude02_left .tuwen {
        align-items: center;
    }

    .yude02_left .tuwen img {
        width: 4rem;
    }

    .yude02_left .tuwen span {
        display: inline-block;
        margin-right: 0.2904rem;
        line-height: .6083rem;
    }

    .yude02-right {
        justify-content: space-around;
        align-items: center;
    }

    .yude02-right .img1 {}

    .yude02-right .img2 {
        align-items: center;
    }

    .yude02-right .img2 img {
        margin-left: 0;
        width: 3.2rem;
    }

    .yude02-right .img2 span {
        line-height: .6rem;
    }

    .yude02-right {
        background-size: 90% 70%;
    }

    .left-img span {
        display: inline-block;
        line-height: 1.5;
    }

    .yude03_cont-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 30%;
    }

    .yude03_cont-img2 {
        margin: 0;
    }

    .yude03_cont-top img {
        width: 80%;
    }

    .yude03_cont-bot {
        width: 90%;
    }

    .yude03_cont-bot {
        line-height: .5rem;
    }

    .yude03_right {}

    .yude03_right {
        line-height: 1.5;
    }

    .yude03_right-img1 {
        margin-top: 90%;
        width: 100%;
    }

    .yude03_right-img1 img {
        width: 3rem;
    }

    .yude03_right-img2 {
        width: 100%;
        align-items: end;
    }

    .yude03_right-img2 img {
        width: 3rem;
    }

    .yude03_right-img2 span {
        display: inline-block;
        width: 90%;
    }

    .yude03_right {
        background-size: 80% 60%;
    }

    .yude04_left {
        width: 2.5rem;
    }

    .yude04_left p {
        width: 2.5rem;
    }

    .yude04_left p {
        line-height: 0.44rem;
    }

    .yude04_right {
        display: flex;
        flex-direction: column;
        margin-top: 5%;
    }

    .yude04_right1 {
        height: 33%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    .yude04_right1 img {
        width: 40%;
    }

    .yude04_right1 span {
        width: 65%;
        line-height: 1.5;
    }

    .yude04_right2 {
        display: flex;
        height: 33%;
        width: 100%;
    }

    .yude04_right2-item1 img {
        width: 50%;
    }

    .yude04_right2-item1 span {
        width: 80%;
        line-height: 1.5;
    }

    .yude04_right2 {
        margin: 0;
    }

    .yude04_right2-item1 {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .yude04_right3 {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin: 0;
        width: 100%;
        height: 33%;
    }

    /* .yude04_right3 img {
        width: 40%;
    } */

    /* .yude04_right3 span {
        width: 50%;
        line-height: 1.5;
    } */

    .yude04_right2-item2 {
        flex: 1;
        margin: 0;
    }

    .yude04_right2-item2-l img {
        width: 100%;
    }

    .yude04_right2-item2-r img {
        width: 100%;
    }

    .yude04_right2-item2-l span {
        width: 100%;
        line-height: 1.5;
    }
}