@media screen and (max-width: 950px) {
  .ygcyy {
    padding-left: 0 !important;
  }
  .partner {
    padding: 40px 0 !important;
  }
  .fl {
    width: 100% !important;
  }
  .fr {
    width: 100% !important;
    margin-top: 20px;
  }
  .fl::after {
    content: '';
    display: none !important;
  }
  .fr-item img {
    width: 90% !important;
  }
  .ft1 {
    width: 100% !important;
    text-align: center;
  }
  .ft1a {
    justify-content: center;
  }
  .ft2 {
    width: 50% !important;
    padding-left: 18%;
    margin-top: 20px;
  }

  .intro-num,
  .title-num {
    font-size: 40px !important;
  }
  .num-type,
  .title-type {
    font-size: 24px !important;
  }
  .i2 {
    font-size: 30px !important;
  }
  .ti2 img {
    width: 30px !important;
    margin-top: 5px !important;
  }
  .is-item {
    width: 31.3333333333% !important;
  }

  .jz-content {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1043px) and (max-width: 1199px) {
  .prod-center {
    top: 141px !important;
  }
  .customers-cate {
    top: 169px !important;
  }
  .about-section {
    top: 191px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .wrap {
    width: 100% !important;
    padding: 0 20px;
  }
  .is-item {
    width: 23% !important;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media screen and (min-width: 520px) and (max-width: 1042px) {
  .prod-center {
    top: 86px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1042px) {
  .about-section {
    top: 136px !important;
  }
}
@media screen and (max-width: 1290px) {
  .noticeBar-content {
    width: 100% !important;
  }
}
@media screen and (max-width: 1199px) {
  .header {
    width: 100% !important;
    padding: 0 20px;
  }
  .noticeBar {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1240px) {
  .bnimg {
    height: 400px !important;
  }
}
@media screen and (max-width: 999px) {
  .bnimg {
    height: 300px !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    width: 100% !important;
    padding: 0 15px;
  }

  .about-section {
    top: 113px !important;
  }

  .companys {
    padding-top: 45px !important;
  }
  .company-logos {
    margin-top: 20px !important;
  }

  .page-title h4 {
    font-size: 30px !important;
    line-height: 48px !important;
  }

  .enquiry-right {
    margin-top: 30px;
  }
  .to-use {
    padding: 15px !important;
  }
  .to-use h4 {
    font-size: 16px !important;
  }

  .enquiry-item {
    padding: 30px 0 20px !important;
  }

  .enquiry-item img {
    width: 124px !important;
    height: 80px;
    margin-right: 20px !important;
  }
  .enquiry-text a {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .enquiry-text p {
    line-height: 24px !important;
  }

  .hxjz-item {
    padding: 20px 10px !important;
  }

  .about-progress a {
    padding: 13px 0 !important;
    width: 33.3333% !important;
  }

  .about-progress img {
    margin-right: 10px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .about-progress span {
    font-size: 16px !important;
  }

  .customers-cate {
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 15px !important;
  }
  .customers-cate h4 {
    margin-bottom: 10px;
  }

  .info-right h3 {
    font-size: 24px !important;
  }

  .difficulty-item {
    flex-basis: 48% !important;
  }

  .scenes-item {
    flex-basis: 47% !important;
    margin-bottom: 30px;
  }

  #swiper2 .swiper-slide {
    width: 100% !important;
    height: 230px !important;
  }
  .yh {
    left: 8% !important;
  }
  .yh img {
    width: 22px !important;
  }
  .part-bg {
    padding: 0 !important;
  }
  .part-logo {
    width: 45px !important;
  }
  .part-ceo {
    margin: 20px 0 10px !important;
    width: 40px !important;
  }
  .ceo {
    font-size: 18px !important;
  }
  .job {
    font-size: 14px !important;
    margin: 5px 0 10px !important;
  }
  .reviews {
    font-size: 14px !important ;
    line-height: 24px !important;
  }

  .bnimg {
    height: 200px !important;
  }

  .i2 {
    font-size: 20px !important;
  }

  .intro-top h4 {
    font-size: 20px !important;
  }
  .intro-top p {
    font-size: 16px !important;
  }

  .num-fh {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 15px !important;
    bottom: 4px !important;
    font-size: 18px !important;
  }
  .title-fh {
    margin: 0 !important;
    width: 15px !important;
    bottom: 8px !important;
    font-size: 20px !important;
  }
  .ti2 img {
    width: 18px !important;
    margin-top: 2px !important;
  }

  .intro-num,
  .title-num {
    font-size: 24px !important;
    margin-right: 5px !important;
  }
  .num-type,
  .title-type {
    font-size: 18px !important;
  }

  .company-title .title-num {
    font-size: 36px !important;
  }

  .textcenter h3 {
    font-size: 20px !important;
  }
  .mfsy {
    padding: 10px 15px !important;
  }
  .mfsy span {
    font-size: 14px !important;
  }
  .txt-item img {
    width: 50px !important;
  }
  .txt-item {
    flex-basis: 48% !important;
    padding: 20px 10px !important;
  }
  .txt-item:nth-child(1),
  .txt-item:nth-child(3) {
    border-right: none !important;
  }
  .txt-item:nth-child(1),
  .txt-item:nth-child(2) {
    border-bottom: none !important;
    margin-bottom: 20px;
  }

  .ts-item {
    margin-top: 40px !important;
  }
  .ts-item span {
    width: 60px !important;
    height: 60px !important;
    font-size: 14px !important;
    line-height: 60px !important;
  }
  .ts-item p {
    font-size: 12px !important;
  }
  .p-top h4 {
    font-size: 17px !important;
  }
  .is-item {
    width: 48% !important;
  }
}
@media screen and (max-width: 620px) {
  .prod-center {
    height: auto !important;
  }
  .prod-center .wrap {
    padding: 0 !important;
  }
  .prod-center a {
    font-size: 18px !important;
    flex-basis: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
  .prod-center a:nth-child(1),
  .prod-center a:nth-child(2) {
    border-bottom: none;
  }
  .prod-center a:nth-child(1),
  .prod-center a:nth-child(3) {
    border-right: none;
  }
}
@media screen and (max-width: 520px) {
  .bnimg {
    height: 160px !important;
  }
  .about-section {
    top: 132px !important;
  }
  .prod-center {
    top: 105px !important;
  }
  .announcement {
    left: 6vw !important;
  }
  .announcement span {
    font-size: 12px !important;
  }
  .nav-mobile-head-fixed {
    top: 55px !important;
  }
  .swiper-pagination-bullet {
    width: 5px !important;
    height: 5px !important;
  }
  .swiper-pagination-bullet-active {
    width: 20px !important;
  }
  .intro-txts {
    margin-top: 40px !important;
  }
  .intro-top p {
    margin-top: 0 !important;
  }
  .txt-item h4 {
    font-size: 16px !important;
    margin: 15px 0 10px !important;
  }
}

@media screen and (max-width: 413px) {
  .w-space {
    display: block !important;
  }
}
@media screen and (max-width: 420px) {
  .bnimg {
    height: 136px !important;
  }
  .about-progress span {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1230px) {
  .company-logos {
    width: 100% !important;
  }
}

@media screen and (max-width: 536px) {
  .company-logos {
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  .partner-title .t1 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .partner-title .x {
    width: 12px !important;
  }
  .partner-title .t2 {
    font-size: 14px !important;
  }
  .t-bg {
    height: 52px !important;
  }
}

@media screen and (max-width: 472px) {
  .ti2 {
    margin-left: 49px !important;
  }
}

@media screen and (max-width: 655px) {
  .to-see {
    width: 98px !important;
    height: 28px !important;
    margin: 0 auto !important;
  }
  .container .banner-center .banner-arrange {
    top: 48px  !important;
    left: 50%  !important;
    margin-left: -166px;
  }
  .yuyue {
    width: 146px;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1042px) {
  .nav-section,
  .nav-section2 {
    display: none !important;
  }
}

@media screen and (max-width: 545px) {
  .xl {
    top: 30% !important;
  }
  .header-section {
    height: auto !important;
  }
  .header {
    padding: 8px 0;
  }
  .header-desc {
    padding-left: 15px;
    padding-bottom: 5px;
  }
  .prod-menus,
  .plan-menus {
    top: 145% !important;
  }
  .prod-menus {
    /* left: 10% !important; */
  }
  .plan-menus {
    left: -200% !important;
  }
  .menu-item {
    padding: 5px 10px !important;
  }
  .menu-item a {
    padding: 5px 0px !important;
  }
}

@media screen and (max-width: 1042px) {
  .nav-mobile-section {
    display: block !important;
  }
  .nav-product-special {
    display: none !important;
  }
  .header-nav-pc {
    display: none !important;
  }
  .header-nav-mobile {
    display: block !important;
  }
  
}


@media screen and (max-width: 945px) {
  /* 企业用工 */
  .tl {
    flex-basis: 100% !important;
    text-align: center !important;
  }
  .tl a {
    padding: 5px 20px !important;
    font-size: 16px !important;
  }
  .tl:nth-child(2)::before {
    display: none !important;
  }
  .presentation {
    padding: 40px 0 !important;
  }
}
@media screen and (max-width: 792px) {
  .company-logos .logo-item {
    margin: 25px 5px 0 0 !important;
  }
}
@media screen and (max-width: 722px) {
  .company-logos .logo-item {
    width: 48% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 450px) {
  .company-logos .logo-item {
    margin: 25px 1px 0 0 !important;
  }
  .tl span {
    font-size: 18px !important;
    margin-right: 10px !important;
  }
  .scenes-item {
    flex-basis: 100% !important;
    margin-bottom: 30px;
  }
  .difficulty {
    padding-top: 0 !important;
  }
  .difficulty-title {
    font-size: 24px !important;
  }
  .difficulty-item {
    flex-basis: 100% !important;
  }
  .hotel-solutions {
    padding-top: 0 !important;
  }
  .hotel-solutions h4 {
    font-size: 24px !important;
  }
  .solutions-core-values {
    padding-top: 0 !important;
  }
  .scv-title {
    font-size: 24px !important;
  }
  .container .program-value .wrap h4 {
    font-size: 24px !important;
  }
  .container .program-value {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 1250px) {
  .iv-section .wrap {
    padding: 0 20px;
  }
  .ivl {
    margin-left: 80px !important;
    margin-bottom: 20px !important;
  }
  .ivl h4 {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 750px) {
  .ivl h4 {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 20px !important;
  }
  .ivl p {
    font-size: 16px !important;
  }
  .iv-section {
    padding: 30px 0 13px !important;
  }
  .ivr {
    width: 100% !important;
  }
  .iv-section .wrap {
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 700px) {
  .iv-box {
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 540px) {
  .iv-box {
    width: 100% !important;
    height: 250px !important;
  }
  .iv-box video {
    width: 96% !important;
    height: 217px !important;
    margin: 25px 2% 0 !important;
  }
  .ivr {
    height: 315px !important;
  }
  .ivl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1167px) {
  .jz-content {
    flex-direction: column;
    align-items: center;
  }
  .jz-logo-mobile {
    display: block !important;
  }
  .jz-logo {
    display: none;
  }
}

@media screen and (max-width: 810px) {
  .rgw span:nth-child(1) {
    font-size: 40px !important;
  }
  .jzl span:nth-child(1) {
    font-size: 40px !important;
  }
  .sg span:nth-child(1) {
    font-size: 40px !important;
  }
  .rgw span:nth-child(3) {
    font-size: 20px !important;
  }
  .jzl span:nth-child(4) {
    font-size: 20px !important;
  }
  .sg span:nth-child(4) {
    font-size: 20px !important;
  }
  .rgw img {
    width: 30px !important;
  }
  .jzl img {
    width: 30px !important;
  }
  .sg img {
    width: 30px !important;
  }
}
@media screen and (min-width: 1024px) {
  .note {
    width: 645px;
  }
}
@media screen and (max-width: 690px) {
  .jz-right {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 520px) {
  .prod-center a {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 16px !important;
  }
  .jz-left {
    width: 100% !important;
    height: auto !important;
  }
  .jz-right {
    margin-top: 10px !important;
    text-align: center;
  }
  .jzn-logo {
    margin-bottom: 30px;
  }
  .rgw span:nth-child(1) {
    font-size: 24px !important;
  }
  .jzl span:nth-child(1) {
    font-size: 24px !important;
  }
  .sg span:nth-child(1) {
    font-size: 24px !important;
  }
  .rgw img {
    width: 18px !important;
    margin: 0 3px 0 1px !important;
  }
  .jzl img {
    width: 18px !important;
    margin: 0 3px 0 1px !important;
  }
  .sg img {
    width: 18px !important;
    margin: 0 3px 0 1px !important;
  }
  .rgw i {
    font-size: 24px !important;
    bottom: 8px !important;
    margin-right: 2px !important;
  }
  .jzl i {
    font-size: 24px !important;
    bottom: 8px !important;
    margin-right: 2px !important;
  }
  .sg i {
    font-size: 24px !important;
    bottom: 8px !important;
    margin-right: 2px !important;
  }
  .rgw span:nth-child(3) {
    font-size: 14px !important;
  }
  .jzl span:nth-child(4) {
    font-size: 14px !important;
  }
  .sg span:nth-child(4) {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 395px) {
  .jzl {
    margin: 0 15px !important;
  }
}

@media screen and (max-width: 970px) {
  .services-content {
    width: 100% !important;
    padding: 0 20px;
  }
}
@media screen and (max-width: 825px) {
  .value-content {
    justify-content: center !important;
  }
}
@media screen and (max-width: 570px) {
  .labour-item img {
    width: 100% !important;
    height: auto !important;
  }
  .labour-item .labour-text {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 1150px) {
  .hotel-solutions img {
    width: 100% !important;
  }
}
@media screen and (max-width: 1125px) {
  .difficulty-item {
    height: auto !important;
  }
  .program-value .box {
    width: 100% !important;
  }
  .program-value .box .center {
    display: none !important;
  }
  .program-value .box .list .item h5 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .program-value .box .list .item span {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media screen and (max-width: 486px) {
  .scv-content {
    justify-content: center !important;
  }
  .scv-item {
    padding-bottom: 20px !important;
    height: auto !important;
    flex-basis: 90% !important;
  }
}
@media screen and (max-width: 797px) {
  .scenarios-content {
    justify-content: center !important;
  }
  .scenarios-item {
    flex-basis: 80% !important;
  }
  .scenarios-item img {
    width: 100% !important;
  }
}

@media screen and (max-width: 450px) {
  .download-banner-section {
    height: 240px !important;
  }
  .download-banner-section h3 {
    font-size: 24px !important;
    line-height: 36px !important;
  }
  .download-banner-section h4 {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .service-download {
    justify-content: center !important;
  }
  .scenarios-item {
    flex-basis: 100% !important;
  }
  .employment-scenarios h3 {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 900px) {
  .info-section .wrap {
    flex-wrap: wrap;
  }
  .info-left {
    display: flex;
    flex-basis: 100% !important;
  }
  .info-menus {
    flex-basis: 50%;
  }
  .info-right {
    margin-top: 20px;
    flex-basis: 100% !important;
  }
}
@media screen and (max-width: 500px) {
  .ft2 {
    padding-left: 15%;
  }
  .customers-cate {
    padding: 30px 0 !important;
  }
  .industry a {
    font-size: 16px !important;
  }
  .introduction,
  .positioning,
  .city-cover {
    padding-bottom: 40px !important;
  }
  .introduction h4,
  .positioning h4,
  .city-cover h4,
  .history h4,
  .honours h4 {
    font-size: 24px !important;
  }
  .hxjz-section {
    padding-bottom: 40px !important;
  }
  .hxjz-section h4 {
    font-size: 24px !important;
  }
  .hxjz-item h4 {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }
  .roadmap-item {
    padding: 46px 20px !important;
  }
  .roadmap-item::after {
    top: 15% !important;
  }
}
@media screen and (max-width: 825px) {
  .customers-content {
    justify-content: center !important;
  }
}
@media screen and (max-width: 430px) {
  .customer-item {
    width: 100% !important;
  }
}
@media screen and (max-width: 455px) {
  .customers-cate {
    transform: translateY(-25%) !important;
  }
}
@media screen and (max-width: 1020px) {
  .lggl {
    padding-left: 0 !important;
  }
  .city-cover img {
    width: 100% !important;
  }
  #honours-swiper {
    width: 100% !important;
  }
}
@media screen and (max-width: 1180px) {
  .hxjz-item {
    width: 30% !important;
  }
}
@media screen and (max-width: 1330px) {
  #case-swiper {
    width: 100% !important;
  }
}

.nav-mobile-head-fixed {
  z-index: 888 !important;
}
.qr {
  width: 184px;
  height: 251px;
}
.qr1 {
  padding: 33px 20px;
}
.qr2 {
  padding: 33px 12px;
}
.fr-item h4 {
  font-weight: 400 !important;
}
.ft1 h4 {
  font-weight: 400 !important;
}
.register {
  /* visibility: hidden; */
}
.scenarios-item,
.difficulty-item,
.scv-item {
  transition: transform 0.3s;
}
.scenarios-item:hover {
  transform: translateY(-30px);
  box-shadow: 0px 10px 20px 3px rgb(0 0 0 / 20%) !important;
}
.difficulty-content {
  background: #f8faff;
}
.difficulty-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 10px 20px 3px rgb(0 0 0 / 20%) !important;
}
.scv-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 10px 20px 3px rgb(0 0 0 / 20%) !important;
}
.solutions-core-values {
  background: #f8faff;
}

.logo-mobile-img {
  width: 110px;
}
.contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-item img {
  margin-bottom: 6px !important;
}

@media (min-width: 525px) and (max-width: 1200px) {
  .container .banner-center .banner-arrange {
    top: 80px  !important;
    left: 50%  !important;
    margin-left: -240px;
  }
  .yuyue {
    width: 136px;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .container .banner-center .banner-arrange {
    top: 210px  !important;
    left: 50%  !important;
    margin-left: -480px;
  }
  .yuyue {
    width: 196px;
    height: 48px;
    border-radius: 24px;
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .container .banner-center .banner-arrange {
    top: 350px  !important;
    left: 0px !important;
    margin-left: 0px;
  }
  .yuyue {
    width: 196px;
    height: 48px;
    border-radius: 24px;
    font-size: 18px;
  }
}