body {
  background: #F5F5F5;
}
.banner {
  position: relative;
  width: 100%;
}
.banner > img {
  width: 100%;
}
.banner .banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .banner-content .info {
  font-size: 60px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 60px;
}
.banner .banner-content .zx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 295px;
  height: 63px;
  background: #006EFF;
  border-radius: 36px;
  color: #fff;
  font-size: 32px;
  color: #FFFFFF;
  margin: 80px auto 0;
}
.banner .banner-content .zx img {
  width: 36px;
  margin-right: 5px;
}
.section1 .section-container {
  display: flex;
  padding: 30px 0;
}
.section1 .section-container .container-left {
  flex: 1;
  min-width: 0;
  margin-right: 20px;
  background: #FFFFFF;
}
.section1 .section-container .container-left .recommend-list .list-item {
  padding: 10px 20px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}
.section1 .section-container .container-left .recommend-list .list-item .item-title span {
  font-size: 22px;
  font-weight: bold;
  color: #444444;
}
.section1 .section-container .container-left .recommend-list .list-item .item-title a {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content {
  display: flex;
  align-items: center;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f9f9f9;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .item-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-right: 30px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .item-img img {
  width: 100%;
  height: 100%;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info > div {
  margin-bottom: 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .name {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 10px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .name span {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  margin-left: 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .advantage {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .advantage span {
  color: #666666;
  margin: 0 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .help {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .help span {
  color: #666666;
  margin: 0 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .education {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .education span {
  color: #666666;
  margin: 0 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .good {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  display: flex;
  align-items: center;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .good span {
  display: inline-block;
  background: #82B8FF;
  margin: 0 5px;
  padding: 0 5px;
  color: #fff;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-info .info .good span:nth-child(1) {
  background: #006EFF;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-contact {
  width: 200px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-contact .phone {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  color: #006EFF;
  justify-content: center;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-contact .phone img {
  width: 32px;
  margin-right: 5px;
}
.section1 .section-container .container-left .recommend-list .list-item .item-content .item-contact p {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  margin-top: 10px;
  text-align: center;
}
.section1 .section-container .container-right {
  width: 340px;
}
.section1 .section-container .container-right .right-content {
  background: #FFFFFF;
  padding: 15px 20px;
}
.section1 .section-container .container-right .right-content .title {
  font-size: 22px;
  font-weight: bold;
  color: #444444;
}
.section1 .section-container .container-right .right-content .job .list-title {
  display: inline-block;
  background: #006EFF;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0 10px;
  margin: 15px 0 30px;
}
.section1 .section-container .container-right .right-content .job .job-list {
  display: flex;
  flex-wrap: wrap;
}
.section1 .section-container .container-right .right-content .job .job-list .list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 33%;
  margin-right: 0.5%;
  margin-bottom: 30px;
}
.section1 .section-container .container-right .right-content .job .job-list .list-item:nth-child(3n) {
  margin-right: 0;
}
.section1 .section-container .container-right .right-content .job .job-list .list-item img {
  width: 28px;
  height: 28px;
  object-fit: cover;
}
.section1 .section-container .container-right .right-content .job .job-list .list-item p {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  margin-top: 10px;
}
.section1 .section-container .container-right .right-content .area .list-title {
  display: inline-block;
  background: #006EFF;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0 10px;
  margin: 15px 0 30px;
}
.section1 .section-container .container-right .right-content .area .area-list {
  display: flex;
  flex-wrap: wrap;
}
.section1 .section-container .container-right .right-content .area .area-list .list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 25%;
  margin-bottom: 30px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
}
.section1 .section-container .container-right .right-content .more {
  display: block;
  margin: 0 auto;
  width: 15px;
}
.section1 .section-container .container-right .right-content .more img {
  width: 15px;
  height: 9px;
}
.section2 {
  padding: 50px 0;
  background: #FFFFFF;
}
.section2 .advantage-list {
  display: flex;
  flex-wrap: wrap;
}
.section2 .advantage-list .list-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  padding: 20px 50px;
}
.section2 .advantage-list .list-item img {
  width: 75px;
  height: 75px;
  margin-bottom: 30px;
}
.section2 .advantage-list .list-item .title {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 20px;
}
.section2 .advantage-list .list-item .intro {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  text-align: center;
}