.breadcrumb-box {
  width: 1160px;
  margin: 68px auto 0;
  position: relative;
  z-index: 10;
}

.breadcrumb {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  display: flex;
  margin: 0 auto;
}

.breadcrumb-item {
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
  color: #333333;
}

.breadcrumb-item:hover {
  color: #0276FF;
}

.breadcrumb-item:nth-of-type(1) {
  margin-left: 0px;
}

.breadcrumb-item-active {
  color: #0276FF;
}

.banner {
  width: 100%;
  height: 1019px;
  position: relative;
  overflow: auto;
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/bg.png) no-repeat center;
  background-size: cover;
  z-index: 9;
}

.banner-section {
  width: 1160px;
  height: 725px;
  margin: -72px auto 0;
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/bg1.png) no-repeat center;
  background-size: 137%;
  position: relative;
  top: 0px;
}

.banner-introduce {
  position: absolute;
  top: 210px;
}



.banner-title .title-img {
  width: 375px;
  margin: auto 3px auto -10px;
}

.banner-des .des-img {
  width: 177px;
  margin: 24px 3px auto -10px;
}

.banner-desc {
  width: 650px;
  margin-top: 40px;
  font-weight: 300;
  font-size: 22px;
  color: #5F5F5F;
  letter-spacing: 7px;
  text-align: justify;
  line-height: 40px;
}


/* main内容 */



.main-section-1 {
  width: 1160px;
  position: relative;
  margin: 0 auto;
  margin-top: -452px;
  z-index: 10;
}

.main-section-1 .section-guide li {
  display: flex;
  justify-content: space-between;
  height: 275px;
}

.main-section-1 .section-guide li .left img {
  width: 97px;
  height: 69px;
}

.main-section-1 .section-guide li .left .title {
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  margin-bottom: 25px;
  margin-top: -17px;
}

.main-section-1 .section-guide li .left .des {
  width: 521px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 32px;
}

.main-section-1 .section-guide li .left {}

.main-section-1 .section-guide li .right {
  width: 601px;
}

.main-section-1 .section-guide li .right .img-box {
  width: 601px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.main-section-1 .section-guide li .right img {
  width: 601px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
}

.main-section-2 {
  height: 1566px;
  margin-top: 60px;
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/bg2.png) no-repeat;
  padding-top: 140px;
  background-size: cover;
}

.main-section-2 .section-box {
  width: 1160px;
  margin: 0 auto;
}

.main-section-2 .section-box .section-box-title {
  width: 541px;
  height: 69px;
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/section2-title.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
}

.main-section-2 .section-box .section-box-des {
  width: 556px;
  height: 64px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 32px;
  margin: 22px auto 209px;
}

.main-section-2 .section-box .section-guide {
  display: flex;
  justify-content: space-between;
}

.main-section-2 .section-box .section-guide li {
  width: 365px;
  height: 508px;
  padding: 345px 45px 0 45px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.main-section-2 .section-box .section-guide li:nth-child(1) {
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/section2-bg1.png) no-repeat center;
  background-size: contain;
}

.main-section-2 .section-box .section-guide li:nth-child(2) {
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/section2-bg2.png) no-repeat center;
  background-size: contain;
}

.main-section-2 .section-box .section-guide li:nth-child(3) {
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/section2-bg3.png) no-repeat center;
  background-size: contain;
}

.main-section-2 .section-box .section-guide li img {
  width: 94px;
  margin-bottom: 14px;
}

.main-section-2 .section-box .section-guide li .des {
  width: 295px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 32px;
}


.main-section-2 .section-box .section-guide-btn {
  width: 310px;
  height: 69px;
  background: url(https://cloudpnrcdn.oss-cn-shanghai.aliyuncs.com/hfwebsite/new-public/images/join-us/section2-btn.png) no-repeat center;
  background-size: contain;
  font-weight: 600;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 69px;
  text-align: center;
  margin: 169px auto 36px;
}

.main-section-2 .section-box .section-guide-btn a {
  color: #FFFFFF;
}

.main-section-2 .section-box .section-guide-email {
  color: #5f5f5fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
}

.main-section-2 .section-box .section-guide-email span {
  color: #363636;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

* {
  box-sizing: border-box;
}