.swiper-slide {
  height: 390px;
  align-items: initial;
}
.swiper-slide .content-box {
  margin-top: 127px;
}

.swiper-slide .h1 {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1f2024;
  margin-bottom: 28px;
}
.swiper-slide .h2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1f2024;
  margin-bottom: 70px;
}
.swiper-slide .apply-btn {
  width: 134px;
  height: 43px;
  background: #1c6cfe;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* jssl */
.jssl {
  height: 615px;
  background: #fff;
}
.jssl .title-box .title {
  margin-top: 62px !important;
  margin-bottom: 80px !important;
}

.jssl .card-item {
  width: 384px;
  height: 234px;
  border-radius: 2px;
  position: relative;
}
.jssl .card-item > .bg {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.jssl .card-wrapper {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.jssl .card-item .card-content {
  width: 360px;
  height: 185px;
  background: #ffffff;
  box-shadow: 0px 12px 42px 0px rgba(31, 32, 36, 0.1);
  border-radius: 12px;
  position: absolute;
  left: 12px;
  bottom: -118px;
  padding: 24px;
}
.jssl .card-item .card-content .title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1f2024;
  padding: 6px 0 14px;
  border-bottom: 1px solid #e9ebf2;
}
.jssl .card-item .card-content .content {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5c616b;
  line-height: 32px;
  margin-top: 14px;
}

.jssl .card-item:nth-child(1):hover .card-content {
  background: url('../picture/dz-a1-bg.png') no-repeat;
}
.jssl .card-item:nth-child(2):hover .card-content {
  background: url('../picture/dz-a2-bg.png') no-repeat;
}
.jssl .card-item:nth-child(3):hover .card-content {
  background: url('../picture/dz-a3-bg.png') no-repeat;
}
.jssl .card-item .card-content {
  background-size: 100% 100%;
}

.service-process {
  background: url('../picture/dz-b-bg.png') no-repeat;
  background-size: 100% 100%;
}

.service-process .title {
  margin-bottom: 0 !important;
}
.service-process .body-box {
  margin-top: 60px;
  padding-bottom: 70px;
}
.service-process .body-box ul {
  flex: 1;
  justify-content: space-between;
}
.service-process .node-item {
  width: 180px;
  height: 156px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 12px 42px 0px rgba(49, 65, 104, 0.1);
  border-radius: 24px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.service-process .node-item .icon {
  position: absolute;
  top: -20px;
}

.ys {
  background: #fff;
}
.ys .title {
  margin-bottom: 0 !important;
}
.ys .body-box {
  margin-top: 60px;
  padding-bottom: 80px;
}
.ys .body-box ul {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.ys .body-box .good-item {
  width: 282px;
  height: 220px;
  background: #ebf1ff;
  border-radius: 12px;
  padding: 20px 24px;
  position: relative;
  top: 0;
  transition: top 0.3s ease;
}

.ys .body-box .good-item .icon {
  width: 36px;
  height: 36px;
}
.ys .body-box .good-item .title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1f2024;
  padding: 10px 0 10px;
  border-bottom: 1px solid #d8dff0;
}
.ys .body-box .good-item .content {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5c616b;
  line-height: 32px;
  padding-right: 30px;
}
.ys .body-box .good-item:hover {
  background: #E2EBFF;
  box-shadow: 0px 12px 42px 0px #e1eaff;
  top: -5px;
}