@charset "utf-8";
.join {
	width:1080px;
	left:50%;
  margin-left:-540px;
  z-index: 2;
  background: #fff
}

.p1 {
  background: url(../img/join_p1_bg.jpg);
  padding-top: 368px;
  height: 706px;
}

.p2 {
  background: url(../img/join_p2_bg.jpg);
  height: 2880px;
}
.p2 > img {
  margin-bottom: 182px;
}

.p3 {
  background: url(../img/join_p3_bg.jpg);
  height: 2962px
}
.p3 > li {
  width: 920px;
  margin: 495px auto 0;
  background: #eeeeef;
  padding-bottom: 90px;
}
.p3 > li > .img {
  top: -40px;
  margin-bottom: 56px;
}

.p4 {
  background: #fafcf5;
  padding: 153px 0 200px;
}
.p4 > div {
  margin-top: 74px;
  overflow: hidden;
}
.p4 > div > span {
  float: left;
  width: 57px;
  line-height: 57px;
  background: url(../img/join_p4_icon.png);
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-left: 82px;
}
.p4 > div > p {
  float: right;
  width: 844px;
  margin-right: 82px;
  font-size: 32px;
  color: #323825;
  line-height: 55px;
}
.p4 > div > p > a {
  color: inherit;
}
.p4 > div > p > a:hover {
  text-decoration: underline;
}
iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 1049px;
}
@media screen and (max-width: 1079px) {
  .join {
    margin-left:-515px;
    overflow-x: hidden;
  }
  iframe {
    position: relative;
    left: 25px;
  }
}