/*.pfc{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #0768d3;  
}*/
.swiper-container-cs,
.swiper-wrapper,
.swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide{
    overflow: hidden;
}

.p1{
    position: relative;
    background: url(../images/page1.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p2{
    position: relative;
    background: url(../images/page2.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p3{
    position: relative;
    background: url(../images/page3.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p4{
    position: relative;
    background: url(../images/page4.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p5{
    position: relative;
    background: url(../images/page5.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p6{
    position: relative;
    background: url(../images/page6.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.p7{
    position: relative;
    background: url(../images/page7.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}


.p8{
    position: relative;
    background: url(../images/page8.jpg) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.round1{
    position: absolute;
    width: 22%;
    height: 19%;
    top: 38%;
    left: 49%;
    border: 4px #cf0b15 solid;
    border-radius: 0.5rem;
}

.round2{
    position: absolute;
    width: 89%;
    height: 6%;
    top: 35%;
    left: 4%;
    border: 4px #cf0b15 solid;
    border-radius: 0.5rem;
}

.round3{
    position: absolute;
    width: 89%;
    height: 6%;
    top: 12%;
    left: 4%;
    border: 4px #cf0b15 solid;
    border-radius: 0.5rem;
}

.round4{
    position: absolute;
    width: 89%;
    height: 6%;
    top: 43%;
    left: 4%;
    border: 4px #cf0b15 solid;
    border-radius: 0.5rem;
}

.logo2{
    position: absolute;
    background: url(../images/logo2.png) center no-repeat;
    background-size: contain;
    width: 40%;
    height: 37.5%;
    top: 61%;
    left: 42%;
}

.logo1{
    position: absolute;
    background: url(../images/logo1.png) center no-repeat;
    background-size: contain;
    width: 50%;
    height: 42%;
    top: 49%;
    left: 42%;
}

.down_border{
    position: fixed;
    width: 8%;
    height: 8%;
    top: 88%;
    left: 46%;      
}

.down{
    position: absolute;
    background: url(../images/down.png) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

/*翻页按钮*/

.zk_down{
    position: absolute;
    animation: up   ease-in-out infinite;
    -webkit-animation: up  ease-in-out infinite;
}
@keyframes up {
    0% {opacity: 0;}
    50% {opacity: 1; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0);}
    100% {opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);}
}
@-webkit-keyframes up {
    0% {opacity: 0;}
    50% {opacity: 1; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0);}
    100% {opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);}
}