.ppjs-yjcolor {
    color: #bc2c30;
}
/* banner */
.ppjs-banner_box{
    width: 100%;
    height: 400px;
    background: #000000;
}
.swiper-container-ppjs{
    width: 100%;
    height: 400px;
    margin:auto;
    position: relative;
}
.swiper-container-ppjs img{
    width: 100%;
    height: 100%;
    display: block;
}
.ppjs-banner_box .swiper-slide1 {
    background: url(../images/ppjs-ban-img1.png) no-repeat center center;
    background-size: cover;
}


/* imgbox */
.ppjs-box1 {
    width: 100%;
    height: 1384px;
    position: relative;
    background: #ffffff;
}

.ppjs-box1-img {
    width: 1098px;
    height: 1384px;
    position: absolute;
    left: 50%;
    margin-left: -549px;
    top: 0;
    background: url(../images/ppjs-box1-img.png) no-repeat center center;
    background-size: 100% 100%;
}


.ppjs-box2 {
    width: 100%;
    height: 1540px;
    position: relative;
    background: #ffffff;
}

.ppjs-box2-img {
    width: 1078px;
    height: 1540px;
    position: absolute;
    left: 50%;
    margin-left: -539px;
    top: 0;
    background: url(../images/ppjs-box2-img.png) no-repeat center center;
    background-size: 100% 100%;
}


.ppjs-box3 {
    width: 100%;
    height: 902px;
    position: relative;
    background: #ffffff;
}

.ppjs-box3-img {
    width: 990px;
    height: 902px;
    position: absolute;
    left: 50%;
    margin-left: -496px;
    top: 0;
    background: url(../images/ppjs-box3-img.png) no-repeat center center;
    background-size: 100% 100%;
}



.ppjs-box4 {
    width: 100%;
    height: 1091px;
    position: relative;
    background: #ffffff;
}

.ppjs-box4-img {
    width: 1144px;
    height: 1091px;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    top: 0;
    background: url(../images/ppjs-box4-img.png) no-repeat center center;
    background-size: 100% 100%;
}

.ppjs-box5 {
    width: 100%;
    height: 888px;
    position: relative;
    background: #ffffff;
}

.ppjs-box5-img {
    width: 1144px;
    height: 888px;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    top: 0;
    background: url(../images/ppjs-box5-img.png) no-repeat center center;
    background-size: 100% 100%;
}
.ppjs-box6 {
    width: 100%;
    height: 943px;
    position: relative;
    background: #ffffff;
}

.ppjs-box6-img {
    width: 1144px;
    height: 943px;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    top: 0;
    background: url(../images/ppjs-box6-img.png) no-repeat center center;
    background-size: 100% 100%;
}
.ppjs-box7 {
    width: 100%;
    height: 629px;
    position: relative;
    background: #ffffff;
}

.ppjs-box7-img {
    width: 1144px;
    height: 629px;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    top: 0;
    background: url(../images/ppjs-box7-img.png) no-repeat center center;
    background-size: 100% 100%;
}

.ppjs-box8 {
    width: 100%;
    height: 1210px;
    position: relative;
    background: #ffffff;
}

.ppjs-box8-img {
    width: 1144px;
    height: 1025px;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    top: 0;
    background: url(../images/ppjs-box8-img.png) no-repeat center center;
    background-size: 100% 100%;
}