@charset "UTF-8";
/**
*   首页
*/
.main_box {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main_box .main_home {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main_box .main_home img {
  width: 100%;
}

.main_box .main_home .kv_job {
  height: auto;
  width: 100%;
  position: relative;
}

.main_box .main_home .job_details {
  height: auto;
  width: 72.91667vw;
  background-color: #ffffff;
  position: relative;
  margin: 0 auto;
  top: -3.64583vw;
  z-index: 1;
}

.main_box .main_home .job_details .dtl_x {
  width: 0.10417vw;
  height: 9.375vw;
  background-color: #b1d007;
  position: absolute;
  top: -4.375vw;
  left: 50%;
  margin-left: -0.05208vw;
}

.main_box .main_home .flow_list {
  height: auto;
  width: 67.70833vw;
  margin: auto;
  margin-top: 5.20833vw;
}

.main_box .main_home .flow_list h2 {
  font-size: 2.1875vw;
  color: #0e4e0f;
  font-family: Jxzk;
  line-height: initial;
  position: relative;
  margin-bottom: 2.08333vw;
  padding-bottom: 1.82292vw;
  text-align: center;
}

.main_box .main_home .flow_list h2::after {
  content: "";
  width: 3.54167vw;
  height: 2px;
  background-color: rgba(177, 208, 7, 0.5);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.main_box .main_home .flow_list .flow_box {
  height: auto;
  width: 53.125vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5.20833vw;
  position: relative;
}

.main_box .main_home .flow_list .flow_box .spirit_box {
  height: 27.65625vw;
  width: 6.25vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: linear-gradient(180deg, rgba(65, 162, 35, 0.3), #fff);
  margin-top: 3.125vw;
  padding-top: 4.6875vw;
  position: relative;
}

.main_box .main_home .flow_list .flow_box .spirit_box .logo {
  position: absolute;
  top: -3.125vw;
  left: 0px;
  width: 6.25vw;
  background-color: #ffffff;
  border: solid 0.20833vw #579145;
  border-radius: 3.125vw;
}

.main_box .main_home .flow_list .flow_box .spirit_box p {
  font-size: 1.04167vw;
  line-height: 1.45833vw;
  color: #333;
  writing-mode: tb-rl;
}

.main_box .main_home .flow_list .flow_box .spirit_box:nth-child(2),
.main_box .main_home .flow_list .flow_box .spirit_box:nth-child(4) {
  margin-top: 7.29167vw;
  background-image: linear-gradient(180deg, rgba(161, 201, 11, 0.3), #fff);
}

.main_box .main_home .flow_list .flow_box .spirit_box:nth-child(2) .logo,
.main_box .main_home .flow_list .flow_box .spirit_box:nth-child(4) .logo {
  border: solid 0.20833vw #a1c90b;
}

.main_box .main_home .vision_list {
  height: auto;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  position: relative;
  font-size: 0;
}

.main_box .main_home .vision_list .vision_box {
  position: absolute;
  top: 1.5625vw;
  height: auto;
  width: 100%;
  padding-top: 26.77083vw;
}

.main_box .main_home .vision_list .vision_box .logo_1, .main_box .main_home .vision_list .vision_box .logo_2, .main_box .main_home .vision_list .vision_box .logo_3, .main_box .main_home .vision_list .vision_box .logo_4, .main_box .main_home .vision_list .vision_box .logo_5, .main_box .main_home .vision_list .vision_box .logo_6, .main_box .main_home .vision_list .vision_box .logo_7 {
  width: 7.29167vw;
  position: absolute;
}

.main_box .main_home .vision_list .vision_box .logo_1 {
  top: 12.34375vw;
  left: 27.65625vw;
}

.main_box .main_home .vision_list .vision_box .logo_2 {
  top: 12.86458vw;
  right: 21.82292vw;
}

.main_box .main_home .vision_list .vision_box .logo_3 {
  top: 18.59375vw;
  right: 33.02083vw;
}

.main_box .main_home .vision_list .vision_box .logo_4 {
  top: 25.52083vw;
  right: 15.625vw;
}

.main_box .main_home .vision_list .vision_box .logo_5 {
  top: 36.45833vw;
  right: 25.52083vw;
}

.main_box .main_home .vision_list .vision_box .logo_6 {
  top: 29.47917vw;
  left: 15.36458vw;
}

.main_box .main_home .vision_list .vision_box .logo_7 {
  top: 38.75vw;
  left: 31.25vw;
}

.main_box .main_home .vision_list .mission_box {
  position: absolute;
  top: 83.33333vw;
  height: auto;
  width: 100%;
}

.main_box .main_home .vision_list h2 {
  font-size: 2.1875vw;
  color: #fff;
  font-family: Jxzk;
  line-height: initial;
  position: relative;
  margin-bottom: 2.08333vw;
  padding-bottom: 1.82292vw;
  text-align: center;
  font-weight: initial;
}

.main_box .main_home .vision_list h2::after {
  content: "";
  width: 3.54167vw;
  height: 2px;
  background-color: rgba(177, 208, 7, 0.5);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.main_box .main_home .vision_list p {
  font-size: 1.45833vw;
  line-height: 2.5vw;
  text-align: center;
  color: #ffffff;
}

.main_box .main_home .flower_2 {
  width: 16.14583vw;
  position: absolute;
  top: 33.4375vw;
  transform: rotateY(190deg) rotate(0deg);
  right: 0vw;
}

.main_box .main_home .flower_3 {
  width: 20.05208vw;
  position: absolute;
  top: 55.88542vw;
  transform: rotateY(190deg) rotate(90deg);
  left: -5.20833vw;
}

@media screen and (max-width: 1200px) {
  .main_box .main_home .job_details .dtl_title ul li p,
  .main_box .main_home .job_details .dtl_title ul li span,
  .main_box .main_home .flow_list .flow_box .flow_left .flow_text p,
  .main_box .main_home .flow_list .flow_box .spirit_box p {
    line-height: initial;
  }
}