@media screen and (max-width: 62rem){
    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{
        width: 100%;
        height: 100%;
        position: relative;
        margin: auto;
    }
    .page1{
        width: 100%;
        height: 13.125rem;
        background: url("../../img/staffs/page1-pmdback.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: 12.875rem;
        height: 7.25rem;
        background: url("../../img/staffs/page1-content.png") no-repeat center;
        background-size: 100% 100%;
    }

    .page2-cards,.page2-txtbox,.button-next,.button-prev{
        display: none;
    }

    .page2{
        width: 100%;
        height: 22.375rem;
        background: #FFFFFF;
        position: relative;
    }
    .page2-title{
        width: 4.75rem;
        height: 0.9375rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #000000;
        line-height: 1rem;
        letter-spacing: 0.0625rem;
        white-space: nowrap;
        position: absolute;
        margin-top: 1.25rem;
        margin-left: 1.1875rem;
    }
    .page2-txt{
        width: 20.9375rem;
        height: 1.75rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #000000;
        letter-spacing: 0.03125rem;
        text-indent: 2em;
        position: absolute;
        margin-left: 1.25rem;
        margin-top: 2.75rem;
    }
    .page2-cards-pmd{
        width: 13.75rem;
        height: 11.25rem;
        display: flex;
        flex-direction: row;
        position: absolute;
        margin-top: 5.5rem;
        margin-left: 6.6875rem;
    }
    .card1-pmd{
        width: 13.75rem;
        height: 11.25rem;
        background: url("../../img/staffs/page2-c1back.png") no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        margin-left: 0;
        z-index: 1000;
    }
    .card1-title{
        width: 3.75rem;
        height: 1.375rem;
        background: #346DFF;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.75rem;
        padding-top: 0.375rem;
        text-align: center;
        margin-left: 11.75rem;
        margin-top: 5rem;
    }
    .card2-pmd{
        width: 13.75rem;
        height: 11.25rem;
        background: url("../../img/staffs/page2-c2back.png") no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        margin-left: 0;
        z-index: 100;
    }
    .card2-title{
        width: 3.75rem;
        height: 1.375rem;
        background: #346DFF;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.75rem;
        padding-top: 0.375rem;
        text-align: center;
        margin-left: 11.75rem;
        margin-top: 5rem;
    }
    .card3-pmd{
        width: 13.75rem;
        height: 11.25rem;
        background: url("../../img/staffs/page2-c3back.png") no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        margin-left: 0;
        z-index: 10;
    }
    .card3-title{
        width: 3.75rem;
        height: 1.375rem;
        background: #346DFF;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.75rem;
        padding-top: 0.375rem;
        text-align: center;
        margin-left: 11.75rem;
        margin-top: 5rem;
    }
    .page2-txtbox-pmd{
        width: 10rem;
        height: 10rem;
        background: #0E235B;
        border-radius: 0.9375rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        margin-top: 9.25rem;
        margin-left: 1.25rem;
        z-index: 10000;
    }
    .card1-txt-pmd,.card2-txt-pmd,.card3-txt-pmd
    {
        width: 8.75rem;
        /*height: 8.625rem;*/
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.875rem;
        text-indent: 2em;
    }
    .card1-txt-pmd{
        display: inline;
    }
    .card2-txt-pmd{
        display: none;
    }
    .card3-txt-pmd{
        display: none;
    }
    .button-prev-pmd{
        width: 1.25rem;
        height: 1.25rem;
        background: url("../../img/staffs/page2-btnp.png") no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        margin-top: 20.5rem;
        margin-left: 8.5625rem;
        display: block;
    }
    .button-next-pmd{
        width: 1.25rem;
        height: 1.25rem;
        background: url("../../img/staffs/page2-btnn.png") no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        margin-top: 20.5rem;
        margin-left: 13.5625rem;
        display: block;
    }

    .page3-pics,.pic-content{
        display: none;
    }

    .page3{
        width: 100%;
        height: 17.75rem;
        background: #FFFFFF;
        background-size: 100% 100%;
        position: relative;
    }
    .page3-title{
        width: 4.8125rem;
        height: 0.9375rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #000000;
        line-height: 1rem;
        letter-spacing: 0.0625rem;
        white-space: nowrap;
        position: absolute;
        margin-top: 1.25rem;
        margin-left: 1.25rem;
    }
    .title-shadow{
        width: 10rem;
        height: 1.4375rem;
        font-size: 1.25rem;
        font-family: Source Han Sans CN;
        font-weight: 800;
        color: #000000;
        opacity: 0.15;
        line-height: 1.4375rem;
        letter-spacing: 0.0625rem;
        margin-top: -0.8125rem;
        white-space: nowrap;
    }
    .page3-pics-pmd{
        width: 80rem;
        height: 10rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        perspective: -1rem;
        margin-top: 4.0625rem;
        margin-left: 4.25rem;
    }
    .pic1-pmd,.pic2-pmd,.pic3-pmd,.pic4-pmd,.pic5-pmd{
        width: 15rem;
        height: 10rem;
        transform:rotateY(0deg);
        position: absolute;
    }
    .pic1-pmd{
        background: url("../../img/staffs/page3-pic01.png") no-repeat center;
        background-size: 100% 100%;
        left: 0;
        right: auto;
    }
    .pic2-pmd{
        background: url("../../img/staffs/page3-pic02.png") no-repeat center;
        background-size: 100% 100%;
        left: 16.25rem;
        right: auto;
    }
    .pic3-pmd{
        background: url("../../img/staffs/page3-pic03.png") no-repeat center;
        background-size: 100% 100%;
        left: 32.5rem;
        right: auto;
    }
    .pic4-pmd{
        background: url("../../img/staffs/page3-pic04.png") no-repeat center;
        background-size: 100% 100%;
        left: 48.75rem;
        right: auto;
    }
    .pic5-pmd{
        background: url("../../img/staffs/page3-pic05.png") no-repeat center;
        background-size: 100% 100%;
        left: 65rem;
        right: auto;
    }
    .change{
        animation: rotate 25s linear infinite;
        animation-direction: alternate;
    }
    @keyframes rotate {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-65rem);
        }
    }
    .pic-content-pmd{
        width: 80rem;
        height: 1.3125rem;
        position: absolute;
        margin-left: 4.25rem;
        margin-top: 14.375rem;
        display: none;
    }
    .pic-txt{
        /*width: 15.1875rem;*/
        /*height: 1.3125rem;*/
        font-size: 1.75rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #000000;
        text-align: center;
        display: none;
    }
    .pic-pmdtxt{
        width: 80rem;
        height: 0.9375rem;
        position: absolute;
        left: 0;
        display: flex;
        flex-direction: row;
    }
    .span1,.span2,.span3,.span4,.span5{
        width: 15rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #000000;
        line-height: 1rem;
        text-align: center;
        position: relative;
        margin-left: 1.25rem;
    }
    .span1{
        margin-left: 0;
    }
    .page4{
        width: 100%;
        height: 37.875rem;
        background: #FFFFFF;
        background-size: 100% 100%;
        position: relative;
    }
    .page4-part{
        width: 100%;
        height: 100%;
        position: absolute;
        left: auto;
    }
    .page4-title{
        width: 4.75rem;
        height: 0.9375rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #000000;
        line-height: 1rem;
        letter-spacing: 0.0625rem;
        white-space: nowrap;
        position: absolute;
        margin-top: 1.25rem;
        margin-left: 1.25rem;
    }
    .infopart{
        width: 20.9375rem;
        height: 28.8125rem;
        background: #F7F7F9;
        border-radius: 0.9375rem;
        position: absolute;
        margin-top: 8.1875rem;
        margin-left: 1.25rem;
        /*top: 16.75rem;*/
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }
    .infotitle{
        width: 6.9375rem;
        height: 1rem;
        font-size: 1rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #000000;
        line-height: 1rem;
        margin-top: 0.625rem;
        margin-left: 0.625rem;
        white-space: nowrap;
        /*position: absolute;*/
        /*left: 2.8125rem;*/
        /*top: 2.5625rem;*/
    }
    .base{
        width: 5rem;
        height: 0.75rem;
        display: flex;
        flex-direction: row;
        margin-left: 0.625rem;
        margin-top: 0.3125rem;
    }
    .baselable{
        width: 0.75rem;
        height: 0.75rem;
        background: url("../../img/staffs/baselable.png") no-repeat center;
        background-size: 100% 100%;
        margin: 0 0;
    }
    .baseinfo{
        width: 4rem;
        height: 0.75rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #000000;
        line-height: 0.75rem;
        margin-left: 0.3125rem;
        white-space: nowrap;
    }
    .salary{
        width: 5rem;
        height: 0.75rem;
        display: flex;
        flex-direction: row;
        margin-left: 0.625rem;
        margin-top: 0.3125rem;
    }
    .salarylable{
        width: 0.75rem;
        height: 0.75rem;
        background: url("../../img/staffs/Folder_file.png") no-repeat center;
        background-size: 100% 100%;
        margin: 0 0;
    }
    .salaryinfo{
        width: 4rem;
        height: 0.75rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #000000;
        line-height: 0.75rem;
        margin-left: 0.3125rem;
        white-space: nowrap;
    }
    .duty{
        width: 5rem;
        height: 0.75rem;
        display: flex;
        flex-direction: row;
        margin-left: 0.625rem;
        margin-top: 0.3125rem;
    }
    .dutylable{
        width: 0.75rem;
        height: 0.75rem;
        background: url("../../img/staffs/Form.png") no-repeat center;
        background-size: 100% 100%;
        margin: 0 0;

    }
    .dutyinfo1{
        width: 4rem;
        height: 0.75rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #000000;
        line-height: 0.75rem;
        margin-left: 0.3125rem;
        white-space: nowrap;
    }
    .dutyinfo2{
        width: 19rem;
        /*height: 6.8125rem;*/
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #515151;
        line-height: 1rem;
        margin-top: 0.3125rem;
        margin-left: 0.875rem;
    }
    .recruit{
        width: 5rem;
        height: 0.75rem;
        display: flex;
        flex-direction: row;
        margin-left: 0.625rem;
        margin-top: 0.3125rem;
    }
    .requestlable{
        width: 0.75rem;
        height: 0.75rem;
        background: url("../../img/staffs/Message_open.png") no-repeat center;
        background-size: 100% 100%;
        margin: 0 0;
    }
    .requestinfo1{
        width: 4rem;
        height: 0.75rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #000000;
        line-height: 0.75rem;
        margin-left: 0.3125rem;
        white-space: nowrap;
    }
    .requestinfo2{
        width: 19rem;
        /*height: 10.75rem;*/
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #515151;
        line-height: 1rem;
        margin-top: 0.3125rem;
        margin-left: 0.875rem;
    }
    .buttons{
        width: 20.875rem;
        height: 3.125rem;
        position: absolute;
        display: flex;
        flex-direction: row;
        margin-left: 1.25rem;
        margin-top: 3.8125rem;
    }
    .job1{
        width: 6.75rem;
        height: 3.125rem;
        background: #5076FD;
        border-radius: 0.9375rem;
        opacity: 1;
        margin-top: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .job1-lable-2{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/software-yes.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job1-lable{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/software-no.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job1-describe{
        width: 4.375rem;
        height: 1.25rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.3125rem;
        position: relative;
        margin-left: 0.3125rem;
    }
    .de1{
        position: absolute;
        top: 0;
    }
    .de2{
        position: absolute;
        bottom: 0;
    }
    .job2{
        width: 6.75rem;
        height: 3.125rem;
        background: #F7F7F9;
        border-radius: 0.9375rem;
        opacity: 1;
        margin-top: 0;
        margin-left: 0.3125rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .job2-lable{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/web-no.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job2-lable-2{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/web-yes.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job2-describe{
        width: 4.375rem;
        height: 1.25rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #5076FD;
        line-height: 0.3125rem;
        position: relative;
        margin-left: 0.3125rem;
    }
    .job3{
        width: 6.75rem;
        height: 3.125rem;
        background: #F7F7F9;
        border-radius: 0.9375rem;
        opacity: 1;
        margin-top: 0;
        margin-left: 0.3125rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .job3-lable{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/design-no.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job3-lable-2{
        width: 1.5rem;
        height: 1.5rem;
        background: url("../../img/staffs/design-yes.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.6875rem;
    }
    .job3-describe{
        width: 4.375rem;
        height: 1.25rem;
        font-size: 0.75rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #5076FD;
        line-height: 0.3125rem;
        position: relative;
        margin-left: 0.3125rem;
    }
    .page5{
        width: 100%;
        height: 12.3125rem;
        background: url("../../img/staffs/page5-pmdback.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    .page5-part{
        width:100%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .rectanglebar{
        width: 0.8125rem;
        height: 0.25rem;
        background: linear-gradient(360deg, #FBE83E 0%, #FFB877 100%);
        border-radius: 0rem 0rem 0rem 0rem;
        position: absolute;
        left: 1.625rem;
        top: 2.1875rem;
    }
    .invitetitle{
        width: 9.25rem;
        height: 1.9375rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        /*background: url("../../img/staffs/invitetitle.png") no-repeat center;*/
        /*background-size: 100% 100%;*/
        position: absolute;
        left: 2.8125rem;
        top: 1.3125rem;
    }
    .deliveryway{
        width: 20.125rem;
        height: 5.125rem;
        position: absolute;
        left: 1.6875rem;
        bottom: 1.875rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: initial;
    }
    .telephone{
        width: 9.6875rem;
        height: 1.0625rem;
        font-size: 0.875rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.3125rem;
        position: relative;
        margin-left: 0;
        margin-top: 0;
    }
    .e-mail{
        width: 9.4375rem;
        height: 1.125rem;
        font-size: 0.875rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.3125rem;
        position: relative;
        margin-left: 1rem;
        margin-top: 0;
    }
    .otherways{
        width: 5.0625rem;
        height: 1.125rem;
        font-size: 0.875rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.3125rem;
        position: relative;
        margin-left: -19.9375rem;
        margin-top: 3rem;
    }
    .way1{
        width: 4.25rem;
        height: 3.3125rem;
        background: url("../../img/staffs/58tongcheng.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 2.3125rem;
        margin-top: 1.875rem;
    }
    .way2{
        width: 5.3125rem;
        height: 3.1875rem;
        background: url("../../img/staffs/BOSSzhipin.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
        margin-left: 2.6875rem;
        margin-top: 1.9375rem;
    }
    .footer{
        height: 50.5rem;
    }
}