html,
body {
    position: relative;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

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

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

}



body {
    background: #eee;
    font-size: 13.9968px;
    color: #000;
    margin: 0;
    padding: 0;
}

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

.ysyd-body {
    width: 100%;
    height: 100%;
}

.ysyd-box {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20.0064px;
}

.ysyd-box .swiper-slide {
    height: 100vh !important;
    /* margin: 0 !important; */
    /* text-align: center;
    font-size: 18.0096px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

.ysyd-box .swiper-pagination span {
    margin: 6.0096px 0;
    display: block;
    width: 15.9936px;
    height: 48px;
    background: url(../images/quan.png) no-repeat 0;
    background-size: 15.9936px;
    opacity: 1;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.ysyd-box .swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    display: inline-block;
    width: 1.9968px;
    height: 31.008px;
    background-color: rgb(255, 255, 255, 0.4);
    position: relative;
    top: 74%;
}

.ysyd-box .swiper-pagination .swiper-pagination-bullet-active {
    background: url(../images/redquan.png) no-repeat 0;
    background-size: 15.9936px;
}

.ysyd-box .swiper-pagination .swiper-pagination-bullet-active::after {
    background: #a23116;
}

/*diyiye  */
.frist {
    /* position: relative; */

    background: #C0A577;
}

.frist-top {
    width: 100%;
    height: 70%;
}

.ysyd-diyi-top {
    width: .625rem;
    margin-top: .3125rem;
    margin-left: .3125rem;
    color: #022E09;
    font-size: .1354rem;
    border-bottom: 6.0096px solid #022e09;
}

.frist-cont {
    width: 67%;
    margin: 0 auto;
    margin-top: .1146rem;
}

.frist-title {
    color: rgb(2, 46, 9);

    font-size: .3125rem;
    font-weight: 700;
    line-height: .3646rem;
    letter-spacing: 0px;
    margin: 0;
}

.frist-title2 {
    display: flex;
    justify-content: space-between;
    width: 3.9297rem;
    height: .4167rem;
    margin-top: .2083rem;
    font-size: .13254rem;
    ;
}

.frist-title2 span:nth-child(1) {
    display: inline-block;
    width: 1.901rem;
    height: .4167rem;
    color: rgb(2, 46, 9);

    font-weight: 400;
    letter-spacing: 0px;
    text-align: justify;
}

.frist-title2 span:nth-child(2) {
    display: inline-block;
    width: 1.6146rem;
    height: .4167rem;
    color: rgb(2, 46, 9);

    font-weight: 400;
    text-align: justify;
}

.frist-img {
    display: flex;
    justify-content: space-between;
    margin-top: .36rem;
    /* margin-top: 0.2271rem; */
}

.frist-img img:nth-child(1) {
    width: 3.4375rem;
    height: 1.4167rem;
}

.frist-img img:nth-child(2) {
    width: 2.8646rem;
    height: 1.42rem;
}

.ysyd-bot {
    /* position: absolute; */
    width: 100%;
    height: 30%;
    /* bottom:0px; */
    background: rgb(2, 46, 9);
}

.ysyd-bot1 {
    width: 67%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: .1042rem;
    color: rgb(255, 255, 255);

    font-size: .0918rem;
    font-weight: 400;
    line-height: .1463rem;
    letter-spacing: 0px;
    text-align: justify;
}

.ysyd-bot1 p:nth-child(1) {
    margin: 0;
    width: 3.4375rem;
    height: .4688rem;
}

.ysyd-bot1 p:nth-child(2) {
    margin: 0;
    width: 2.8646rem;
    height: .9375rem;
}

@media (min-width: 1920px) {
    .frist-img img:nth-child(1) {
        width: 3.4375rem;
        height: 1.9167rem;
    }

    .frist-img img:nth-child(2) {
        width: 3.3333rem;
        height: 1.9167rem;
    }

    .ysyd-bot1 {
        padding-top: .2083rem;
        font-size: .1042rem;
        line-height: .1563rem;
    }
}

/* sen */
.sen-box {
    margin: 0 !important;
    display: flex;
    width: 100%;
    height: 100vh;
}

.sen-left {
    position: relative;
    width: 39%;
    height: 100%;
    background: url(../images/bg-yz.png) no-repeat;
    background-size: 100% 100%;
}



.ysyd2 {
    width: .625rem;
    display: inline-block;
    margin: 0;
    margin-top: .3125rem;
    margin-left: .3125rem;
    color: #022E09;
    font-size: .1354rem;
    border-bottom: 6px solid #022e09;
    /* background: url("../images/yanshenyd-title.png") no-repeat;
        background-size: 100% 100%; */
}

.zyyt {
    position: absolute;
    margin: 0;
    top: 50%;
    /* display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 98px); */
    /* width: 3.2rem; */
    color: rgb(2, 46, 9);
    margin-left: .3125rem;

    font-size: .3125rem;
    font-weight: 700;
    line-height: .3646rem;
    text-align: center;
}

.sen-right {
    width: 61%;
    height: 100vh;
    background: rgb(2, 46, 9);
}

.right-cont {
    height: 100%;
    margin: 13% 12% 10% 7%;
}

.right-cont p {
    margin: 0;
    color: rgb(255, 255, 255);

    font-size: .1042rem;
    font-weight: 400;
    line-height: .2083rem;
    letter-spacing: 0px;
    text-align: justify;
}

.right-cont span {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-weight: 700;
    font-size: .1042rem;
    margin-top: .5208rem;
}

.right-cont p:nth-child(3) {
    margin-top: .1042rem;
}

.right-cont p:nth-child(4) {
    margin-top: .2083rem;
}

.third {
    margin: 0 !important;
}

/* fourth */
.fourth {
    width: 100%;
    height: 100vh;
}

.fourth-box {
    display: flex;
    width: 100%;
    height: 100%;
}

.fourth-left {
    width: 39%;
    height: 100%;
    background: url(../images/bg-yz.png) no-repeat;
}

.ysyd4 {
    /* width: .625rem; */
    display: inline-block;
    margin: 0;
    padding-top: .3125rem;
    margin-left: .3125rem;
    color: #022E09;
    font-size: .1354rem;
    border-bottom: 6px solid #022e09;
}

.yltd {
    width: 3.2rem;
    /* height: 0.8333rem; */
    margin-top: 17%;
    margin-left: 0.3125rem;
    font-weight: 700;
    line-height: .4167rem;
    font-size: .27rem;
    color: rgb(2, 46, 9);
}

.fourth-left img {
    width: 2.8rem;
    /* height: 1.633rem; */
    margin-left: 0.4rem;
    margin-top: 0.3167rem;
}

.fourth-right {
    width: 61%;
    height: 100vh;
    background: rgb(2, 46, 9);
}

.fourth-right-cont {
    height: 100%;
    margin: 15% 12% 10% 7%;
    color: rgb(255, 255, 255);
    text-align: justify;
}

.fourth-right-cont p:nth-child(1) {


    font-size: .1354rem;
    font-weight: 700;
    line-height: .1667rem;
    line-height: .2083rem;
}

.fourth-right-cont p:nth-child(2) {
    /* display: inline-block; */
    float: left;
    width: 1.9531rem;
    margin-top: 0.3083rem;
    font-size: .1042rem;
    font-weight: 400;
    line-height: .2083rem;
}

.fourth-right-cont p:nth-child(3) {
    display: inline-block;
    margin-left: 0.3125rem;
    width: 1.9531rem;
    font-size: .1042rem;
    font-weight: 400;
    margin-top: 0.3083rem;
    line-height: .2083rem;
}