@charset "utf-8";

:root{
  /* --base-w: 1440; */
  --base-w: 1920;
  --base-m: 2;
  --bg: #F4F4F4;

  --red: #DC2621;
  --black: #010101;
  --bd-black: #5B4D4D;
  --desc-black: #333;
  --text-color: #3d3d3d;
  --animation-timing-func: ease-in-out;

  --unit2: clamp(0px, calc((2 / var(--base-w)) * 100vw), calc(var(--base-m) * 2px));
  --unit3: clamp(0px, calc((3 / var(--base-w)) * 100vw), calc(var(--base-m) * 3px));
  --unit4: clamp(0px, calc((4 / var(--base-w)) * 100vw), calc(var(--base-m) * 4px));
  --unit5: clamp(0px, calc((5 / var(--base-w)) * 100vw), calc(var(--base-m) * 5px));
  --unit6: clamp(0px, calc((6 / var(--base-w)) * 100vw), calc(var(--base-m) * 6px));
  --unit8: clamp(0px, calc((8 / var(--base-w)) * 100vw), calc(var(--base-m) * 8px));
  --unit10: clamp(0px, calc((10 / var(--base-w)) * 100vw), calc(var(--base-m) * 10px));
  --unit12: clamp(0px, calc((12 / var(--base-w)) * 100vw), calc(var(--base-m) * 12px));
  --unit13: clamp(0px, calc((13 / var(--base-w)) * 100vw), calc(var(--base-m) * 13px));
  --unit14: clamp(0px, calc((14 / var(--base-w)) * 100vw), calc(var(--base-m) * 14px));
  --unit15: clamp(0px, calc((15 / var(--base-w)) * 100vw), calc(var(--base-m) * 15px));
  --unit16: clamp(0px, calc((16 / var(--base-w)) * 100vw), calc(var(--base-m) * 16px));
  --unit17: clamp(0px, calc((17 / var(--base-w)) * 100vw), calc(var(--base-m) * 17px));
  --unit18: clamp(0px, calc((18 / var(--base-w)) * 100vw), calc(var(--base-m) * 18px));
  --unit20: clamp(0px, calc((20 / var(--base-w)) * 100vw), calc(var(--base-m) * 20px));
  --unit22: clamp(0px, calc((22 / var(--base-w)) * 100vw), calc(var(--base-m) * 22px));
  --unit23: clamp(0px, calc((23 / var(--base-w)) * 100vw), calc(var(--base-m) * 23px));
  --unit24: clamp(0px, calc((24 / var(--base-w)) * 100vw), calc(var(--base-m) * 24px));
  --unit25: clamp(0px, calc((25 / var(--base-w)) * 100vw), calc(var(--base-m) * 25px));
  --unit26: clamp(0px, calc((26 / var(--base-w)) * 100vw), calc(var(--base-m) * 26px));
  --unit28: clamp(0px, calc((28 / var(--base-w)) * 100vw), calc(var(--base-m) * 28px));
  --unit30: clamp(0px, calc((30 / var(--base-w)) * 100vw), calc(var(--base-m) * 30px));
  --unit32: clamp(0px, calc((32 / var(--base-w)) * 100vw), calc(var(--base-m) * 32px));
  --unit34: clamp(0px, calc((34 / var(--base-w)) * 100vw), calc(var(--base-m) * 34px));
  --unit36: clamp(0px, calc((36 / var(--base-w)) * 100vw), calc(var(--base-m) * 36px));
  --unit38: clamp(0px, calc((38 / var(--base-w)) * 100vw), calc(var(--base-m) * 38px));
  --unit40: clamp(0px, calc((40 / var(--base-w)) * 100vw), calc(var(--base-m) * 40px));
  --unit43: clamp(0px, calc((43 / var(--base-w)) * 100vw), calc(var(--base-m) * 43px));
  --unit46: clamp(0px, calc((46 / var(--base-w)) * 100vw), calc(var(--base-m) * 46px));
  --unit50: clamp(0px, calc((50 / var(--base-w)) * 100vw), calc(var(--base-m) * 50px));
  --unit53: clamp(0px, calc((53 / var(--base-w)) * 100vw), calc(var(--base-m) * 53px));
  --unit56: clamp(0px, calc((56 / var(--base-w)) * 100vw), calc(var(--base-m) * 56px));
  --unit58: clamp(0px, calc((58 / var(--base-w)) * 100vw), calc(var(--base-m) * 58px));
  --unit60: clamp(0px, calc((60 / var(--base-w)) * 100vw), calc(var(--base-m) * 60px));
  --unit62: clamp(0px, calc((62 / var(--base-w)) * 100vw), calc(var(--base-m) * 62px));
  --unit65: clamp(0px, calc((65 / var(--base-w)) * 100vw), calc(var(--base-m) * 65px));
  --unit68: clamp(0px, calc((68 / var(--base-w)) * 100vw), calc(var(--base-m) * 68px));
  --unit70: clamp(0px, calc((70 / var(--base-w)) * 100vw), calc(var(--base-m) * 70px));
  --unit79: clamp(0px, calc((79 / var(--base-w)) * 100vw), calc(var(--base-m) * 79px));
  --unit80: clamp(0px, calc((80 / var(--base-w)) * 100vw), calc(var(--base-m) * 80px));
  --unit82: clamp(0px, calc((82 / var(--base-w)) * 100vw), calc(var(--base-m) * 82px));
  --unit88: clamp(0px, calc((88 / var(--base-w)) * 100vw), calc(var(--base-m) * 88px));
  --unit91: clamp(0px, calc((91 / var(--base-w)) * 100vw), calc(var(--base-m) * 91px));
  --unit97: clamp(0px, calc((97 / var(--base-w)) * 100vw), calc(var(--base-m) * 97px));
  --unit100: clamp(0px, calc((100 / var(--base-w)) * 100vw), calc(var(--base-m) * 100px));
  --unit104: clamp(0px, calc((104 / var(--base-w)) * 100vw), calc(var(--base-m) * 104px));
  --unit106: clamp(0px, calc((106 / var(--base-w)) * 100vw), calc(var(--base-m) * 106px));

  --unit116: clamp(0px, calc((116 / var(--base-w)) * 100vw), calc(var(--base-m) * 116px));
  --unit120: clamp(0px, calc((120 / var(--base-w)) * 100vw), calc(var(--base-m) * 120px));
  --unit124: clamp(0px, calc((124 / var(--base-w)) * 100vw), calc(var(--base-m) * 124px));
  --unit140: clamp(0px, calc((140 / var(--base-w)) * 100vw), calc(var(--base-m) * 140px));
  --unit147: clamp(0px, calc((147 / var(--base-w)) * 100vw), calc(var(--base-m) * 147px));
  --unit155: clamp(0px, calc((155 / var(--base-w)) * 100vw), calc(var(--base-m) * 155px));
  --unit165: clamp(0px, calc((165 / var(--base-w)) * 100vw), calc(var(--base-m) * 165px));
  --unit168: clamp(0px, calc((168 / var(--base-w)) * 100vw), calc(var(--base-m) * 168px));
  --unit197: clamp(0px, calc((197 / var(--base-w)) * 100vw), calc(var(--base-m) * 197px));
  --unit200: clamp(0px, calc((200 / var(--base-w)) * 100vw), calc(var(--base-m) * 200px));
  --unit211: clamp(0px, calc((211 / var(--base-w)) * 100vw), calc(var(--base-m) * 211px));
  --unit220: clamp(0px, calc((220 / var(--base-w)) * 100vw), calc(var(--base-m) * 220px));
  --unit228: clamp(0px, calc((228 / var(--base-w)) * 100vw), calc(var(--base-m) * 228px));
  --unit240: clamp(0px, calc((240 / var(--base-w)) * 100vw), calc(var(--base-m) * 240px));
  --unit245: clamp(0px, calc((245 / var(--base-w)) * 100vw), calc(var(--base-m) * 245px));
  --unit250: clamp(0px, calc((250 / var(--base-w)) * 100vw), calc(var(--base-m) * 250px));
  --unit252: clamp(0px, calc((252 / var(--base-w)) * 100vw), calc(var(--base-m) * 252px));
  --unit254: clamp(0px, calc((254 / var(--base-w)) * 100vw), calc(var(--base-m) * 254px));
  --unit258: clamp(0px, calc((258 / var(--base-w)) * 100vw), calc(var(--base-m) * 258px));
  --unit263: clamp(0px, calc((263 / var(--base-w)) * 100vw), calc(var(--base-m) * 263px));
  --unit285: clamp(0px, calc((285 / var(--base-w)) * 100vw), calc(var(--base-m) * 285px));
  --unit305: clamp(0px, calc((305 / var(--base-w)) * 100vw), calc(var(--base-m) * 305px));
  --unit320: clamp(0px, calc((320 / var(--base-w)) * 100vw), calc(var(--base-m) * 320px));
  --unit328: clamp(0px, calc((328 / var(--base-w)) * 100vw), calc(var(--base-m) * 328px));
  --unit330: clamp(0px, calc((330 / var(--base-w)) * 100vw), calc(var(--base-m) * 330px));
  --unit346: clamp(0px, calc((346 / var(--base-w)) * 100vw), calc(var(--base-m) * 346px));
  --unit350: clamp(0px, calc((350 / var(--base-w)) * 100vw), calc(var(--base-m) * 350px));
  --unit360: clamp(0px, calc((360 / var(--base-w)) * 100vw), calc(var(--base-m) * 360px));
  --unit376: clamp(0px, calc((376 / var(--base-w)) * 100vw), calc(var(--base-m) * 376px));
  --unit377: clamp(0px, calc((377 / var(--base-w)) * 100vw), calc(var(--base-m) * 377px));
  --unit380: clamp(0px, calc((380 / var(--base-w)) * 100vw), calc(var(--base-m) * 380px));
  --unit389: clamp(0px, calc((389 / var(--base-w)) * 100vw), calc(var(--base-m) * 389px));
  --unit398: clamp(0px, calc((398 / var(--base-w)) * 100vw), calc(var(--base-m) * 398px));
  --unit400: clamp(0px, calc((400 / var(--base-w)) * 100vw), calc(var(--base-m) * 400px));
  --unit440: clamp(0px, calc((440 / var(--base-w)) * 100vw), calc(var(--base-m) * 440px));
  --unit448: clamp(0px, calc((448 / var(--base-w)) * 100vw), calc(var(--base-m) * 448px));
  --unit456: clamp(0px, calc((456 / var(--base-w)) * 100vw), calc(var(--base-m) * 456px));
  --unit486: clamp(0px, calc((486 / var(--base-w)) * 100vw), calc(var(--base-m) * 486px));

  --unit498: clamp(0px, calc((498 / var(--base-w)) * 100vw), calc(var(--base-m) * 498px));
  --unit519: clamp(0px, calc((519 / var(--base-w)) * 100vw), calc(var(--base-m) * 519px));
  --unit534: clamp(0px, calc((534 / var(--base-w)) * 100vw), calc(var(--base-m) * 534px));
  --unit546: clamp(0px, calc((546 / var(--base-w)) * 100vw), calc(var(--base-m) * 546px));
  --unit553: clamp(0px, calc((553 / var(--base-w)) * 100vw), calc(var(--base-m) * 553px));
  --unit570: clamp(0px, calc((570 / var(--base-w)) * 100vw), calc(var(--base-m) * 570px));
  --unit605: clamp(0px, calc((605 / var(--base-w)) * 100vw), calc(var(--base-m) * 605px));
  --unit620: clamp(0px, calc((620 / var(--base-w)) * 100vw), calc(var(--base-m) * 620px));
  --unit660: clamp(0px, calc((660 / var(--base-w)) * 100vw), calc(var(--base-m) * 660px));
  
  --unit675: clamp(0px, calc((675 / var(--base-w)) * 100vw), calc(var(--base-m) * 675px));
  --unit726: clamp(0px, calc((726 / var(--base-w)) * 100vw), calc(var(--base-m) * 726px));

  --unit792: clamp(0px, calc((792 / var(--base-w)) * 100vw), calc(var(--base-m) * 792px));
  --unit820: clamp(0px, calc((820 / var(--base-w)) * 100vw), calc(var(--base-m) * 820px));
  --unit847: clamp(0px, calc((847 / var(--base-w)) * 100vw), calc(var(--base-m) * 847px));
  --unit853: clamp(0px, calc((853 / var(--base-w)) * 100vw), calc(var(--base-m) * 853px));
  --unit867: clamp(0px, calc((867 / var(--base-w)) * 100vw), calc(var(--base-m) * 867px));

  --unit960: clamp(0px, calc((960 / var(--base-w)) * 100vw), calc(var(--base-m) * 960px));
  --unit1020: clamp(0px, calc((1020 / var(--base-w)) * 100vw), calc(var(--base-m) * 1020px));
  --unit1180: clamp(0px, calc((1180 / var(--base-w)) * 100vw), calc(var(--base-m) * 1180px));
  --unit1200: clamp(0px, calc((1200 / var(--base-w)) * 100vw), calc(var(--base-m) * 1200px));
  --unit1280: clamp(0px, calc((1280 / var(--base-w)) * 100vw), calc(var(--base-m) * 1280px));

  --unit1920: clamp(0px, calc((1920 / var(--base-w)) * 100vw), calc(var(--base-m) * 1920px));
  
  --size10: clamp(0px, calc((10 / var(--base-w)) * 100vw), calc(var(--base-m) * 10px));
  --size12: clamp(0px, calc((12 / var(--base-w)) * 100vw), calc(var(--base-m) * 12px));
  --size14: clamp(0px, calc((14 / var(--base-w)) * 100vw), calc(var(--base-m) * 14px));
  --size16: clamp(0px, calc((16 / var(--base-w)) * 100vw), calc(var(--base-m) * 16px));
  --size18: clamp(0px, calc((18 / var(--base-w)) * 100vw), calc(var(--base-m) * 18px));
  --size20: clamp(0px, calc((20 / var(--base-w)) * 100vw), calc(var(--base-m) * 20px));
  --size22: clamp(0px, calc((22 / var(--base-w)) * 100vw), calc(var(--base-m) * 22px));
  --size24: clamp(0px, calc((24 / var(--base-w)) * 100vw), calc(var(--base-m) * 24px));
  --size26: clamp(0px, calc((26 / var(--base-w)) * 100vw), calc(var(--base-m) * 26px));
  --size30: clamp(0px, calc((30 / var(--base-w)) * 100vw), calc(var(--base-m) * 30px));
  --size32: clamp(0px, calc((32 / var(--base-w)) * 100vw), calc(var(--base-m) * 32px));
  --size34: clamp(0px, calc((34 / var(--base-w)) * 100vw), calc(var(--base-m) * 34px));
  --size36: clamp(0px, calc((36 / var(--base-w)) * 100vw), calc(var(--base-m) * 36px));
  --size45: clamp(0px, calc((45 / var(--base-w)) * 100vw), calc(var(--base-m) * 45px));
  --size62: clamp(0px, calc((62 / var(--base-w)) * 100vw), calc(var(--base-m) * 62px));
  --size67: clamp(0px, calc((67 / var(--base-w)) * 100vw), calc(var(--base-m) * 67px));
}

@font-face {
  font-family: 'yousheyahei';
  src: url('./yousheyahei.ttf') format('truetype');
}

@font-face {
  font-family: 'alimama';
  src: url('./AlimamaFangYuanTiVF-Thin.woff2') format('woff2');
}

.flex-col{
  display: flex;
  flex-direction: column;
}

.flex-1{
  flex: 1;
}

.flex-center{
  display: flex;
  align-items: center;
}

.flex-between{
  display: flex;
  justify-content: space-between;
}

.flex-center-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mb15{
  margin-bottom: var(--unit15);
}

.mr4{
  margin-right: var(--unit4);
}

.mt20{
  margin-top: var(--unit20);
}

.mt22{
  margin-top: var(--unit22);
}

.mt40{
  margin-top: var(--unit40);
}

.mt62{
  margin-top: var(--unit62);
}

.mt70{
  margin-top: var(--unit70) !important;
}

.pt8{
  padding-top: var(--unit8);
}

.pt68{
  padding-top: var(--unit68);
}

.pb140{
  padding-bottom: var(--unit140) !important;
}

.w660{
  width: var(--unit660);
}

.vp-bgggrey{
  background-color: #f4f4f4 !important;
}

.c-pointer{
  cursor: pointer;
}
.overflow-hidden{
  overflow: hidden;
}

.vp-h-full{
  height: 100%;
}
.vp-wh-full{
  width: 100%;
  height: 100%;
}

.scroll-up{
  display: none;
  cursor: pointer;
}

.vp-footer{
  margin-top: 0 !important;
}

.vp-index-page .vp-top-banner{
  background: rgba(0, 0, 0, 0.24);
}


.common-text-num{
  font-family: "yousheyahei";
  background: linear-gradient(180deg, rgba(220, 38, 33, 0.42) 0%, rgba(220, 38, 33, 0.15) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.img-content{}
.img-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-icon{
  display: inline-block;
  width: var(--unit24);
  height: var(--unit24);
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-icon.icon-icon-contact{
  background-image: url('../images/vpgroup/icon-img/contact.png');
}
.icon-icon.icon-icon-contact-cur{
  background-image: url('../images/vpgroup/icon-img/contact-cur.png');
  display: none;
}
.icon-icon.icon-icon-phone{
  background-image: url('../images/vpgroup/icon-img/phone.png');
}
.icon-icon.icon-icon-phone-cur{
  background-image: url('../images/vpgroup/icon-img/phone-cur.png');
  display: none;
}
.icon-icon.icon-icon-back{
  background-image: url('../images/vpgroup/icon-img/back.png');
}
.icon-icon.icon-icon-back-cur{
  background-image: url('../images/vpgroup/icon-img/back-cur.png');
  display: none;
}
.icon-icon.icon-icon-gong{
  background-image: url('../images/vpgroup/icon-img/gong.png');
}
.icon-icon.icon-icon-gong-cur{
  background-image: url('../images/vpgroup/icon-img/gong-cur.png');
  display: none;
}
.icon-icon.icon-icon-manage{
  background-image: url('../images/vpgroup/icon-img/manage.png');
}
.icon-icon.icon-icon-manage-cur{
  background-image: url('../images/vpgroup/icon-img/manage-cur.png');
  display: none;
}
.icon-icon.icon-icon-money{
  background-image: url('../images/vpgroup/icon-img/money.png');
}
.icon-icon.icon-icon-money-cur{
  background-image: url('../images/vpgroup/icon-img/money-cur.png');
  display: none;
}
.icon-icon.icon-icon-pk{
  background-image: url('../images/vpgroup/icon-img/pk.png');
}
.icon-icon.icon-icon-pk-cur{
  background-image: url('../images/vpgroup/icon-img/pk-cur.png');
  display: none;
}
.icon-icon.icon-icon-project{
  background-image: url('../images/vpgroup/icon-img/project.png');
}
.icon-icon.icon-icon-project-cur{
  background-image: url('../images/vpgroup/icon-img/project-cur.png');
  display: none;
}

@keyframes circle {
  from {
    transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

@keyframes circleNext{
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
      transform: translate(-50%, -50%) rotate(360deg);
  }
}



.vp-flexible-employment-user-section{}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content{
  display: fl;
  flex-direction: column;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card{
  margin-top: var(--unit79);
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card:nth-child(1){
  margin-top: 0;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d1{
  display: flex;
  align-items: center;
  height: var(--unit124);
  width: 100%;
  border-radius: var(--unit240);
  background: #F4F4F4;
  padding-right: var(--unit65);
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d1 img{
  width: var(--unit124);
  height: var(--unit124);
  border-radius: 50%;
  margin-right: var(--unit18);
  flex-shrink: 0;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d1 p{
  font-size: var(--size18);
  line-height: var(--unit32);
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .title{}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .desc{}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .desc .dot{
  background-color: var(--red);
  width: var(--unit6);
  height: var(--unit6);
  border-radius: 50%;
  margin-right: var(--unit10);
  display: inline-block;
  flex-shrink: 0;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .desc ul{}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .desc ul li{
  display: flex;
  align-items: baseline;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d2{
  margin-top: var(--unit30);
  padding-left: var(--unit25);
  position: relative;
  font-size: var(--size18);
  line-height: var(--unit36);
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d2 .title{
  font-weight: bold;
  position: relative;
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d2 .title::after{
  position: absolute;
  content: '';
  width: var(--unit3);
  height: var(--unit15);
  top: 50%;
  left: calc(-1 * var(--unit22));
  background-color: var(--red);
  transform: translateY(-50%);
}
.vp-flexible-employment-user-section .vp-flexible-employment-user-section-content .vp-flexible-employment-user-section-card .d2 .desc{
  
}

.vp-eco-partner-page .vp-common-dingzhi{
  background-color: #fff;
}



.vp-flexible-employment-solution-section{}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content{}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card{
  position: relative;
  border-radius: var(--unit4);
  overflow: hidden;
  background: #fff;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card p{
  font-size: var(--size14);
  line-height: var(--unit30);
  margin-top: var(--unit25);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card ul {
  margin-top: var(--unit20);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card ul li{
  font-size: var(--size14);
  line-height: var(--unit30);
  list-style: outside;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card.cur .title{
  color: #fff !important;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card.cur .p{
  color: #fff !important;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card.cur .desc{
  color: #fff !important;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card.cur::after{
  height: 100%;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--unit4);
  background-color: var(--red);
  z-index: 1;
  content: '';
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card .text-content{
  position: relative;
  z-index: 11;
  margin-top: var(--unit14);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card .text-content .title{
  font-size: var(--size18);
  font-weight: bold;
  color: var(--red);
  text-align: center;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .vp-flexible-employment-solution-section-card .text-content .desc{
  
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d1{
  display: flex;
  align-items: center;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d1 img{
  width: var(--unit168);
  margin-right: var(--unit20);
  flex-shrink: 0;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d1 p{
  font-size: var(--unit18);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2{
  margin-top: var(--unit53);
  display: flex;
  justify-content: space-between;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-1{
  display: flex;
  justify-content: space-between;
  width: var(--unit389);
  flex-shrink: 0;
  margin-right: var(--unit13);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-1 .vp-flexible-employment-solution-section-card{
  width: var(--unit168);
  height: var(--unit240);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2 .d2-2-1{
  display: flex;
  flex-direction: column;
  width: var(--unit328);
  justify-content: space-between;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2 .d2-2-1 .vp-flexible-employment-solution-section-card{
  width: var(--unit328);
  height: var(--unit116);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2 .d2-2-1 .vp-flexible-employment-solution-section-card .text-content .desc ul{
  margin-top: var(--unit10);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2 .d2-2-2{
  display: flex;
  flex-direction: column;
  width: var(--unit263);
  justify-content: space-between;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d2 .d2-2 .d2-2-2 .vp-flexible-employment-solution-section-card{
  width: var(--unit263);
  height: var(--unit116);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3{
  margin-top: var(--unit26);
  display: flex;
  justify-content: space-between;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card{
  height: var(--unit228);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(1){
  width: var(--unit389);
  flex-shrink: 0;
  margin-right: var(--unit13);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(1) .desc{
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(2){
  width: 100%;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(2) .desc{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(2) .desc p{
  margin-top: var(--unit10);
}
.vp-flexible-employment-solution-section .vp-flexible-employment-solution-section-content .d3 .vp-flexible-employment-solution-section-card:nth-child(2) .desc ul{
  display: flex;
  justify-content: space-around;
  width: 100%;
}



.vp-flexible-employment-scenarios-section{}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--unit6);
  grid-row-gap: var(--unit6);
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card{
  width: 100%;
  height: var(--unit168);
  position: relative;
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card img{
  max-width: 100%;
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card.cur .mask{
  display: none;
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgb(32 30 30 / 68%);
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: var(--size26);
  align-items: center;
  justify-content: center;
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card .desc-content{
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  height: 100%;
  padding-right: var(--unit24);
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card .desc1{
  font-size: var(--size26);
  line-height: var(--unit20);
  font-weight: bold;
  margin-top: auto;
}
.vp-flexible-employment-scenarios-section .vp-flexible-employment-scenarios-section-content .vp-flexible-employment-scenarios-section-card .desc2{
  font-size: var(--size20);
  line-height: var(--unit20);
  margin-bottom: var(--unit28);
  margin-top: var(--unit10);
}


.vp-flexible-employment-advantage-section{}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content{
  display: flex;
  flex-direction: column;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card{
  display: flex;
  padding-top: var(--unit10);
  position: relative;
  align-items: center;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card::after{
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #D8D8D8;
  top: 0;
  left: var(--unit40);
  z-index: 1;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card:nth-child(1){
  margin-top: 0;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .num-content{
  width: var(--unit80);
  height: var(--unit80);
  position: relative;
  margin-right: var(--unit13);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size62);
  color: var(--red);
  z-index: 99;
  background: #fff;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .num-content::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: '';
  background: url('../images/vpgroup/circle-bg.png') no-repeat;
  background-size: contain;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .card-content{
  border-radius: var(--unit4);
  padding: var(--unit18) var(--unit28);
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .card-content .text-content{
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .card-content .text-content .title{
  font-size: var(--size26);
  line-height: var(--unit34);
  color: #010101;
  font-weight: bold;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card .card-content .text-content .desc{
  font-size: var(--size18);
  line-height: var(--unit34);
  color: #3d3d3d;
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card.cur .card-content{
  background: linear-gradient(90deg, rgb(220 38 33 / 20%) 0%, rgba(216, 216, 216, 0) 100%)
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card.cur .card-content .text-content .title{
  color: var(--red);
}
.vp-flexible-employment-advantage-section .vp-flexible-employment-advantage-section-content .vp-flexible-employment-advantage-section-card.cur .num-content::after{
  /* animation: circle 2s linear infinite; */
}


.vp-flexible-employment-pain-section{}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card{
  width: var(--unit200);
  padding: var(--unit28) 0;
  height: var(--unit456);
  transition: all 0.2s var(--animation-timing-func);
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card .vp-flexible-employment-pain-section-card-content{
  height: 100%;
  width: 100%;
  border-radius: var(--unit4);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--unit30) var(--unit12) 0;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card .vp-flexible-employment-pain-section-card-content .icon-icon{
  width: var(--unit46);
  height: var(--unit46);
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-gong{
  display: none;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-gong-cur{
  display: inline-block;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-manage{
  display: none;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-manage-cur{
  display: inline-block;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-project{
  display: none;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-project-cur{
  display: inline-block;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-money{
  display: none;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-money-cur{
  display: inline-block;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-pk{
  display: none;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .icon-icon.icon-icon-pk-cur{
  display: inline-block;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card .vp-flexible-employment-pain-section-card-content i{
  font-size: var(--size45);
  color: #3D3D3D;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card .vp-flexible-employment-pain-section-card-content .title{
  margin-top: var(--unit20);
  color: #010101;
  font-weight: bold;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card .vp-flexible-employment-pain-section-card-content .desc{
  margin-top: var(--unit20);
  color: #3D3D3D;
  font-size: var(--size16);
  line-height: var(--unit28);
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur{
  padding: 0;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content{
  background-color: var(--red);
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .title{
  color: #fff;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content .desc{
  color: #fff;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content i{
  color: #fff;
}
.vp-flexible-employment-pain-section .vp-flexible-employment-pain-section-card.cur .vp-flexible-employment-pain-section-card-content{
  color: #fff;
}



.vp-flexible-employment-service-section{

}
.vp-flexible-employment-service-section .ot-title{
  text-align: center;
  font-size: var(--size18);
  line-height: var(--unit30);
  margin-bottom: var(--unit20);
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card{
  width: var(--unit328);
  height: var(--unit211);
  position: relative;
  background-color: #f4f4f4;
  border-radius: var(--unit4);
  padding: var(--unit34) var(--unit24) 0;
  overflow: hidden;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--unit8);
  z-index: 2;
  background-color: var(--red);
  transition: all 0.2s var(--animation-timing-func);
  content: '';
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card.cur .desc{
  color: #fff;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card.cur .common-text-num{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card.cur::after{
  height: 100%;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card .desc-content{
  position: relative;
  z-index: 11;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card .title{
  font-size: var(--size62);
  line-height: var(--unit32);
  background: linear-gradient(180deg, rgba(220, 38, 33, 0.42) 0%, rgba(220, 38, 33, 0.15) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.vp-flexible-employment-service-section .vp-flexible-employment-service-section-card .desc{
  font-size: var(--size18);
  line-height: var(--unit30);
  margin-top: var(--unit10);
}



.vp-service-recruitment-service-section{

}
.vp-service-recruitment-service-section .section-img-content{
  width: var(--unit377);
  height: var(--unit197);
  border-radius: var(--unit4);
  margin-right: var(--unit26);
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--unit4);
}


.vp-process-out-service-section .section-img-content{
  width: var(--unit377);
  height: var(--unit197);
  border-radius: var(--unit4);
  margin-right: var(--unit26);
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--unit4);
}


.vp-common-bg-content .vp-recruit-service-swiper{
  height: 100%;
}
.vp-common-bg-content .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content{
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.vp-employer-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall1{
  background-image: url('../images/vpgroup/2-swiper-1.png');
}
.vp-employer-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall2{
  background-image: url('../images/vpgroup/2-swiper-2.png');
}
.vp-employer-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall3{
  background-image: url('../images/vpgroup/2-swiper-3.png');
}

.vp-process-out-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall1{
  background-image: url('../images/vpgroup/3-swiper-1.png');
}
.vp-process-out-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall2{
  background-image: url('../images/vpgroup/3-swiper-2.png');
}
.vp-process-out-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall3{
  background-image: url('../images/vpgroup/3-swiper-3.png');
}

.vp-service-recruitment-service-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall1{
  background-image: url('../images/vpgroup/4-swiper-1.png');
}
.vp-service-recruitment-service-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall2{
  background-image: url('../images/vpgroup/4-swiper-2.png');
}
.vp-service-recruitment-service-user-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall3{
  background-image: url('../images/vpgroup/4-swiper-3.png');
}

.vp-eco-partner-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall1{
  background-image: url('../images/vpgroup/6-swiper-1.png');
}
.vp-eco-partner-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall2{
  background-image: url('../images/vpgroup/6-swiper-2.png');
}
.vp-eco-partner-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall3{
  background-image: url('../images/vpgroup/6-swiper-3.png');
}
.vp-common-bg-content.vp-eco-partner-img-wall-section .vp-common-bg-content-inner-slide-content{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 0;
}

.vp-talent-introduction-service-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall1{
  background-image: url('../images/vpgroup/7-swiper-1.png');
}
.vp-talent-introduction-service-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall2{
  background-image: url('../images/vpgroup/7-swiper-2.png');
}
.vp-talent-introduction-service-img-wall-section .vp-recruit-service-swiper .swiper-wrapper .swiper-slide .swiper-slide-bottom-img-content.wall3{
  background-image: url('../images/vpgroup/7-swiper-3.png');
}




.ai-data-section{

}
.ai-data-section .ai-data-section-content{
  
}
.ai-data-section .ai-data-section-content .section-img-content{
  height: var(--unit254);
  width: 100%;
  overflow: hidden;
  border-radius: var(--unit4);
  margin-bottom: var(--unit23);
}
.ai-data-section .ai-data-section-content .section-img-content img{
}

.vp-special-service-section{
  background-image: url('../images/vpgroup/1-10-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.vp-special-service-section .vp-special-service-section-content{

}
.vp-special-service-section .vp-special-service-section-content .vp-ho-home-swiper{
  position: relative;
}
.vp-special-service-section .vp-special-service-section-content .vp-ho-home-swiper .swiper-pagination{

}
.vp-special-service-section .vp-special-service-section-content .vp-ho-home-swiper .swiper-pagination .swiper-pagination-bullet{
  width: var(--unit8);
  height: var(--unit8);
}
.vp-special-service-section .vp-special-service-section-content .vp-ho-home-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: var(--unit18);
  background-color: var(--red);
  border-radius: var(--unit22);
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide{
  width: var(--unit853);
  height: 100%;
  border-radius: var(--unit4);
  overflow: hidden;
  /* background: url('../images/vpgroup/1-1-bg.png') no-repeat; */
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.7;
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide.swiper-slide-active{
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide.swiper-slide-prev{
  transform: scale(0.8) translateX(var(--unit620));
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide.swiper-slide-next{
  transform: scale(0.8) translateX(calc(-1 * var(--unit620)));
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide .swiper-slide-inner{
  width: var(--unit853);
  height: var(--unit376);
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide .swiper-slide-inner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide .swiper-slide-inner .title{
  
}
.vp-special-service-section .vp-special-service-section-content .swiper-slide .swiper-slide-inner .desc{
  
}

.vp-logo-wall-section{
  width: 100%;
  overflow: hidden;
}
.vp-logo-wall-section .outer-item-content{
  display: flex;
  width: max-content;
  will-change: transition;
}
.vp-logo-wall-section .inner-item-content{
  display: flex;
  flex-shrink: 0;
}
.vp-logo-wall-section .vp-logo-wall-section-item{
  display: flex;
  flex-direction: column;
  margin-right: var(--unit30);
  flex-shrink: 0;
}
.vp-logo-wall-section .vp-logo-wall-section-item img{
  /* max-width: var(--unit120);
  max-height: var(--unit34); */
  width: var(--unit120);
  height: var(--unit34);
  object-fit: contain;
  margin-top: var(--unit65);
}
.vp-logo-wall-section .vp-logo-wall-section-item img:first-child{
  margin-top: 0;
}


.vp-highlight-section{

}
.vp-highlight-section .vp-highlight-section-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item{
  height: var(--unit400);
  padding: var(--unit20) 0;
  width: var(--unit250);
  display: flex;
  transition: all 0.2s var(--animation-timing-func);
}
/* .vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(2n) .inner .text-content{
  margin-bottom: auto;
} */
/* .vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(2n-1) .inner .text-content{
  margin-top: auto;
} */
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item .inner .text-content{
  margin-top: auto;
}
/* .vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item.cur:nth-child(2n){
  padding-bottom: 0;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item.cur:nth-child(2n-1){
  padding-top: 0;
} */
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item.cur{
  padding-top: 0;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item.cur .inner .text-content{
  color: #fff;
  height: auto;
  background-color: var(--red);
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item.cur .inner .text-content .desc{
  display: block;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item .inner{
  border-radius: var(--unit4);
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-size: contain;
  width: 100%;
  height: 100%;
  display: flex;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(1) .inner{
  background-image: url('../images/vpgroup/1-6.png');
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(2) .inner{
  background-image: url('../images/vpgroup/1-7.png');
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(3) .inner{
  background-image: url('../images/vpgroup/1-8.png');
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item:nth-child(4) .inner{
  background-image: url('../images/vpgroup/1-9.png');
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item .inner .text-content{
  height: var(--unit60);
  background-color: #f4f4f4;
  padding: var(--unit18) var(--unit10);
  overflow: hidden;
  color: var(--text-color);
  width: 100%;
  transition: all 0.2s var(--animation-timing-func);
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item .inner .text-content .title{
  font-size: var(--size18);
  line-height: var(--unit24);
  text-align: center;
  font-weight: bold;
}
.vp-highlight-section .vp-highlight-section-content .vp-highlight-section-content-item .inner .text-content .desc{
  font-size: var(--size16);
  line-height: var(--unit24);
  margin-top: var(--unit8);
  display: none;
}

.vp-values-section{

}
.vp-values-section .vp-values-section-content{

}
.vp-values-section .vp-values-section-content .vp-values-section-content-item{
  margin-bottom: var(--unit79);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item:last-child{
  margin-bottom: 0;
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .title{
  font-size: var(--size30);
  font-weight: bold;
  padding-left: var(--unit15);
  position: relative;
  line-height: var(--unit43);
  width: fit-content;
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .title span{
  position: relative;
  z-index: 11;
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .title::before{
  content: '';
  position: absolute;
  width: var(--unit3);
  height: var(--unit24);
  background-color: var(--red);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .title::after{
  content: '';
  position: absolute;
  width: var(--unit120);
  height: var(--unit50);
  top: calc(-1 * var(--unit12));
  left: var(--unit46);
  z-index: 1;
  background-image: url('../images/vpgroup/text-vision.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item:nth-child(2) .title::after{
  background-image: url('../images/vpgroup/text-mission.png');
  width: var(--unit147);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item:nth-child(3) .title::after{
  background-image: url('../images/vpgroup/text-corporate.png');
  width: var(--unit346);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .desc{
  margin-top: var(--unit22);
  font-size: var(--size24);
  line-height: var(--unit43);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .desc li{
  line-height: var(--unit30);
  margin-bottom: var(--unit50);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .desc li .dot{
  color: var(--red);
}
.vp-values-section .vp-values-section-content .vp-values-section-content-item .desc li:last-child{
  margin-bottom: 0;
}


.sendsms-content.fpr-item{
  display: flex;
  position: relative;
}
.sendsms-content.fpr-item input{
  width: 100%;
}


.vp-contact-page{
}
.vp-contact-form-section{
  margin-top: var(--unit120);
  padding-bottom: var(--unit120);
}
.vp-contact-form-section .error-message{
  color: var(--red);
}
.vp-contact-form-section .vp-contact-form-form-sp{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--unit20);
}
.vp-contact-form-section h2{
  text-align: center;
  font-size: var(--size32);
  margin-bottom: var(--unit30);
  font-weight: bold;
  color: #3D3D3D;
}
.vp-contact-form-section .form-content{

}
.vp-contact-form-section .form-content input[type=text]{
  height: var(--unit46);
  border-radius: var(--unit4);
  border: 1px solid #ddd;
  padding: var(--unit6) var(--unit10);
  cursor: default;
  font-size: var(--size16);
}
.vp-contact-form-section .form-content textarea{
  font-size: var(--size16);
}

.vp-contact-form-section .form-content .form-group .checkbox-content label{
  margin-bottom: 0;
}
.vp-contact-form-section .form-content .form-group .checkbox-content .checkbox-content-item{
  margin-right: var(--unit10);
  display: flex;
  align-items: center;
}
.vp-contact-form-section .form-content input[type=checkbox]{
  appearance: auto;
}
.vp-contact-form-section .form-content textarea{
  border-radius: var(--unit4);
  border: 1px solid #ddd;
  padding: var(--unit6) var(--unit10);
}
.vp-contact-form-section .form-content .form-group{
  display: flex;
  flex-direction: column;
  margin-top: var(--unit38);
  position: relative;
  font-size: var(--size16);
}
.vp-contact-form-section .form-content .form-group .sub-p1{
  margin-top: var(--unit16);
}
.vp-contact-form-section .form-content .form-group .sendsmsbtn{
  position: absolute;
  right: var(--unit10);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--size16);
}
.vp-contact-form-section .form-content .submit-content{
  text-align: center;
  margin-top: var(--unit20);
}
.vp-contact-form-section .form-content .submit-content .submit-btn{
  display: inline-block;
  border-radius: var(--unit4);
  background-color: var(--red);
  color: #fff;
  padding: var(--unit10) var(--unit32);
  margin-right: var(--unit34);
  border: 2px solid transparent;
  font-size: var(--size20);
  cursor: pointer;
}
.vp-contact-form-section .form-content .form-group .checkbox-content-item label{
  font-size: var(--size18);
}
.vp-contact-form-section .form-content .form-group label{
  position: relative;
  width: fit-content;
  line-height: var(--unit30);
  font-size: var(--size26);
  margin-bottom: var(--unit10);
}
.vp-contact-form-section .form-content .form-group label.required::after{
  position: absolute;
  top: 0;
  right: 0;
  content: '*';
  color: var(--red);
  z-index: 1;
  transform: translateX(100%);
}

.vp-network-section{
  background-color: #f4f4f4 !important;
}
.vp-network-section .vp-network-section-content-d1{

}
.vp-network-section .vp-network-section-content-d1-d1{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vp-network-section .vp-network-section-content-d1-d1 .item{
  display: flex;
  flex-direction: column;
}
.vp-network-section .vp-network-section-content-d1-d1 .item .p1{
  font-size: var(--size62);
  line-height: var(--unit82);
  color: var(--red);
}
.vp-network-section .vp-network-section-content-d1-d1 .item .p2{
  margin-top: var(--unit5);
  display: flex;
  align-items: center;
  font-size: var(--size16);
  line-height: var(--unit17);
}
.vp-network-section .vp-network-section-content-d1-d1 .item .p2 img{
  width: var(--unit15);
  margin-right: var(--unit4);
}
.vp-network-section .vp-network-section-content-d1-d2{
  margin-top: var(--unit53);
  font-size: var(--size26);
  line-height: var(--unit46);
  color: #3D3D3D;
  font-weight: bold;
}
.vp-network-section .vp-network-section-content-d2{
  margin-top: var(--unit60);
}
.vp-network-section .vp-network-section-content-d2 .item{
  height: var(--unit240);
  position: relative;
  margin-top: var(--unit24);
}
.vp-network-section .vp-network-section-content-d2 .item:first-child{
  margin-top: 0;
}
.vp-network-section .vp-network-section-content-d2 .item.right-item .img-content{
  right: 0;
  left: unset;
}
.vp-network-section .vp-network-section-content-d2 .item.right-item .desc-content{
  padding-left: var(--unit43) !important;
  padding-right: var(--unit380) !important;
}
.vp-network-section .vp-network-section-content-d2 .item .img-content{
  height: 100%;
  width: var(--unit360);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.vp-network-section .vp-network-section-content-d2 .item img{
  max-width: 100%;
  max-height: 100%;
}
.vp-network-section .vp-network-section-content-d2 .item .desc{
  padding: var(--unit25) 0;
}
.vp-network-section .vp-network-section-content-d2 .item .desc .desc-content{
  color: #3D3D3D;
  padding: var(--unit36) 0;
  background-color: #fff;
  border-radius: var(--unit4);
  padding-left: var(--unit398);
}
.vp-network-section .vp-network-section-content-d2 .item .desc p{
  font-size: var(--size18);
  line-height: var(--unit32);
  margin-top: var(--unit8);
}
.vp-network-section .vp-network-section-content-d2 .item .desc p.p1{
  font-size: var(--size26);
  line-height: var(--unit46);
  margin-top: 0;
}

.vp-hunter-section{
  
}
.vp-hunter-section .vp-hunter-section-content{}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d1{
  display: flex;
  justify-content: space-between;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d1 .img-content{
  width: var(--unit448);
  height: var(--unit197);
  margin-right: var(--unit10);
  flex-shrink: 0;
  border-radius: var(--unit4);
  overflow: hidden;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d1 img{
  max-width: 100%;
  max-height: 100%;  
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2{
  margin-top: var(--unit56);
  padding-bottom: var(--unit200);
  display: flex;
  justify-content: space-around;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item{
  position: relative;
}
/* .vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item:nth-child(2) {
  transform: translateY(calc(-1 * var(--unit17)));
} */
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item.cur{

}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item.cur .label{
  color: var(--red);
  transform: translateY(calc(-1 * var(--unit20)));
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item.cur .label::after{
  /* animation: circleNext 2s linear infinite; */
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item .label{
  font-size: var(--unit26);
  height: var(--unit88);
  display: flex;
  align-items: center;
  position: relative;
  font-weight: bold;
  justify-content: center;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .line-after{
  width: var(--unit60);
  height: 1px;
  background-color: #D8D8D8;
  margin-top: var(--unit40);
  transition: all 0.2s ease-in-out;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .line-after.cur-pre{
  transform: rotate(-16deg) translate(0, calc(-1 * var(--unit8)));
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item .label::after{
  position: absolute;
  content: '';
  width: var(--unit88);
  height: var(--unit88);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(111deg);
  z-index: 11;
  background: url('../images/vpgroup/circle-bg.png') no-repeat;
  background-size: contain;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item.cur .desc-content{
  display: block;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item .desc-content{
  padding-top: var(--unit20);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: max-content;
  max-width: var(--unit553);
  border-radius: var(--unit8);
  display: none;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item .desc::after{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  content: '';
  border-width: var(--unit20) var(--unit15);
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item .desc{
  padding: var(--unit15) var(--unit30);
  background: #FFFFFF;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
  color: #3D3D3D;
  width: 100%;
  border-radius: var(--unit4);
  position: relative;
  font-weight: normal;
  font-size: var(--size18);
  line-height: var(--size34);
}
.vp-hunter-section .vp-hunter-section-content .vp-hunter-section-content-d2 .vp-hunter-section-content-d2-item.cur + .line-after{
  transform: rotate(16deg) translate(0, calc(-1 * var(--unit8)));
}


.vp-module-section{
  background-color: #f4f4f4 !important;
  padding-top: var(--unit62);
  padding-bottom: var(--unit97);
}
.vp-module-section .vp-module-section-content{
  display: flex;
  justify-content: space-between;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item{
  border-radius: var(--unit4);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3D3D3D;
  font-size: var(--size20);
  line-height: var(--unit34);
  padding: 0 var(--unit30);
  height: var(--unit350);
  margin-right: var(--unit24);
  width: var(--unit211);
  position: relative;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item i {
  position: absolute;
  top: var(--unit34);
  right: var(--unit34);
  z-index: 11;
  font-size: var(--size62);
  color: var(--red);
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item:last-child{
  margin-right: 0;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item.cur{
  background-color: var(--red);
  color: #fff;
  width: var(--unit546);
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item.cur i{
  color: #fff;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item .title{
  font-size: var(--size30);
  font-weight: bold;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item.cur .desc{
  display: block;
}
.vp-module-section .vp-module-section-content .vp-module-section-content-item .desc{
  margin-top: var(--unit36);
  display: none;
}


.vp-coop-section{

}

.vp-coop-section .coop-wall-img-content{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.vp-coop-section .coop-wall-img-content .img-item{

}

.vp-coop-section .coop-wall-img-desc{
  margin-top: var(--unit36);
  font-size: var(--size14);
  color: #3D3D3D;
  line-height: var(--unit24);
  text-align: center;
}

.vp-history-section{
  position: relative;
  width: 100%;
  height: var(--unit867);
}
.vp-history-section .title{
  text-align: center;
  padding-top: var(--unit18);
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.vp-history-section .title p{
  font-size: var(--size26);
  font-weight: bold;
}
.vp-history-section .title p.sub-title{
  font-size: var(--size18);
  font-weight: normal;
  margin-top: var(--unit15);
}
.vp-history-section .vp-history-section-content{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.vp-history-section .vp-history-section-content .vp-history-section-content-after-content{
  position: absolute;
  top: 50%;
  right: 5%;
  width: var(--unit46);
  height: var(--unit46);
  box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 90%);
  z-index: 11;
  /* transform: translateY(-50%); */
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  cursor: pointer;
  background: #fff;
}
.vp-history-section .vp-history-section-content .vp-history-section-content-pre-content{
  position: absolute;
  top: 50%;
  left: 5%;
  width: var(--unit46);
  height: var(--unit46);
  box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 90%);
  z-index: 11;
  /* transform: translateY(-50%); */
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  cursor: pointer;
  background: #fff;
  display: none;
}
.vp-history-section .vp-history-section-content .vp-history-section-content-inner{
  display: flex;
  width: 100%;
  height: 100%;
  transition: all 0.2s var(--animation-timing-func);
}
.vp-history-section .vp-history-section-content .vp-history-section-content-inner img:first-child{
  width: 100vw;
  flex-shrink: 0;
}
.vp-history-section .vp-history-section-content .vp-history-section-content-inner img:nth-child(2){
  width: var(--unit792);
  flex-shrink: 0;
}


.vp-history-section .vp-history-section-content .img-content{
  width: 100%;
  height: 100%;
}
.vp-history-section .vp-history-section-content .img-content img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.vp-history-section .vp-history-section-content .swiper-wrapper{

}
.vp-history-section .vp-history-section-content .swiper-wrapper .swiper-slide:nth-child(1){
  width: 100vw;
}
.vp-history-section .vp-history-section-content .swiper-wrapper .swiper-slide:nth-child(2){
  width: 40vw;
}

.vp-glory-section-content{

}
.vp-glory-section-content .glory-wall-item{
  
}
.vp-glory-section-content .glory-wall-item .title{
  font-size: var(--size24);
  color: #3D3D3D;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.vp-glory-section-content .glory-wall-item .title img{
  width: var(--unit56);
  margin-right: var(--unit6);
}
.vp-glory-section-content .glory-wall-item .wall-img-content{
  margin-top: var(--unit36);
  position: relative;
  width: 100%;
  padding: 0 var(--unit40);
}
.vp-glory-section-content .glory-wall-item .wall-img-content .swiper-wrapper{
  /* width: var(--unit1020);
  overflow: hidden; */
  /* width: var(--unit1020); */
}
.vp-glory-section-content .glory-wall-item .wall-img-content .swiper-navigation-next{
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--unit40));
  transform: translateY(-50%);
  width: var(--unit40);
  height: var(--unit40);
  border-radius: 50%;
  background: #F0F3F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vp-glory-section-content .glory-wall-item .wall-img-content .swiper-navigation-pre{
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--unit40));
  transform: translateY(-50%);
  width: var(--unit40);
  height: var(--unit40);
  border-radius: 50%;
  background: #F0F3F6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vp-glory-section-content .glory-wall-item .wall-img-content .swiper-slide{
  display: flex;
  flex-wrap: wrap;
}

.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--unit245);
  height: var(--unit220);
  margin-right: var(--unit13);
}
.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item:nth-child(4n){
  margin-right: 0;
}
.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item:nth-child(n+5){
  margin-top: var(--unit40);
}

.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item p{
  font-size: var(--size12);
  line-height: var(--unit24);
  margin-top: var(--unit20);
  text-align: center;
  padding: 0 var(--unit30);
}
.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item .img-content{
  width: 100%;
  overflow: hidden;
  border-radius: var(--unit4);
  height: var(--unit155);
  background: #F0F3F6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--unit10) 0;
}
.vp-glory-section-content .glory-wall-item .wall-img-content .wal-img-content-item img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.vp-about-us-section{
  color: var(--red);
  background-image: url('../images/vpgroup/8-1.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.vp-about-us-section .tag-tag{
  font-size: var(--size32);
}
.vp-about-us-section .tag-tag.money-tag{
  margin-top: var(--unit10);
}

.vp-about-us-section .ff-static-item{
  font-size: var(--size45);
  position: relative;
}

.vp-about-us-section .ff-static-item::after{
  position: absolute;
  left: calc(-1 * var(--unit10));
  top: var(--unit24);
  z-index: 11;
  content: '';
  width: var(--unit3);
  height: var(--unit79);
  background-color: #DFDFDF;
}

.vp-about-us-section .ff-static-item .static-item-data{
  margin-right: var(--unit106);
}

.vp-about-us-section .ff-static-item .static-item-data .top-item{
  font-weight: bold;
  display: flex;
  align-items: center;
  color: var(--red);
}

.vp-about-us-section .ff-static-item .static-item-data .bottom-item{
  line-height: var(--unit26);
  margin-top: var(--unit5);
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: var(--size16);
  color: #3D3D3D;
}

.vp-about-us-section .ff-static-item .static-item-data .bottom-item img{
  width: var(--unit15);
  margin-right: var(--unit4);
}

.vp-about-us-section .ff-static-item.ss-static-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--unit53);
  margin-bottom: var(--unit38);
  font-size: var(--size32);
}

.vp-about-us-section .ff-static-item.ss-static-item::after{
  display: none;
}

.vp-about-us-section .ff-static-item.ss-static-item .static-item-data{
  margin-right: 0;
}

.ftdesc{
  font-size: var(--size18);
  line-height: var(--unit34);
  color: #000;
}

.min-center{
  width: var(--unit1020);
  margin: 0 auto;
}

.section-img-content{

}

.vp-introduce-section{

}

.vp-introduce-section .vp-talent-map-img{
  height: var(--unit519);
}

.vp-introduce-section .vp-talent-map-introduce{
  width: var(--unit726);
  margin: 0 auto;
  margin-top: var(--unit30);
  padding: var(--unit12) var(--unit68);
  background: url('../images/vpgroup/box-border-bg.png') no-repeat;
  background-size: 100% 100%;
}

.vp-introduce-section .vp-talent-map-introduce .top-desc{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vp-introduce-section .vp-talent-map-introduce .top-desc .s-tag{
  font-size: var(--size18);
}
.vp-introduce-section .vp-talent-map-introduce .top-desc .top-desc-item{

}
.vp-introduce-section .vp-talent-map-introduce .top-desc .top-desc-item .d1{
  font-size: var(--size62);
  font-weight: bold;
  color: var(--red);
  display: flex;
  align-items: baseline;
}
.vp-introduce-section .vp-talent-map-introduce .top-desc .top-desc-item .d1 .tag{
  font-size: var(--size32);
  margin-top: calc(-1 * var(--unit3));
}
.vp-introduce-section .vp-talent-map-introduce .top-desc .top-desc-item .d2{
  font-size: var(--unit12);
  display: flex;
  align-items: center;
}
.vp-introduce-section .vp-talent-map-introduce .top-desc .top-desc-item .d2 img{
  width: var(--unit15);
  margin-right: var(--unit4);
}

.vp-introduce-section .vp-talent-map-introduce .bottom-desc{
  margin: 0 auto;
  margin-top: var(--unit28);
  font-size: var(--size18);
  line-height: var(--unit30);
  width: var(--unit605);
}

.vp-srv-core-section-content{

}

.vp-srv-core-section-content .vp-srv-core-section-content-card{
  height: var(--unit440);
  padding: 0 var(--unit30);
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: var(--unit4);
}

.vp-srv-core-section-content .vp-srv-core-section-content-card:nth-child(1){
  width: var(--unit675);
  margin-right: var(--unit15);
  flex-shrink: 0;
  background-image: url('../images/vpgroup/4-2.png');
}
.vp-srv-core-section-content .vp-srv-core-section-content-card:nth-child(2){
  background-image: url('../images/vpgroup/4-3.png');
}
.vp-srv-core-section-content .vp-srv-core-section-content-card .title{
  font-size: var(--unit18);
  line-height: var(--unit24);
  padding: var(--unit14) 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: bold;
}
.vp-srv-core-section-content .vp-srv-core-section-content-card p{
  font-size: var(--unit18);
  line-height: var(--unit30);
  color: #fff;
  margin-top: var(--unit23);
}
.vp-srv-core-section-content .vp-srv-core-section-content-card:nth-child(2) p{
  margin-top: auto;
}
.vp-srv-core-section-content .vp-srv-core-section-content-card:nth-child(2) .title{
  border-bottom: 0;
  border-top: 1px solid #fff;
  margin-top: var(--unit26);
  padding-bottom: var(--unit36);
}

.vp-service-core-section-content{
  padding-top: var(--unit100);
  margin-top: 0 !important;
}
.vp-service-core-section-content-card{
  width: var(--unit320);
  height: var(--unit258);
  border-radius: var(--unit4);
  background: #FFFFFF;
  padding: 0 var(--unit20) var(--unit24);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.vp-service-core-section-content-card.cur{
  transform: translateY(calc(-1 * var(--unit28)));
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
}

.vp-service-core-section-content-card img{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--unit120);
  height: var(--unit120);
  object-fit: cover;
}

.vp-service-core-section-content-card h2{
  font-size: var(--size26);
  color: #010101;
  font-weight: bold;
  margin-top: auto;
  text-align: center;
}

.vp-service-core-section-content-card p{
  margin-top: var(--unit20);
  font-size: var(--size18);
  line-height: var(--unit30);
}

.vp-right-side-pannel{
  position: fixed;
  top: 30%;
  right: var(--unit23);
  z-index: 99;
  display: flex;
  flex-direction: column;
}

.vp-right-side-pannel .right-item{
  width: var(--unit46);
  height: var(--unit46);
  background: #FFFFFF;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--unit20);
  position: relative;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-contact{
  display: none;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-contact-cur{
  display: block;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-phone{
  display: none;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-phone-cur{
  display: block;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-back{
  display: none;
}
.vp-right-side-pannel .right-item:hover .icon-icon.icon-icon-back-cur{
  display: block;
}

.vp-right-side-pannel .right-item:hover .info{
  width: max-content;
  padding-left: var(--unit13);
  padding-right: var(--unit30);
}

.vp-right-side-pannel .right-item .info{
  height: var(--unit30);
  position: absolute;
  background-color: var(--red);
  border-radius: var(--unit91);
  font-size: var(--size16);
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: -1;
  width: 0;
  right: var(--unit23);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}

.vp-right-side-pannel .right-item:hover{
  background-color: var(--red);
}


.vp-common-dingzhi{
  background: #F4F4F4;
  text-align: center;
  padding: var(--unit88) 0;
}
.vp-common-dingzhi p{
  font-size: var(--size30);
  font-weight: bold;
}
.vp-common-dingzhi .op-content{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--unit15);
}
.vp-common-dingzhi .op-content a {
  display: inline-block;
  border-radius: var(--unit4);
  background-color: var(--red);
  color: #fff;
  padding: var(--unit10) var(--unit32);
  margin-right: var(--unit34);
  border: 2px solid transparent;
  font-size: var(--size20);
}
.vp-common-dingzhi .op-content a.contact{
  margin-right: 0;
  border-color: var(--red);
  background-color: transparent;
  color: var(--red);
  position: relative;
}
.vp-common-dingzhi .op-content a.contact .contact-pop-service{
  width: var(--unit254);
  padding-top: var(--unit20);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  display: none;
}
.vp-common-dingzhi .op-content a.contact .contact-pop-service .contact-pop-service-desc{
  background-color: #fff;
  border-radius: var(--unit4);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
  padding: var(--unit15);
  position: relative;
}
.vp-common-dingzhi .op-content a.contact .contact-pop-service .contact-pop-service-desc::after{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -98%);
  content: '';
  border-width: var(--unit12) var(--unit15);
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.vp-common-dingzhi .op-content a.contact .contact-pop-service .contact-pop-service-desc img{
  max-width: 100%;
  max-height: 100%;
}
.vp-common-dingzhi .op-content a.contact .contact-pop-service .contact-pop-service-desc p{
  font-size: var(--size18);
  color: #3D3D3D;
  margin-top: var(--unit5);
}
.vp-common-dingzhi .op-content a.contact:hover .contact-pop-service{
  display: block;
}



.vp-common-bg-content{
  width: 100%;
  height: var(--unit570);
  color: #fff;
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--unit24);
}

.vp-common-bg-content .vp-common-bg-content-inner-slide-content{
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  width: var(--unit1020);
  overflow: hidden;
  padding-bottom: var(--unit60);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vp-common-bg-content .vp-common-bg-content-inner-slide-content .vp-common-section-title{}

.vp-common-bg-content h2{
  font-size: var(--size30);
  font-weight: 700;
  margin-bottom: var(--unit18);
  text-align: center;
}

.vp-common-bg-content .desc-content{
  height: var(--unit350);
  width: 100%;
  border-radius: var(--unit10);
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(var(--unit34));
  padding-left: var(--unit97);
  display: flex;
  align-items: center;
  position: relative;
}

.vp-common-bg-content .desc-content::after{
  position: absolute;
  left: var(--unit97);
  top: var(--unit53);
  z-index: 1;
  height: var(--unit30);
  width: var(--unit34);
  background: url('../images/dot-tag.png') no-repeat;
  background-size: contain;
  content: '';
}

.vp-common-bg-content .desc-content::before{
  position: absolute;
  right: var(--unit79);
  bottom: var(--unit53);
  z-index: 1;
  height: var(--unit30);
  width: var(--unit34);
  background: url('../images/dot-tag.png') no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  content: '';
}
.vp-common-bg-content .vp-recruit-service-inner-swiper{
  margin-top: auto;
}
.vp-common-bg-content.vp-eco-partner-img-wall-section .vp-recruit-service-inner-swiper{
  margin-top: var(--unit100);
}
.vp-common-bg-content.vp-eco-partner-img-wall-section .vp-recruit-service-inner-swiper .swiper-navigation-next{
  bottom: var(--unit263);
}
.vp-common-bg-content.vp-eco-partner-img-wall-section .vp-recruit-service-inner-swiper .swiper-navigation-pre{
  bottom: var(--unit263);
}
.vp-recruit-service-inner-swiper .swiper-navigation-next{
  position: absolute;
  width: var(--unit20);
  height: var(--unit20);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: var(--size18);
  z-index: 99;
  bottom: var(--unit220);
  right: var(--unit30);
}
.vp-recruit-service-inner-swiper .swiper-navigation-pre{
  position: absolute;
  width: var(--unit20);
  height: var(--unit20);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: var(--size18);
  z-index: 99;
  bottom: var(--unit220);
  left: var(--unit30);
}

.vp-common-bg-content .desc-content .desc-content-inner{
  width: var(--unit847);
  font-size: var(--size18);
  line-height: var(--unit34);
}

.vp-common-bg-content .vp-common-section-title{
  color: #fff;
  padding-top: var(--unit36);
  margin-bottom: 0;
}

.vp-common-bg-content .vp-common-section-title .title-logo{
  /* background: url(''); */
}

.vp-employer-core-section-content{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: calc(-1 * var(--unit20));
}
.vp-employer-core-section-content::after{
  position: absolute;
  content: '';
  top: calc(50% + var(--unit10));
  left: calc(50% - var(--unit6));
  width: var(--unit58);
  height: var(--unit58);
  border-radius: 50%;
  background: #F4C8C7;
  transform: translate(-50%, -50%);
}
.vp-employer-core-section-content .vp-employer-core-section-content-item{
  width: 50%;
  height: var(--unit285);
  margin-top: var(--unit20);
}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur{

}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur .vp-employer-core-section-content-item-inner{
  width: var(--unit534);
  height: var(--unit305);
}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur:nth-child(1) .vp-employer-core-section-content-item-inner{
  transform: translate(calc(-1 * var(--unit46)), calc(-1 * var(--unit24)));
}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur:nth-child(2) .vp-employer-core-section-content-item-inner{
  transform: translate(var(--unit18), calc(-1 * var(--unit24)));
}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur:nth-child(3) .vp-employer-core-section-content-item-inner{
  transform: translate(calc(-1 * var(--unit46)), var(--unit10));
}
.vp-employer-core-section-content .vp-employer-core-section-content-item.cur:nth-child(4) .vp-employer-core-section-content-item-inner{
  transform: translate(var(--unit18), var(--unit10));
}
.vp-employer-core-section-content .vp-employer-core-section-content-item:nth-child(1) .vp-employer-core-section-content-item-inner{
  background-image: url('../images/vpgroup/card-tl.png');
}
.vp-employer-core-section-content .vp-employer-core-section-content-item:nth-child(2) .vp-employer-core-section-content-item-inner{
  background-image: url('../images/vpgroup/card-tr.png');
  flex-direction: row-reverse;
}
.vp-employer-core-section-content .vp-employer-core-section-content-item:nth-child(3) .vp-employer-core-section-content-item-inner{
  background-image: url('../images/vpgroup/card-bl.png');
}
.vp-employer-core-section-content .vp-employer-core-section-content-item:nth-child(4) .vp-employer-core-section-content-item-inner{
  background-image: url('../images/vpgroup/card-br.png');
  flex-direction: row-reverse;
}
.vp-employer-core-section-content .vp-employer-core-section-content-item .vp-employer-core-section-content-item-inner{
  width: var(--unit498);
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s var(--animation-timing-func);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.vp-employer-core-section-content .vp-employer-core-section-content-item .vp-employer-core-section-content-item-inner img{
  max-width: var(--unit120);
  max-height: var(--unit120);
}
.vp-employer-core-section-content .vp-employer-core-section-content-item .vp-employer-core-section-content-item-inner .text-content{
  width: var(--unit252);
  font-size: var(--size18);
  line-height: var(--unit30);
}
.vp-employer-core-section-content .vp-employer-core-section-content-item .vp-employer-core-section-content-item-inner .text-content .title{
  font-weight: bold;
}
.vp-employer-core-section-content .vp-employer-core-section-content-item .vp-employer-core-section-content-item-inner .text-content .desc{
  
}
/* .vp-employer-core-section-content .employer-core-section-item{
  width: var(--unit498);
  height: var(--unit285);
  background: #fff;
  padding-left: var(--unit40);
  padding-top: var(--unit53);
  transition: all 0.2s ease-in-out;
}
.vp-employer-core-section-content .employer-core-section-item:hover{
  width: var(--unit534);
  height: var(--unit305);
}
.vp-employer-core-section-content .employer-core-section-item .core-text{
  font-size: var(--size18);
  line-height: var(--unit30);
  width: var(--unit252);
}
.vp-employer-core-section-content .employer-core-section-item .core-text h3{
  font-weight: bold;
}
.vp-employer-core-section-content .vp-employer-core-section-content-rowt .employer-core-section-item:nth-child(1):hover{
  background-color: red;
  transform: translate(calc(-1 * var(--unit38)), calc(-1 * var(--unit2)));
}
.vp-employer-core-section-content .vp-employer-core-section-content-rowt .employer-core-section-item:nth-child(2):hover{
  background-color: red;
  transform: translate(var(--unit38), calc(-1 * var(--unit2)));
}
.vp-employer-core-section-content .vp-employer-core-section-content-rowb .employer-core-section-item:nth-child(1):hover{
  background-color: red;
  transform: translate(calc(-1 * var(--unit38)), var(--unit24));
}
.vp-employer-core-section-content .vp-employer-core-section-content-rowb .employer-core-section-item:nth-child(2):hover{
  background-color: red;
  transform: translate(var(--unit38), var(--unit24));
} */

.ai-data{
  height: 100%;
}

.ai-data .ai-data-item{
  position: relative;
  padding-left: var(--unit13);
  margin-bottom: var(--unit68);
}
.ai-data .ai-data-item:last-child{
  margin-bottom: 0;
}

.ai-data .ai-data-item::after{
  position: absolute;
  left: 0;
  top: var(--unit18);
  content: '';
  width: var(--unit3);
  height: 65%;
  background: #DFDFDF;
}

.ai-data .ai-data-item .top-desc{
  color: var(--red);
  font-size: var(--size62);
  line-height: var(--unit82);
  display: flex;
  align-items: center;
}

.ai-data .ai-data-item .bottom-desc{
  margin-top: var(--unit5);
  font-size: var(--size16);
  line-height: var(--unit28);
  display: flex;
  align-items: center;
  color: #3D3D3D;
  font-weight: 500;
}

.ai-data .ai-data-item .bottom-desc img{
  width: var(--unit15);
  margin-right: var(--unit4);
}

.vp-b-top-banner{
  position: relative;
  width: 100%;
  /* height: var(--unit960); */
  background-color: black !important;
  min-height: var(--unit60);
}
.vp-b-top-banner video{
  object-fit: cover;
  height: 100% !important;
  width: 100% !important;
}
.vp-b-top-banner .vp-b-top-banner-content{
  position: relative;
}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper{
  height: 100%;
  position: relative;
}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper .swiper-wrapper .swiper-slide{

}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper .swiper-wrapper .swiper-slide.swiper-slide-active{

}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper .swiper-wrapper .iconfont{
  font-size: var(--size20);
  font-weight: bold;
}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper .swiper-navigation-next{
  position: absolute;
  top: 50%;
  right: 8%;
  width: var(--unit46);
  height: var(--unit46);
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: var(--size16);
}
.vp-b-top-banner .vp-b-top-banner-content .vp-recruit-service-swiper .swiper-navigation-pre{
  position: absolute;
  top: 50%;
  left: 8%;
  width: var(--unit46);
  height: var(--unit46);
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: var(--size16);
}
.vp-b-top-banner .vp-b-top-banner-content .text-content{
  color: #fff;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 22;
}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2{

}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2 .text-content-inner{
  /* width: var(--unit820); */
  width: max-content;
  text-align: left;
}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2 .p1{
  line-height: normal;
  padding-left: 0;
}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2 .p1 img{
  width: var(--unit197);
}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2 .p2{
  color: #FFE3B9;
  font-size: var(--size67);
  line-height: var(--unit68);
  margin-top: var(--unit10);
  font-family: 'alimama';
  font-weight: 600;
}
.vp-b-top-banner .vp-b-top-banner-content .text-content.text-content-2 .p3{
  color: #FFF;
  font-size: var(--size34);
  line-height: var(--unit46);
  margin-top: var(--unit15);
}


.vp-b-top-banner .vp-b-top-banner-content .text-content .p1{
  font-size: var(--size22);
  line-height: var(--unit36);
  padding-left: var(--unit400);
}
.vp-b-top-banner .vp-b-top-banner-content .text-content .p2{
  font-size: var(--size67);
  line-height: var(--unit36);
  margin-top: var(--unit30);
}
.vp-b-top-banner .vp-b-top-banner-content .text-content .p3{
  font-size: var(--size36);
  line-height: var(--unit36);
  margin-top: var(--unit32);
}


.vp-b-top-banner .vp-b-top-banner-content .img-content{
  width: 100%;
  height: var(--unit486);
  background-position: center center;
  background-repeat: no-repeat;
  /* background-size: auto 100%; */
  background-size: cover;
}
.vp-hh-recruitment-services-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/2-banner-top.png');
}
.vp-process-out-sourcing-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/3-banner-top.png');
}
.vp-service-recruitment-service-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/4-banner-top.png');
}
.vp-flexible-employment-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/5-banner-top.png');
}
.vp-eco-partner-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/6-banner-top.png');
}
.vp-talent-introduction-service-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/7-banner-top.png');
}
.vp-about-us-page .vp-b-top-banner .vp-b-top-banner-content .img-content{
  background-image: url('../images/vpgroup/8-banner-top.png');
}

.vp-top-banner{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: var(--unit60);
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(9px);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  padding-right: var(--unit80);
  padding-left: var(--unit100);
  color: #fff;
  font-size: var(--size16);
}

.vp-common-section{
  width: 100%;
  background-color: #fff;
  color: var(--text-color);
  padding: var(--unit70) 0;
}


.vp-common-title.vp-fix-common-title{
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 9999;
}
.vp-common-title{
  width: 100%;
  height: var(--unit50);
  background: #FFFFFF;
  box-shadow: inset 0px -0.5px 0px 0px #DFDFDF;
}

.vp-common-section-title{
  display: flex;
  margin-bottom: var(--unit60);
}

.vp-common-section-title .title-logo{
  width: var(--unit28);
  height: var(--unit28);
  margin-right: var(--unit4);
  background: url('../images/vpgroup/tiny-logo.png') no-repeat;
  background-size: contain;
}

.vp-common-section-title h2{
  font-size: var(--size26);
  font-weight: bold;
  line-height: var(--unit28);
  height: var(--unit28);
  color: #010101;
}

.vp-common-section-title .sub-title{
  margin-top: var(--unit16);
  font-size: var(--size18);
  color: #3D3D3D;
  display: inline-block;
}

.vp-common-title .vp-common-title-content{
  width: var(--unit1020);
  margin: 0 auto;
  font-size: var(--size14);
  color: #000;
  font-weight: 500;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vp-common-title .vp-common-title-content .menu-tab{
  display: flex;
  align-items: center;
  height: 100%;
}

.vp-common-title .vp-common-title-content .menu-tab li{
  height: 100%;
  margin-right: var(--unit36);
  position: relative;
  display: flex;
  align-items: center;
}

.vp-common-title .vp-common-title-content .menu-tab li a{
  color: #000;
  display: inline-flex;
  height: 100%;
  align-items: center;
}
.vp-common-title .vp-common-title-content .menu-tab li a.cur{
  color: var(--red);
}

.vp-common-title .vp-common-title-content .menu-tab li a::after{
  content: '';
  position: absolute;
  width: 100%;
  height: var(--unit2);
  background-color: var(--red);
  left: 0;
  bottom: 0;
  z-index: 1;
  display: none;
}

.vp-common-title .vp-common-title-content .menu-tab li a.cur::after{
  display: block;
}

.vp-common-title .vp-common-title-content .menu-path{
  display: flex;
  align-items: center;
}

.vp-common-title .vp-common-title-content .menu-path .logo{
  width: var(--unit22);
  margin-right: var(--unit4);
}

.vp-common-title .vp-common-title-content .menu-path p{
  display: flex;
  align-items: center;
  color: #6E777F;
}

.vp-common-title .vp-common-title-content .menu-path p span{
  display: inline-block;
  padding-right: var(--unit12);
  position: relative;
  margin-right: var(--unit12);
}

.vp-common-title .vp-common-title-content .menu-path p span::after{
  position: absolute;
  content: '/';
  font-size: var(--size10);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.vp-common-title .vp-common-title-content .menu-path p span:last-child{
  padding-right: 0;
  margin-right: 0;
}

.vp-common-title .vp-common-title-content .menu-path p span:last-child::after{
  display: none;
}

.vp-common-section .vp-common-content{
  width: var(--unit1020);
  margin: 0 auto;
}
.vp-common-section.vp-glory-section .vp-common-content{
  width: var(--unit1180);
  overflow: hidden;
  padding: 0 var(--unit40);
}

.vp-top-banner .vp-top-banner-l{
}
.vp-top-banner .vp-top-banner-l .vp-logo{
  width: var(--unit104);
  height: var(--unit36);
  background: url('../images/vpgroup/top-logo.png') no-repeat;
  background-size: contain;
}
.vp-top-banner .vp-top-banner-l span{
  font-size: var(--size12);
  margin-left: var(--unit14);
}

.vp-top-banner .vp-top-banner-r{
  height: 100%;
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li{
  cursor: pointer;
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li:hover .vp-top-banner-menu-pop-outer{
  display: block;
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop-outer{
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, 100%);
  display: none;
  padding-top: var(--unit14);
  width: max-content;
}

.vp-contact-page .vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop{
  background: rgba(0, 0, 0, 0.86);
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop{
  background: rgba(0, 0, 0, 0.24);
  border: 0.4px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(9px);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  padding: var(--unit10) var(--unit6);
  display: flex;
  flex-direction: column;
  border-radius: var(--unit4);
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop .li-item{
  height: var(--unit30);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size16);
  color: #fff;
  padding: 0 var(--unit12);
  cursor: pointer;
  margin-top: var(--unit6);
}
.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop .li-item:first-child{
  margin-top: 0;
}

.vp-top-banner .vp-top-banner-r .vp-top-banner-r-outer-menu li .vp-top-banner-menu-pop .li-item:hover{
  background: rgba(255, 255, 255, 0.3);
}

.vp-top-banner .vp-top-banner-r ul{
  height: 100%;
}

.vp-top-banner .vp-top-banner-r ul li{
  margin-right: var(--unit30);
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.vp-top-banner .vp-top-banner-r .btn-content{
}

.vp-top-banner .vp-top-banner-r .btn-content a{
  display: inline-block;
  font-size: var(--size12);
  border: 0.4px solid transparent;
  border-radius: 4px;
  line-height: var(--unit24);
  padding: var(--unit4) var(--unit10);
  color: #fff;
  border-color: #fff;
}

.vp-top-banner .vp-top-banner-r .btn-content a.hr-btn{
  background-color: var(--red);
  border-color: var(--red);
  margin-right: var(--unit12);
}

.vp-section-item{
}

.vp-section-item .section-title{
  font-size: var(--size24);
  color: var(--black);
  font-weight: 500;
  margin-bottom: var(--unit26);
}

.vp-section-item .section-title img.logo{
  width: var(--unit28);
  height: var(--unit28);
  margin-right: var(--unit4);
}

.vp-section-item .vp-section-item-content{
}

.vp-section-item .vp-section-item-content img{
  width: 100%;
}

.vp-section-item .vp-section-item-content .ll{
  width: var(--unit675);
  margin-right: var(--unit15);
}

.vp-section-item .vp-section-item-content .rr{
  width: var(--unit330);
}

.vp-section-item .vp-section-item-content .d-item{
  width: 100%;
  height: var(--unit440);
  position: relative;
  border-radius: var(--unit4);
  overflow: hidden;
  font-size: var(--size18);
  cursor: pointer;
  border-radius: var(--unit4);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.vp-section-item .vp-section-item-content .ll .d1.d-item{
  background-image: url('../images/vpgroup/1-1-bg-bg.png');
}
.vp-section-item .vp-section-item-content .ll .d1.d-item.cur{
  background-image: url('../images/vpgroup/1-1-bg.jpg');
}
.vp-section-item .vp-section-item-content .lb .d2.d-item:nth-child(1){
  background-image: url('../images/vpgroup/1-3-bg-bg.png');
}
.vp-section-item .vp-section-item-content .lb .d2.d-item.cur:nth-child(1){
  background-image: url('../images/vpgroup/1-3-bg.jpg');
}
.vp-section-item .vp-section-item-content .lb .d2.d-item:nth-child(2){
  background-image: url('../images/vpgroup/1-4-bg-bg.png');
}
.vp-section-item .vp-section-item-content .lb .d2.d-item.cur:nth-child(2){
  background-image: url('../images/vpgroup/1-4-bg.jpg');
}
.vp-section-item .vp-section-item-content .rr .d2.d-item:nth-child(1){
  background-image: url('../images/vpgroup/1-2-bg-bg.png');
}
.vp-section-item .vp-section-item-content .rr .d2.d-item.cur:nth-child(1){
  background-image: url('../images/vpgroup/1-2-bg.jpg');
}
.vp-section-item .vp-section-item-content .rr .d2.d-item:nth-child(2){
  background-image: url('../images/vpgroup/1-5-bg-bg.png');
}
.vp-section-item .vp-section-item-content .rr .d2.d-item.cur:nth-child(2){
  background-image: url('../images/vpgroup/1-5-bg.jpg');
}

.vp-section-item .vp-section-item-content .d-item .item-desc{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11;
  padding: 0 var(--unit30);
  color: var(--desc-black);
  width: 100%;
}

.vp-section-item .vp-section-item-content .d-item.cur .item-desc{
  color: #fff;
}

.vp-section-item .vp-section-item-content .d-item.cur .item-desc-t{
  border-bottom: 1px solid #fff;
}

.vp-section-item .vp-section-item-content .d-item .item-desc-t{
  border-bottom: 1px solid var(--bd-black);
}
.vp-section-item .vp-section-item-content .d-item .item-desc-b{
  padding-top: var(--unit14);
  font-weight: 700;
}

.vp-section-item .vp-section-item-content .d1{
  
  
}

.vp-section-item .vp-section-item-content .d2{
}

.vp-section-item .vp-section-item-content .d1 .item-desc{
  height: var(--unit120);
  padding-top: var(--unit14);
  padding-bottom: var(--unit20);
}

.vp-section-item .vp-section-item-content .d1 .item-desc .item-desc-t{

}
.vp-section-item .vp-section-item-content .d1 .item-desc .item-desc-b{
  padding-top: var(--unit23);
}

.vp-section-item .vp-section-item-content .d2 .item-desc{
  height: var(--unit220);
  padding-top: var(--unit28);
  padding-bottom: var(--unit32);
}

.vp-section-item .vp-section-item-content .lb .d-item:first-child{
  margin-right: var(--unit15);
}

.vp-contact-error-message{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99;
  background: #000;
  color: #fff;
  padding: var(--unit8) var(--unit20);
  line-height: var(--unit30);
  border-radius: var(--unit8);
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
  max-width: 40%;
  opacity: 0;
}