/* 公共 */
.section-item {
  width: 8.947rem;
  height: auto;
  margin: 0 auto;
  padding: 0.44rem 0;
}
.section-title {
  font-family: SourceHanSansCN-Bold;
  font-size: 0.533rem;
  font-weight: bold;
  color: #494949;
}
.section-title-sub {
  margin-left: 0.587rem;
  margin-top: -0.133rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  color: #494949;
  opacity: 0.5;
}


/* 首屏 */
.join-us {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../images/join-us-bg.png) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.shade {
  position: absolute;
  background-color: #1f2535;
  height: 100%;
  width: 100%;
  opacity: 0.92;
}
.join-title {
  position: relative;
  margin-left: 0.907rem;
  margin-top: 3.4rem;
}
.join-title div {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
}
.join-title div:first-child {
  font-size: 1.173rem;
  line-height: 1.867rem;
  letter-spacing: 0.093rem;
  color: #ffffff;
}
.join-title div:first-child span {
  font-size: 1.173rem;
  letter-spacing: 0.093rem;
  color: #21adfc;
}
.join-title div:last-child {
  font-size: 0.453rem;
  line-height: 0.333rem;
  letter-spacing: 0.04rem;
  color: #fd9f31;
}
.join-title div:last-child span {
  font-size: 0.453rem;
  color: #ffffff;
}
.play-btn {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
  margin-top: 1.6rem;
  background-image: url('../images/play-btn.png');
  background-size: cover;
  list-style-type: none;
}
.play-btn li{
  width: 100%;
  height: 100%;
}
.recruit-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 3.067rem;
  height: 2.8rem;
  margin-top: 2.6rem;
}
.recruit-btn button {
  width: 3.733rem;
  height: 1.12rem;
  font-family: PingFang-SC-Bold;
  font-size: 0.427rem;
  font-weight: bold;
  line-height: 0.333rem;
  letter-spacing: 0.04rem;
  border-radius: 0.56rem;
  border: none;
}
.recruit-btn .society {
  color: #21adfc;
  background-color: #ffffff;
}
.recruit-btn .school {
  color: #ffffff;
  background-color: #495478;
}
.drop-down {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 1.333rem;
  height: 1.7rem;
  bottom: .667rem;
  left: 50%;
  transform: translateX(-50%);
}
.drop-down img {
  width: 0.547rem;
  height: 1.04rem;
  animation: drop-down-up 3s;
  animation-iteration-count: infinite;
}
.drop-down div {
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  color: #ffffff;
  animation: drop-down-up 3s;
  animation-iteration-count: infinite;
}

/* 人才培养 */
.section-item .solgan {
  position: relative;
  top: 0.267rem;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.267rem;
  padding: 0.133rem 0.253rem;
  color: #ffffff;
  background-color: #fd9f31;
}
.training-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin-top: 1.2rem;
}
.tranining-item {
  width: 48%;
  height: 3.533rem;
  margin-bottom: 0.947rem;
  margin-right: 2%;
}
.tranining-item .item-head {
  display: flex;
  align-items: center;
}
.tranining-item .item-head img {
  width: 0.747rem;
  height: 0.747rem;
  margin-right: 0.307rem;
}
.tranining-item .item-head div {
  font-family: PingFang-SC-Bold;
  font-size: 0.533rem;
  color: #494949;
}
.tranining-develop {
  width: 100%;
  height: 2.187rem;
  margin-top: -0.533rem;
  margin-bottom: 0;
}
.training-container ul {
  list-style-position: inside;
  list-style-type: disc;
  padding: 0; 
  margin: 0; 
}
.training-containerul li {
  margin: 0; 
  text-indent: 0.133rem;
  line-height: 0.667rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.373rem;
  color: #494949;
}
.training-container ul li::marker {
  color: #21adfc;
  font-size: 0.133rem;
}

/* 学习成长 */
.develop-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 100%;
  height: 10.333rem;
  margin-top: 0.373rem;
}
.develop-container li {
  width: 4.333rem;
  height: 3.24rem;
}
.develop-container li img {
  width: 100%;
  height: 100%;
}
.building-pic {
  margin-top: 0.36rem;
  margin-left: -0.4rem;
  width: 9.573rem;
  height: 6.813rem;
}
.building-pic img {
  width: 100%;
  height: 100%;
}

/* 诗悦福利 */
.welfare-item {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  margin-bottom: 0.467rem;
}
.welfare-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.133rem;
}
.welfare-head div:first-child {
  font-family: PingFang-SC-Bold;
  font-size: 0.427rem;
  color: #f39132;
}
.welfare-head div:last-child {
  width: 6.987rem;
  height: 0.027rem;
  background-color: #eeeeee;
}
.welfare-content {
  margin-bottom: 0.387rem;
}
.welfare-content .content-head {
  width: 1.88rem;
  height: 0.573rem;
  background-color: #053d7d;
  border-radius: 0.093rem;
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-size: 0.347rem;
  color: #ffffff;
}
.content-text {
  margin-top: 0.067rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.347rem;
  line-height: 0.533rem;
  color: #434343;
}
.content-text span {
  font-size: 0.347rem;
  font-weight: bold;
  line-height: 0.533rem;
  color: black;
}

/* 诗悦生活 */

.life-container{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 13.02rem;
  margin-top: 0.133rem;
  list-style-type: none;
  background: #000000d9;
}
.life-container li:nth-child(1),
.life-container li:nth-child(4) {
  width: 5.227rem;
  height: 2.333rem;
}
.life-container li:nth-child(2),
.life-container li:nth-child(3) {
  width: 3.72rem;
  height: 2.333rem;
}
.life-container li:nth-child(5) {
  width: 5.173rem;
  height: 2.44rem;
}
.life-container li:nth-child(6) {
  width: 3.773rem;
  height: 2.44rem;
}
.life-container li:nth-child(7) {
  width: 100%;
  height: 3.32rem;
}
.life-container li:nth-child(8) {
  width: 100%;
  height: 3.32rem;
}
.life-container img {
  width: 100%;
  height: 100%;
  opacity:0.6;
  object-fit: cover;
}
.life-container span {
  position: relative;
  float: right;
  margin-top: -0.6rem;
  margin-right: 0.267rem;
  font-weight: bold;
  font-size: 0.347rem;
  color: #ffffff;
}

@keyframes drop-down-up{
  50%{transform: translateY(.4rem);}
}