.banner_box {

  height: 3.5rem;

  background-image: url('../image/banner01.jpg');

  background-size: 100% 100%;

  background-repeat: no-repeat;
  
      margin-top: 1.25rem;

}

.flex_center_top {

  height: 100%;

  display: flex;

  align-content: center;

  flex-wrap: wrap;

}

.banner_font {

  width: 100%;

  font-size: 0.3rem;

  color: #fff;

  font-weight: bold;

}

.type_nav_box {

  border-bottom: 0.01rem solid rgba(77, 77, 77, 0.16);

  /* margin-bottom: 1.36rem;

   */

  height: 0.55rem;

}

.content_box li {

  width: 1.13rem;

  height: 0.55rem;

  /*line-height: 0.55rem;*/

  text-align: center;

  font-size: 0.18rem;

  color: #383838;

  display: inline-block;

}

.content_box li.active {

  background-color: #005AAF;

  color: #fff;

  position: relative;

}

.content_box li.active::after {

  content: '';

  width: 0;

  height: 0;

  border-right: 0.1rem solid transparent;

  border-left: 0.1rem solid transparent;

  border-top: 0.08rem solid #005AAF;

  position: absolute;

  bottom: -0.06rem;

  left: 50%;

  transform: translateX(-50%);

}

.job-box {

  width: 14.4rem;

  margin: 0.4rem auto;

  overflow: hidden;

  height: 7.0rem;

}