@media screen and (max-width: 768px) {
    .box {
  padding-top: 0.4rem;
  padding-bottom: 0.9rem;
}

.join-title {
  margin-top: 0.49rem;
}
    .box .flex-bet-c{
        flex-direction: column;
    }

.line-h4 .line {
  height: 1px;
 
}

.line-h4 h4 {
 font-size: 0.5rem;
  margin: 0 0.22rem;
  
font-weight: bold;
}

.join-title p {
font-size: 0.3rem;
 line-height: 0.55rem;
  margin-top: 0.45rem;
white-space: pre-wrap;
font-weight: 500;
width: unset;
}
.train-box{
  margin-top: 0.45rem;
}
.train-item {
  width: 100%;
  margin-right:unset;
border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
  border: 1 dotted #30803A;
  padding: 0.58rem 0.49rem;
  margin-bottom: 0.26rem;


}


.train-item img {
  width: 0.88rem;
  margin-right: 0.14rem;
}

.mt {
  margin-top: 0.66rem;
}

.train-item span {
  font-size: 0.38rem;
font-weight: bold;
}

.train-item p {
  font-size: 0.3rem;
 line-height: 0.4rem;
  margin-top: 0.27rem;
  font-weight: 500;
}
.box .flex-col{
    flex-direction: column;
}
.join-img {
  width: 3.26rem;
  margin-right:unset;
 height: 3.26rem;
}

.join-img-r {
  margin-left: unset;


}
.box .reverse-phone{
flex-direction: column-reverse;
}
.join-r {
border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
border: 1px dotted #30803A;
  padding: 0.66rem 0.45rem;
  margin-top: 0.26rem;

}

.join-r p {
 font-size: 0.35rem;
 line-height: 0.7rem;
 font-weight: 500;
}

.good-box {
  background-image: url('../images/join/banner-p.jpg');
 height: 4.11rem;
  margin-bottom: 0.69rem;

}

.good-card .flex-bet-s{
    flex-direction: column;
}
.good-item {
  width:100%;
  margin-right: unset;
  padding: 0.46rem 0.26rem;
border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
  border: 1px dotted #1E9C40;
margin-bottom: 0.33rem;
}


.good-item h5 {
 font-size: 0.4rem;
  margin-bottom:0.24rem;
  font-weight: bold;

}

.good-item p {
 font-size: 0.3rem;
line-height: 0.55rem;
font-weight: 500;
}
.good-card{
  padding-bottom:0.5rem;
}

.job-box{
  padding: 0.7rem 0;
}
 .job-box h3 {
    font-size: 0.5rem;
    color: #073682;
    margin-bottom: 0.54rem;
  }

  .job_head {
    padding: 0 0.42rem;
    border-radius: 0.2rem 0.2rem 0 0;
    height: 1.26rem;
  }
  .job_head div {
    padding-left: unset;
    font-size: 0.3rem;
    text-align: left;
    width: 21%;
  }

  .job_item {
    margin-bottom: 0.16rem;
  }
  .job_item.job_show .item_con {
    padding: 0.42rem 0;
  }

  .job_item.job_show .item_tal::after {
    width: calc(100% - 0.2rem);
    left: 0.42rem;
  }
  .job_item .item_tal {
    padding: 0 0.42rem;
    height: 1.17rem;
    position: relative;
  }
  .item_tal div {
    font-size: 0.28rem;
    padding-left: unset;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .item_tal .block_sj {
    display: block;
  }
  .job_item .item_tal div img {
    display: none;
  }
  .job_item .item_tal div.title_1 {
    font-size: 0.28rem;
  }

  .job_item .item_con .con_box {
    width: 100%;
    flex-direction: column;
  }
  .job_item .item_con .con_box .con_m {
    width: 100%;
  }
  .job_item .item_con .con_box .con_m {
    margin-bottom: 0.3rem;
    padding: 0 0.18rem 0 0.16rem;
  }
  .job_item .item_con .con_box .con_m h5 {
    font-size: 0.32rem;
    line-height: 0.5rem;
  }
  .job_list .job_item .item_con .con_box .con_m .nr {
    margin-top: 0.16rem;
  }

  .job_list .job_item .item_con .con_box .con_m .nr p {
    font-size: 0.28rem;
    line-height: 0.5rem;
  }
  .job_list .job_item .item_con .con_box .td {
    font-size: 0.28rem;
    margin-bottom: 0.3rem;
    padding: 0 0.18rem;
  }
  .job_list .title_5 {
    width: 1.2rem;
  }
  .job_list .title_4 {
    width: 1.2rem;
  }
  .job_list .title_2 {
    width: 1.3rem;
  }
  .job_list .title_1 {
    width: 1rem;
  }
  .item_tal div {
    text-align: center;
    justify-content: center;
  }
  .job_head {
    padding-right: 0.8rem;
  }
  .job_head div {
    text-align: center;
    justify-content: center;
  }
  .job_item .item_tal {
    padding-right: 0.8rem;
  }
  .item_tal .icon-img {
    display: block;
    position: absolute;
    right: 0.22rem;
    width: 0.36rem;
    height: 0.36rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0.14rem;
    background-image: url(../images/add.png);
  }
  .job_show .icon-img {
    background-image: url(../images/del.png);
  }
  .contact-word {
    padding: 0 0.3rem;
  }
  .contact-word div {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.42rem;
    align-items: flex-start;
  }
  .contact-word div:nth-of-type(2) {
    margin-bottom: 0;
  }
  .contact-word .label {
    font-size: 0.3rem;
  }
  .contact-word .value {
    font-size: 0.3rem;
  }
}