body{
    width: 100%;
    margin: 0 auto;
    padding: 0rem;
}
main {
    position: relative;
    height: 100%;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}
.swiper-slide {
    height: 100%; //这里是终点
    width: 100%;
    position: relative;
    overflow: hidden;
}
body, html{
    width: 100%;
    height: 100%;
}
#swiper-container2 .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:block;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.page-adapt{
    max-width: 120rem;
    height: 100%;
    position: relative;
    margin: auto;
}

.page1{
    width: 100%;
    height: 47rem;
    background: url("../../img/staffs/page1-back.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.page1 .page-adapt{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page1content{
    width: 32.9375rem;
    height: 18.5rem;
    background: url("../../img/staffs/page1-content.png") no-repeat center;
    background-size: 100% 100%;
}
.page2{
    width: 100%;
    height: 50rem;
    background: #FAFAFB;
    position: relative;
}

.page2-cards-pmd,.page2-txtbox-pmd,.button-next-pmd,.button-prev-pmd{
    display: none;
}
.page2-title{
    width: 16.9375rem;
    height: 3.25rem;
    font-size: 4.5rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #000000;
    line-height: 3.25rem;
    letter-spacing: 0.1875rem;
    white-space: nowrap;
    position: absolute;
    margin-top: 4.9375rem;
    margin-left: 9.9375rem;
}
.page2-txt{
    width: 25.5rem;
    height: 3.75rem;
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.0625rem;
    text-indent: 2em;
    position: absolute;
    margin-left: 10rem;
    margin-top: 23.0625rem;
}
.page2-cards{
    width: 138.75rem;
    height: 31.25rem;
    display: flex;
    flex-direction: row;
    position: absolute;
    margin-top: 9.25rem;
    margin-left: 46.875rem;
}
.card1{
    width: 37.5rem;
    height: 31.25rem;
    background: url("../../img/staffs/page2-c1back.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-left: 8.75rem;
}
.card1-title{
    width: 10rem;
    height: 3.75rem;
    background: #346DFF;
    font-size: 1.875rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.125rem;
    padding-top: 0.8125rem;
    text-align: center;
    margin-left: 32.5rem;
    margin-top: 13.75rem;
}
.card2{
    width: 37.5rem;
    height: 31.25rem;
    background: url("../../img/staffs/page2-c2back.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-left: 55rem;
}
.card2-title{
    width: 10rem;
    height: 3.75rem;
    background: #346DFF;
    font-size: 1.875rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.125rem;
    padding-top: 0.8125rem;
    text-align: center;
    margin-left: 32.5rem;
    margin-top: 13.75rem;
}
.card3{
    width: 37.5rem;
    height: 31.25rem;
    background: url("../../img/staffs/page2-c3back.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-left: 101.25rem;
}
.card3-title{
    width: 10rem;
    height: 3.75rem;
    background: #346DFF;
    font-size: 1.875rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.125rem;
    padding-top: 0.8125rem;
    text-align: center;
    margin-left: 32.5rem;
    margin-top: 13.75rem;
}
.page2-txtbox{
    width: 25rem;
    height: 26.25rem;
    background: #0E235B;
    border-radius: 0.9375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-top: 18.75rem;
    margin-left: 40.6875rem;
}
.card1-txt,.card2-txt,.card3-txt
{
    width: 19.9375rem;
    /*height: 14.0625rem;*/
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.125rem;
    text-indent: 2em;
}
.card1-txt{
    display: inline;
}
.card2-txt{
    display: none;
}
.card3-txt{
    display: none;
}
.button-prev{
    width: 2.5625rem;
    height: 2.5rem;
    background: url("../../img/staffs/page2-btnp.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-top: 42.5rem;
    margin-left: 68.125rem;
}
.button-next{
    width: 2.5625rem;
    height: 2.5rem;
    background: url("../../img/staffs/page2-btnn.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-top: 42.5rem;
    margin-left: 75.6875rem;
}

.page3-pics-pmd,.pic-content-pmd{
    display: none;
}
.page3{
    width: 100%;
    height: 52.1875rem;
    background: #FFFFFF;
    background-size: 100% 100%;
    position: relative;
}
.page3-title{
    width: 14.25rem;
    height: 2.75rem;
    font-size: 3.75rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #000000;
    line-height: 2.75rem;
    letter-spacing: 0.125rem;
    white-space: nowrap;
    position: absolute;
    margin-top: 5rem;
    margin-left: 10rem;
}
.title-shadow{
    width: 26.875rem;
    height: 3.6875rem;
    font-size: 3.375rem;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #000000;
    opacity: 0.15;
    line-height: 3.6875rem;
    letter-spacing: 0.1875rem;
    margin-top: -1.875rem;
    white-space: nowrap;
}
.page3-pics{
    width: 100%;
    height: 20rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    perspective: 37.5rem;
    margin-top: 17.625rem;
}
.pic1{
    width: 15rem;
    height: 28.25rem;
    transform:rotateY(44deg);
}
.pic5{
    width: 15rem;
    height: 28.25rem;
    transform:rotateY(-44deg);
}
.pic2{
    width: 20.3125rem;
    height: 22.3rem;
    transform:rotateY(22deg);
}
.pic4{
    width: 20.3125rem;
    height: 22.3rem;
    transform:rotateY(-22deg);
}
.pic3{
    width: 30rem;
    height: 20rem;
    transform:rotateY(0deg);
}
.pic1,.pic2,.pic3,.pic4,.pic5{
position: absolute;
}
.pic1{
    background: url("../../img/staffs/page3-pic01.png") no-repeat center;
    background-size: 100% 100%;
    left: -6.5625rem;
}
.pic2{
    background: url("../../img/staffs/page3-pic02.png") no-repeat center;
    background-size: 100% 100%;
    left: 20rem;
}
.pic3{
    background: url("../../img/staffs/page3-pic03.png") no-repeat center;
    background-size: 100% 100%;
    left: 45rem;
}
.pic4{
    background: url("../../img/staffs/page3-pic04.png") no-repeat center;
    background-size: 100% 100%;
    right: 20rem;
}
.pic5{
    background: url("../../img/staffs/page3-pic05.png") no-repeat center;
    background-size: 100% 100%;
    right: -6.5625rem;
}
.pic-content{
    width: 15.1875rem;
    height: 1.3125rem;
    position: absolute;
    margin-left: 52.375rem;
    margin-top: 40.75rem;
}
.pic-txt{
    /*width: 15.1875rem;*/
    /*height: 1.3125rem;*/
    font-size: 1.75rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
}
.pic-pmdtxt{
    display: none;
}
.page4{
    width: 100%;
    height: 69.75rem;
    background: #FFFFFF;
    background-size: 100% 100%;
    position: relative;
}
.page4-part{
    width: 101.125rem;
    height:69.75rem;
    position: absolute;
    left: 12.5rem;
}
.page4-title{
    width: 14.1875rem;
    height: 2.75rem;
    font-size: 3.75rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #000000;
    line-height: 2.75rem;
    letter-spacing: 0.1875rem;
    white-space: nowrap;
    position: absolute;
    margin-top: 2.3125rem;
    margin-left: 0;
}

.infopart{
    width: 65.6875rem;
    height: 55.3125rem;
    background: #F7F7F9;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    margin-top: 10rem;
    margin-left: 0;
    position: absolute;
    /*top: 16.75rem;*/
    display: flex;
    flex-direction: column;
    overflow-y: auto;

}
.informations{
    width: 58rem;
    height: auto;
    margin-left: 1.5625rem;
}
.infotitle{
    width: 16.125rem;
    height: 3.125rem;
    font-size: 2.25rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 2.625rem;
    margin-top: 2.5625rem;
    margin-left: 2.8125rem;
    /*position: absolute;*/
    /*left: 2.8125rem;*/
    /*top: 2.5625rem;*/
}
.base{
    width: 11.8125rem;
    height: 1.875rem;
    display: flex;
    flex-direction: row;
    margin-left: 3.0625rem;
    margin-top: 1rem;
}
.baselable{
    width: 1.875rem;
    height: 1.875rem;
    background: url("../../img/staffs/baselable.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 0;
}
.baseinfo{
    width: 9.1875rem;
    height: 1.9375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
    margin-left: 0.6875rem;
}
.salary{
    width: 11.8125rem;
    height: 1.875rem;
    display: flex;
    flex-direction: row;
    margin-left: 3.0625rem;
    margin-top: 1rem;
}
.salarylable{
    width: 1.875rem;
    height: 1.875rem;
    background: url("../../img/staffs/Folder_file.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 0;
}
.salaryinfo{
    width: 9.1875rem;
    height: 1.9375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
    margin-left: 0.6875rem;
}
.duty{
    width: 8.8125rem;
    height: 1.875rem;
    display: flex;
    flex-direction: row;
    margin-left: 3.0625rem;
    margin-top: 1rem;
}
.dutylable{
    width: 1.875rem;
    height: 1.875rem;
    background: url("../../img/staffs/Form.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 0;

}
.dutyinfo1{
    width: 6.1875rem;
    height: 1.9375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
    margin-left: 0.6875rem;
}
.dutyinfo2{
    width: 60rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #515151;
    line-height: 2.3125rem;
    margin-top: 0.375rem;
    margin-left: 3.625rem;

}
.recruit{
    width: 8.8125rem;
    height: 1.875rem;
    display: flex;
    flex-direction: row;
    margin-left: 3.0625rem;
    margin-top: 1rem;
}
.requestlable{
    width: 1.875rem;
    height: 1.875rem;
    background: url("../../img/staffs/Message_open.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 0;
}
.requestinfo1{
    width: 6.1875rem;
    height: 1.9375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
    margin-left: 0.6875rem;
}
.requestinfo2{
    width: 60rem;
    /*height: 21.375rem;*/
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #515151;
    line-height: 2.3125rem;
    margin-top: 0.375rem;
    margin-left: 3.625rem;
}

.buttons{
    width: 30rem;
    height: 55.125rem;
    position: absolute;
    margin-left: 71.3125rem;
    margin-top: 10rem;
}


.job1{
    width: 30rem;
    height: 15.625rem;
    background: #5076FD;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    opacity: 1;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.job1-lable-2{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/software-yes.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job1-lable{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/software-no.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job1-describe{
    width: 16.125rem;
    height: 4.375rem;
    font-size: 2.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.625rem;
    position: relative;
    margin-left: 1.9375rem;
}
.de1{
    position: absolute;
    top: 0;
}
.de2{
    position: absolute;
    bottom: 0;
}
.job2{
    width: 30rem;
    height: 15.625rem;
    background: #F7F7F9;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    opacity: 1;
    margin-top: 4.125rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.job2-lable{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/web-no.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job2-lable-2{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/web-yes.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job2-describe{
    width: 16.125rem;
    height: 4.375rem;
    font-size: 2.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #5076FD;
    line-height: 1.625rem;
    position: relative;
    margin-left: 1.9375rem;
}
.job3{
    width: 30rem;
    height: 15.625rem;
    background: #F7F7F9;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    opacity: 1;
    margin-top: 4.125rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.job3-lable{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/design-no.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job3-lable-2{
    width: 6.375rem;
    height: 6.375rem;
    background: url("../../img/staffs/design-yes.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
}
.job3-describe{
    width: 16.125rem;
    height: 4.375rem;
    font-size: 2.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #5076FD;
    line-height: 1.625rem;
    position: relative;
    margin-left: 1.9375rem;
}
.page5{
    width: 100%;
    height: 25.4375rem;
    background: url("../../img/staffs/resumedeliveryback.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.page5-part{
    width: 98.5625rem;
    height: 25.4375rem;
    position: absolute;
    left: 9.625rem;
}
.rectanglebar{
    width: 2.5rem;
    height: 0.625rem;
    background: linear-gradient(360deg, #FBE83E 0%, #FFB877 100%);
    position: absolute;
    top: 6.5rem;
}
.invitetitle{
    width: 27.625rem;
    height: 5.5rem;
    font-size: 3rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.8125rem;
    /*background: url("../../img/staffs/invitetitle.png") no-repeat center;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    left: 2.8125rem;
    top: 5.3125rem;
}
.deliveryway{
    width: 95.875rem;
    height: 6.1875rem;
    position: absolute;
    left: 2.5rem;
    bottom: 5.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.telephone{
    width: 17.1875rem;
    height: 2.25rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.3125rem;
}
.e-mail{
    width: 19.5rem;
    height: 2.25rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.3125rem;
    margin-left: 15.8125rem;
}
.otherways{
    width: 7.875rem;
    height: 2.25rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 2.3125rem;
    margin-left: 15.8125rem;
}
.way1{
    width: 7.875rem;
    height: 6.1875rem;
    background: url("../../img/staffs/58tongcheng.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: 0;
}
.way2{
    width: 9.875rem;
    height: 5.9375rem;
    background: url("../../img/staffs/BOSSzhipin.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: 1.9375rem;
}

.footer {
    height: 35rem
}