* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
*:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.full-page-view .page-section-index .main-video {
    /* position: absolute;
    top: 80px; */
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.full-page-view .page-section-index .main-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    background: #fff
}

.full-page-view .page-section-index {
    position: relative;
    z-index: 2
}

.full-page-view .page-section-index .des-list {
    overflow: hidden;
    margin-top: 10px
}

.full-page-view .page-section-index .page-section-inner {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0 auto
}

.full-page-view .page-section-index .des-list li {
    float: left;
    font-size: 20px;
    color: #4f638f;
    line-height: 30px;
    font-weight: 400
}

.full-page-view .page-section-index .des-list li img {
    margin-right: 5px;
}

.full-page-view .page-section-index .des-list li+li {
    margin-left: 52px
}

.full-page-view .page-section-index .app-slogan-icon {
    background: url(../images/download_app/sirwaoy4xr1648199743676.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background-size: 64px auto
}

.full-page-view .page-section-index .app-slogan-icon.app-slogan-icon {
    background-position: 0 -76px
}

.full-page-view .page-section-index .app-slogan-icon.good-company-icon {
    background-position: 0 -111px
}

.full-page-view .page-section-index .app-slogan-icon.accurate-match-icon {
    background-position: 0 -147px
}

.full-page-view .page-section-index .app-slogan-icon.sea-job-icon {
    background-position: 0 -182px
}

.full-page-view .page-section-index .boss-app-slogan .app-download-area {
    overflow: hidden;
    margin-top: 30px
}

.full-page-view .page-section-index .boss-app-slogan .title {
    font-size: 74px;
    font-weight: bolder;
    color: #333;
    line-height: 92px
}

.full-page-view .page-section-index .boss-app-slogan .title em {
    font-style: normal;
    font-weight: 700;
    color: #4f638f
}
.full-page-view .page-section-index .boss-app-slogan .btn-download {
    position: relative;
    display: block;
    width: 142px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    background: rgba(255, 255, 255, .5);
    transition: all .2s linear;
    padding: 0 20px;
    text-align: left;
    border: 2px solid #fff;
    border-radius: 10px;
    box-sizing: content-box;
}

.full-page-view .page-section-index .boss-app-slogan .btn-download:hover {
    background: #fff
}

.full-page-view .page-section-index .boss-app-slogan .btn-download-icon {
    background: url(../images/download_app/sirwaoy4xr1648199743676.png);
    display: inline-block;
    width: 26px;
    height: 32px;
    overflow: hidden;
    background-size: 79px auto;
    vertical-align: middle;
    margin-right: 17px;
    position: relative;
    top: -2px
}

.full-page-view .page-section-index .boss-app-slogan .btn-download-icon.download-ios-icon {
    background-position: 30px -91px;
    top: -4px
}

.full-page-view .page-section-index .boss-app-slogan .btn-download-icon.download-android-icon {
    background-position: 30px -135px
}

.full-page-view .page-section-index .boss-app-slogan .btn-download+.btn-download {
    margin-top: 15px
}

.full-page-view .page-section-index .boss-app-slogan .app-qrcode {
    float: left;
    border-radius: 10px;
    margin-left: 20px
}

.full-page-view .page-section-index .boss-app-slogan .app-qrcode img {
    display: block;
    width: 121px;
    height: 121px;
    border-radius: 10px
}

.full-page-view .page-section-index .boss-app-slogan .app-download-area {
    overflow: hidden;
    margin-top: 30px
}

.full-page-view .page-section-index .boss-app-slogan .title {
    font-size: 74px;
    font-weight: bolder;
    color: #333;
    line-height: 92px
}

.full-page-view .page-section-index .boss-app-slogan .title em {
    font-style: normal;
    font-weight: 700;
    color: #4f638f
}

.full-page-view .page-section-index .boss-app-slogan .app-btns {
    float: left
}

.full-page-view .page-section-index .boss-app-slogan .app-qrcode {
    float: left;
    border-radius: 10px;
    margin-left: 20px
}

.full-page-view .page-section-index .boss-app-slogan .app-qrcode img {
    display: block;
    width: 121px;
    height: 121px;
    border-radius: 10px
}

.full-page-view .page-section-direcruit {
    position: relative;
    background: linear-gradient(270deg, #f8fdff 0, rgba(242, 250, 255, 0) 100%)
}

.full-page-view .page-section-direcruit:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 118px;
    margin-top: -59px;
    background: #63bfbc;
    border-radius: 7px 0 0 7px;
    z-index: 1
}

.full-page-view .page-section-direcruit .page-section-inner {
    text-align: center
}

.full-page-view .page-section-direcruit .section-direcruit-left {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: middle
}

.full-page-view .page-section-direcruit .section-direcruit-right {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.full-page-view .page-section-direcruit .online-chat-image {
    height: 582px;
    width: 330px;
    margin-right: 238px;
    background: url(../images/index/download_t1.png) center/cover no-repeat
}

.full-page-view .page-section-direcruit .online-chat-block {
    position: absolute;
    left: 154px;
    top: 50%;
    margin-top: -160px;
    height: 344px;
    width: 334px;
    z-index: 1
}

.full-page-view .page-section-direcruit .online-chat-block .chat-block-image {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1
}

.full-page-view .page-section-direcruit .online-chat-block .chat-block-image:nth-child(1) {
    width: 220px;
    height: 220px;
    background: rgba(255,255,255,.6);
    border-radius: 16px;
    margin-top: -129px;
    z-index: 1;
    left: 16px;
    box-shadow: 0 0 3px 3px rgb(235 235 235 / 70%);
}

.full-page-view .page-section-direcruit .online-chat-block .chat-block-image:nth-child(2) {
    width: 270px;
    height: 270px;
    background: rgba(255,255,255,.6);
    border-radius: 16px;
    margin-top: -146px;
    left: 28px;
    z-index: 2;
    box-shadow: 0 0 3px 3px rgb(235 235 235 / 70%);
}

.full-page-view .page-section-direcruit .online-chat-block .chat-block-image:nth-child(3) {
    margin-top: -162px;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,.6);
    border-radius: 16px;
    left: 52px;
    z-index: 3;
    box-shadow: 0 0 3px 3px rgb(235 235 235 / 70%);
}

.full-page-view .page-section-direcruit .online-chat-list {
    width: 322px;
    height: 300px;
    position: absolute;
    top: 10px;
    left: 32px;
    z-index: 4;
    overflow: hidden
}

.full-page-view .page-section-direcruit .online-chat-list ul {
    padding: 10px 30px
}

.full-page-view .page-section-direcruit .online-chat-list li {
    display: block;
    width: 50%;
    text-align: center;
    margin-bottom: 16px;
}

.full-page-view .page-section-direcruit .online-chat-list li.left {
    float: left
}

.full-page-view .page-section-direcruit .online-chat-list li.right {
    float: right
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-1 {
    width: 227px;
    background-position: -119px -78px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-2 {
    width: 102px;
    background-position: -96px -48px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-3 {
    background-position: 0 -258px;
    width: 228px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-4 {
    background-position: 0 -228px;
    width: 228px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-5 {
    background-position: 0 -48px;
    width: 96px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-6 {
    background-position: 0 -198px;
    width: 209px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-7 {
    background-position: 0 -288px;
    width: 231px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-8 {
    background-position: 0 -78px;
    width: 119px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-9 {
    background-position: 0 0;
    width: 230px;
    height: 48px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-10 {
    background-position: 0 -138px;
    width: 157px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-11 {
    background-position: 0 -168px;
    width: 204px
}

.full-page-view .page-section-direcruit .online-chat-block .online-chat-list .online-chat-12 {
    background-position: 0 -108px;
    width: 138px
}

.full-page-view .page-section-direcruit .direcruit-slogan-image {
    display: inline-block;
    width: 300px;
    height: 130px;
    background: url(../images/index/tp_zrc.png) center/cover no-repeat
}

.full-page-view .page-section-direcruit .direcruit-slogan-mask {
    position: absolute;
    right: 105px;
    top: 0px;
    width: 1050px;
    height: 550px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: 0.5s ease;
    -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(right,rgba(239,242,249),rgba(240,243,250));
    transform: rotate(-188deg);
    z-index: -1;
}

.full-page-view .page-section-direcruit .direcruit-desc {
    position: relative;
    z-index: 2;
    line-height: 30px;
    margin-top: 10px;
    text-align: left;
    color: #979797;
    font-size: 24px
}

.full-page-view .page-section-direcruit .direcruit-left-image {
    position: absolute;
    left: -190px;
    bottom: 50px;
    width: 190px;
    height: 130px;
    z-index: 1
}

.full-page-view .page-section-direcruit .online-exchange {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: 169px;
    height: 125px;
    width: 431px;
    z-index: 1
}

.full-page-view .page-section-company {
    position: relative;
    background: url(../images/download_app/k2anjkedg91648445782109.png) center 169px/100% auto no-repeat, linear-gradient(360deg, #fff 0, #f2faff 100%)
}

.full-page-view .page-section-company:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 118px;
    margin-top: -59px;
    background: #63bfbc;
    border-radius: 0 7px 7px 0;
    z-index: 1
}

.full-page-view .page-section-company .page-section-inner {
    text-align: center
}

.full-page-view .page-section-company .section-company-left {
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: middle
}

.full-page-view .page-section-company .company-slogan-image {
    display: inline-block;
    width: 310px;
    height: 131px;
    background: url(../images/index/tp_zrc.png) center/cover no-repeat
}

.full-page-view .page-section-company .company-slogan-mask {
    position: absolute;
    height: 544px;
    width: 1857px;
    top: 4px;
    right: -704px;
    z-index: 1;
    background: url(../images/download_app/55gokhrjgd1648195220778.png) center/cover no-repeat
}

.full-page-view .page-section-company .company-slogan-desc {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 400;
    color: #979797;
    line-height: 30px;
    margin-top: 00px
}

.full-page-view .page-section-company .section-company-right {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    width: 589px;
    height: 367px;
    background: url(../images/download_app/qbse96z0ph1648433576747.png) center/100% auto no-repeat
}

.full-page-view .page-section-company .company-triangle-mask {
    height: 367px;
    width: 589px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/download_app/mbrg0al4en1648434187935.png) center/cover no-repeat;
    z-index: 1
}

.full-page-view .page-section-company .company-logo-list {
    position: relative;
    z-index: 2;
    width: 483px;
    margin: 118px auto 0
}

.full-page-view .page-section-company .company-logo-list li {
    float: left;
    width: 153px;
    height: 52px;
    margin: 4px;
    box-shadow: 0 7px 20px 0 rgba(186, 220, 233, .49);
    border-radius: 7px;
    background: url(../images/download_app/ahpy4kmb4c1648694052054.png) 0 0/307px 310px no-repeat
}

.full-page-view .page-section-company .company-logo-list .company-logo-1 {
    background-position: 0 -104px
}

.full-page-view .page-section-company .company-logo-list .company-logo-2 {
    background-position: 0 -156px
}

.full-page-view .page-section-company .company-logo-list .company-logo-3 {
    background-position: -153px -104px
}

.full-page-view .page-section-company .company-logo-list .company-logo-4 {
    background-position: 0 -208px
}

.full-page-view .page-section-company .company-logo-list .company-logo-5 {
    background-position: -153px 0
}

.full-page-view .page-section-company .company-logo-list .company-logo-6 {
    background-position: 0 0
}

.full-page-view .page-section-company .company-logo-list .company-logo-7 {
    background-position: -153px -52px
}

.full-page-view .page-section-company .company-logo-list .company-logo-8 {
    background-position: 0 -52px
}

.full-page-view .page-section-company .company-logo-list .company-logo-9 {
    background-position: -153px -156px
}

.full-page-view .page-section-company .company-logo-list .company-logo-10 {
    background-position: 0 -259px
}

.full-page-view .page-section-company .company-logo-list .company-logo-11 {
    background-position: -153px -259px
}

.full-page-view .page-section-company .company-logo-list .company-logo-12 {
    background-position: -152px -208px
}

.full-page-view .page-section-accurate {
    position: relative;
    background: linear-gradient(339deg, #fff 0, #f2faff 100%)
}

.full-page-view .page-section-accurate:before {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 118px;
    margin-top: -59px;
    background: #63bfbc;
    border-radius: 7px 0 0 7px;
    z-index: 1
}

.full-page-view .page-section-accurate .page-section-inner {
    text-align: center
}

.full-page-view .page-section-accurate .section-accurate-left {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 295px;
    z-index: 3
}

.full-page-view .page-section-accurate .accurate-left-phone {
    display: block;
    width: 255px;
    height: 482px;
    background: url(../images/index/tp_down_libg.png) center/cover no-repeat
}

.full-page-view .page-section-accurate .accurate-left-job {
    position: absolute;
    bottom: 50px;
    left: 155px;
    z-index: 1
}

.full-page-view .page-section-accurate .accurate-left-job .accurate-job-image {
    display: block;
    margin-top: 16px
}

.full-page-view .page-section-accurate .accurate-job-1 {
    width: 273px;
    height: 87px;
    background: url(../images/index/li1.png) center/cover no-repeat
}

.full-page-view .page-section-accurate .accurate-job-2 {
    width: 273px;
    height: 87px;
    background: url(../images/index/li2.png) center/cover no-repeat
}

.full-page-view .page-section-accurate .accurate-job-3 {
    width: 273px;
    height: 87px;
    background: url(../images/index/li3.png) center/cover no-repeat
}

.full-page-view .page-section-accurate .accurate-slogan-image {
    height: 129px;
    width: 379px;
    background: url(../images/index/tp_xykg.png) center/cover no-repeat
}

.full-page-view .page-section-accurate .accurate-slogan-mask {
    position: absolute;
    right: 105px;
    top: 0px;
    z-index: 1;
    width: 1050px;
    height: 550px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: 0.5s ease;
    -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(left,rgba(239,242,249,.5),rgba(240,243,250));
    transform: rotate(-195deg);
}

.full-page-view .page-section-accurate .accurate-slogan-desc {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 400;
    color: #979797;
    line-height: 30px;
    margin-top: 10px
}

.full-page-view .page-section-accurate .section-accurate-right {
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: middle
}

.full-page-view .page-section-sea {
    position: relative;
    background: url(../images/download_app/kfs2wtry4z1648451823050.png) center 169px/auto 207px no-repeat, linear-gradient(180deg, #f8fdff 0, #f2faff 100%)
}

.full-page-view .page-section-sea:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 118px;
    margin-top: -59px;
    background: #63bfbc;
    border-radius: 0 7px 7px 0;
    z-index: 1
}

.full-page-view .page-section-sea .page-section-inner {
    text-align: center
}

.full-page-view .page-section-sea .section-sea-left {
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-right: 41px
}

.full-page-view .page-section-sea .sea-slogan-image {
    display: inline-block;
    height: 91px;
    width: 470px;
    background: url(../images/index/tp_cxkk.png) center/cover no-repeat
}

.full-page-view .page-section-sea .sea-slogan-mask {
    position: absolute;
    right: -200px;
    top: 80px;
    z-index: 1;
    width: 1050px;
    height: 550px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: 0.5s ease;
    -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(right,rgba(239,242,249,.5),rgba(240,243,250));
    transform: rotate(195deg);
}

.full-page-view .page-section-sea .sea-slogan-desc {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 400;
    color: #979797;
    line-height: 30px;
    margin-top: 10px;
    text-align: left
}

.full-page-view .page-section-sea .section-sea-right {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 676px;
    z-index: 2
}

.full-page-view .page-section-sea .sea-image-list li {
    float: left;
    width: 182px;
    height: 78px;
    margin: 12px 14px;
    border-radius: 15px;
    box-shadow: 0 2px 16px 0 rgba(195, 224, 235, .8);
    background: url(../images/index/qytp.png) 0 0/182px auto no-repeat
}

.full-page-view .page-section-sea .sea-image-list .sea-image-1 {
    background-position: 0 -780px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-2 {
    background-position: 0 -858px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-3 {
    background-position: 0 -624px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-4 {
    background-position: 0 -702px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-5 {
    background-position: 0 -546px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-6 {
    background-position: 0 -468px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-7 {
    background-position: 0 -390px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-8 {
    background-position: 0 -312px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-9 {
    background-position: 0 -234px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-10 {
    background-position: 0 -156px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-11 {
    background-position: 0 -78px
}

.full-page-view .page-section-sea .sea-image-list .sea-image-12 {
    background-position: 0 0
}

.full-page-view .page-section-sea .sea-image-list .sea-image-1,
.full-page-view .page-section-sea .sea-image-list .sea-image-7 {
    margin-left: 56px
}
.full-page-view .page-section .page-section-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-left: -600px;
    width: 1200px;
    z-index: 1;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    background: #ff9829;
    opacity: 1;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    width: 8px;
    height: 8px;
    background: #ff9829;
    opacity: .3;
    margin: -4px 0 0 -4px;
}
#fp-nav.right {
    right: 17px
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-auto-height .fp-tableCell {
    display: block;
}
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}