li {
  list-style: none;
}
body {
  overflow: auto;
}
.wrap-home .container {
  margin: 0 auto;
  width: 1200px;
}
.wrap-home .nav {
  width: 1200px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  display: flex;
  align-items: center;
  height: 75px;
  font-size: 20px;
  color: #333333;
}
.wrap-home .nav .navItem {
  position: relative;
  margin-right: 66px;
  cursor: pointer;
  white-space: nowrap;
}
.wrap-home .nav .navItem .active {
  font-weight: bold;
  color: #f54e52;
}
.wrap-home .nav .navItem .block {
  position: absolute;
  left: 50%;
  top: 44px;
  transform: translateX(-50%);
  width: 26px;
  height: 4px;
  background: #ef2329;
}
.wrap-home .content .banner1 {
  padding-top: 188px;
  width: 100%;
  height: 720px;
  background: url('../images/banner1.png') no-repeat center / cover;
}
.wrap-home .content .banner1 .banner1-title {
  color: #333333;
  font-size: 42px;
  font-weight: bold;
}
.wrap-home .content .banner1 .banner1-desc {
  margin-top: 10px;
  font-size: 33px;
  font-weight: bold;
  color: #f54e52;
}
.wrap-home .content .banner1 .banner1-desc2 {
  margin-top: 16px;
  font-size: 30px;
  color: #252b3a;
}
.wrap-home .content .banner1 .banner1-btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 50px;
  background: linear-gradient(89deg, #fd5f53 0%, #fa3b3f 100%);
  border-radius: 4px 4px 4px 4px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.wrap-home .content .banner2 {
  padding-top: 100px;
  width: 100%;
  height: 602px;
  background: url('../images/banner2.png') no-repeat center / cover;
}
.wrap-home .content .banner2 .tip {
  color: #f54e52;
  cursor: pointer;
}
.wrap-home .content .banner2 .tip-new {
  color: #f54e52;
}
.wrap-home .content .banner2-title {
  display: flex;
  justify-content: center;
  font-size: 42px;
  font-weight: bold;
  color: #252b3a;
}
.wrap-home .content .banner2-desc {
  margin: 18px auto 0;
  width: 1170px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
}
.wrap-home .content .banner2 .box {
  padding: 72 82px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  color: #333333;
  width: 1200px;
  height: 230px;
  background: url('/static/images/industries/tip-bg.png') no-repeat center / cover;
}
.wrap-home .content .banner3 {
  padding-top: 100px;
  width: 100%;
  height: 963px;
  background: url('../images/banner3.png') no-repeat center / cover;
}
.wrap-home .content .banner3 .title {
  display: flex;
  justify-content: center;
  font-size: 42px;
  font-weight: bold;
  color: #252b3a;
}
.wrap-home .content .banner3 .func-box {
  display: flex;
  justify-content: space-between;
}
.wrap-home .content .banner3 .func-box .func-list .func-item {
  margin-top: 72px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.wrap-home .content .banner3 .func-box .func-list .func-item .func-info {
  margin-left: 36px;
}
.wrap-home .content .banner3 .func-box .func-list .func-item .func-info .func-title {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}
.wrap-home .content .banner3 .func-box .func-list .func-item .func-info .func-desc {
  width: 360px;
  margin-top: 10px;
  font-size: 18px;
  color: #666666;
}
.wrap-home .content .banner3 .func-box .func-list .func-item .func-img {
  width: 84px;
  height: 84px;
}

/** 都有哪些功能的选中样式 */
.wrap-home .content .banner3 .func-box .func-list .func-item.active .func-info .func-title, .wrap-home .content .banner3 .func-box .func-list .func-item.active .func-info .func-desc {
  color: #f54e52;
}
.func-img.active {
  overflow: hidden;
}
.func-img.active img {
  position: relative;
  left: 100px;
  filter: drop-shadow(-100px 0px 0px #f54e52);
}
/** 都有哪些功能的选中样式 */

.wrap-home .content .banner4 {
  padding-top: 100px;
  width: 100%;
  height: 862px;
  background: url('../images/banner4.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .title {
  display: flex;
  justify-content: center;
  font-size: 42px;
  font-weight: bold;
  color: #252b3a;
}
.wrap-home .content .banner4 .desc {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
}
.wrap-home .content .banner4 .banner4-card-wrap {
  margin: 60px auto 0;
  /* width: 1200px; */
  display: flex;
  justify-content: space-between;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 224px;
  height: 370px;
  box-shadow: 0px 0px 20px 1px rgba(138, 142, 153, 0.1);
  border-radius: 20px;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job-img {
  width: 85px;
  height: 85px;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .card-title {
  margin-top: 18px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .card-desc {
  text-align: center;
  width: 179px;
  margin-top: 26px;
  font-size: 22px;
  font-weight: 400;
  color: #666666;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job-imgs {
  width: 85px;
  height: 85px;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job_cy {
  background: url('../images/job_cy.png?v=1') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job_yb {
  background: url('../images/yl-lw.png?v=1') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job_sx {
  background: url('../images/job_sx.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job_shop {
  background: url('../images/job_shop.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card .job_other {
  background: url('../images/job_other.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover {
  background: url('../images/job_card_active.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .card-title,
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .card-desc {
  color: #ffffff;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .job_cy {
  background: url('../images/job_cy_active.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .job_yb {
  background: url('../images/yl-img.png?v=1') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .job_sx {
  background: url('../images/job_sx_active.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .job_shop {
  background: url('../images/job_shop_active.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner4-card-wrap .banner4-card:hover .job_other {
  background: url('../images/job_other_active.png') no-repeat center / cover;
}
.wrap-home .content .banner4 .banner-btn {
  margin: 60px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  width: 218px;
  height: 60px;
  background: linear-gradient(89deg, #fd5f53 0%, #fa3b3f 100%);
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
}
.wrap-home .content .banner4 .banner-btn .arrow {
  margin-left: 10px;
}
.wrap-home .content .banner5 {
  padding-top: 100px;
  width: 100%;
  height: 729px;
  background-color: #ffffff;
}
.wrap-home .content .banner5 .title {
  display: flex;
  justify-content: center;
  font-size: 42px;
  font-weight: bold;
  color: #252b3a;
}
.wrap-home .content .banner5 .banner5-box {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 25px;
  row-gap: 25px;
}
.wrap-home .content .banner5 .banner5-box .logo-wrap {
  position: relative;
  width: 220px;
  height: 120px;
}
.wrap-home .content .banner5 .banner5-box .logo-wrap .banner5-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  height: 180px;
}

.qr-code-list{
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 60px;
}
.qr-code-item {
  text-align: center;
  width: 182px;
  height: 196px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.qr-code-item .qr-text{
  margin-top: 10px;
}