.header-banner {
  height: 6rem;
  margin-top: 0.7rem;
}
.swiper-wrapper .banner-slide {
  height: 6rem;
  position: relative;
}
.banner1{
  background: url(../image/banner/join_b.png) no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-top: 1.2rem;
}
.banner1 h1{
  font-size: 0.46rem;
  color:#fff;
  text-align: center;
  margin-bottom: 1.2rem;
}
.banner1 .text-box{
  width: 4.65rem;
  height: 2.3rem;
  padding: 0.5rem 0.3rem 0 0.3rem;
  color:#fff;
  position: relative;
  z-index: 9
}
.banner1 .text-box::before{
  content:"";
  width: 100%;
  height: 100%;
  position:absolute;
  top:0px;
  left:0px;
  background: url(../image/joinbanenr_bg.png) no-repeat;
  background-size: 100% 100%;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.60;
  z-index: -1;
  text-align: left;
}
.banner1 .text-box h2{
  font-size: 0.3rem;
  margin-bottom: 0.3rem;
  text-align: left;
}
.banner1 .text-box p{
  font-size: 0.18rem;
  color:#fff;
  line-height: 0.32rem;
  text-align: left;
  margin: 0 auto;
}

.course{
  position: relative;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
  text-align: center;
}
.min-course{
  display: none;
}
.course_main{
  width: 1100px;
  margin: 0 auto;
  height: 6.4rem;
  background: url(../image/joinbg.png) no-repeat;
  background-position: center;
  position: relative;
  background-size: 100%;
}
.divbox{
  height: 2.3rem;
  width: 3.65rem;
  position: absolute;
  background: #fff;
  color:#333;
  text-align: left;
}
.div-test-up {
  height: 2.3rem;
  display: flex;
  align-items: flex-end;
}
.divbox .span-test {
  width: 3.65rem;
  box-sizing: border-box;
  padding: 0.22rem 0.3rem;
  overflow: hidden;
  border-radius: 0.1rem;
  transition: height 1s;
}
.span-test {
    height: 0.84rem;
 }
.span-test:hover {
   height: 2.3rem;
   -moz-box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
   -webkit-box-shadow: 2px 0px 0.15rem rgba(102,102,102,0.35);
   box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
 }
.course_main .date{
  font-size: 0.2rem;
  margin-bottom:0.1rem;
}
.course_main h3{
  font-size: 0.22rem;
  margin-bottom: 0.18rem;
}
.course_main  .txt{
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.divbox:nth-child(1){
  left: 0.8rem;
  top:0.3rem;
}
.divbox:nth-child(2){
  left:1.8rem;
  bottom: 0.45rem;
}
.divbox:nth-child(3){
  top:0.3rem;
  right: 1.8rem;
}
.divbox:nth-child(4){
  right: 0.4rem;
  bottom: 0.45rem;
  width: 4rem;
}
.divbox:nth-child(4) .span-test{
  width: 4rem;
}

.recruit{
  background: #1f2533;
  color:#fff;
  text-align: center;
  padding-top: 0.6rem;
  padding-bottom: 1.2rem;
  color:#333;
}
.h2_title{
  font-size: 0.36rem;
  text-align: center;
  color:#fff;
  margin-bottom: 0.6rem;
}
.recruit h3{
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  font-size: 0.2rem;
  padding-left: 0.3rem;
  font-weight: 600;
}
.moblie_a{
  display: none;
}
.recruit ul{
  margin: 0 auto;
  display: inline-block;
}
.recruitbox{
  float:left;
  width: calc((100% - 1.05rem)/4);
  height: 3.2rem;
  padding: 0.05rem;
  background: #fff;
  margin-right: 0.35rem;
  text-align: left;
}
.recruitbox img{
  width: 100%;
}
.recruitbox a{
  color:#333;
}
.recruitbox li{
  font-size: 0.14rem;
  padding-left: 0.3rem;
  line-height: 0.25rem;
}
.recruitbox li::before{
  content: "•";
  display:inline-block;
  color:#7fa0c1;
  font-size: 0.08rem;
  vertical-align: middle;
  margin-right: 0.06rem;
}
.recruitbox:last-child{
  margin-right: 0rem;
}
@media (max-width: 1400px){
  .banner1 .text-box h2{
    font-size: 0.24rem;
  }
  .banner1 .text-box p{
    font-size: 0.16rem;
  }
  .course_main h3{
    font-size: 0.2rem;
  }
}
@media (max-width:1240px){
  .banner1 .text-box{
    margin-left: 0.2rem;
  }
}
@media (max-width:1200px){
  .max-course{
    display: none;
  }
  .min-course{
    display: block;
  }
  .min_course_main{
    padding: 0.4rem 0;
  }
  .min_course_main img{
    width: 100%;
  }
  .recruitbox{
    height: 3rem;
  }
}
@media (max-width:1024px){
.pc_a{
  display: none;
}
.moblie_a{
  display: block;
}
}
@media (max-width:992px){
  .banner1 .text-box p{
    font-size: 0.2rem;
    text-align: justify;
  }
  .recruit{
    padding-bottom: 0.6rem;
  }
  .recruit ul{
    padding: 0 0.4rem;
  }
  .recruitbox{
    width: calc((100% - 0.6rem)/2);
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
    height: initial;
    padding-bottom: 0.2rem;
  }
  .recruitbox:nth-child(2n){
    margin-right: 0px;
  }
  .recruit h3 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 0.26rem;
  }
  .recruitbox li{
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .recruitbox li::before {
    content: "•";
    font-size: 0.3rem;
  }
  .min_course_main{
    padding: 0.4rem 0;
  }
  .min_course_main img{
    width: 93%;
  }
}