.banner.join{background: url(../img/011.jpg) no-repeat center; background-size: cover; /*height: 400px;*/}
.main.join .container .row.center{
  text-align: center;
  background: #fff;
}
.main.join .container {
    padding: 20px 15px;
}
.main.join .container .row.center h3{
  /*font-size: 16px;*/
  padding: 15px 0;
    font-size: 22px;
    line-height: 2;
    font-weight: 400;
}
.main.join .item-boxes .content-img{
    text-align: center;
}

.main.join .item-boxes .content-img img{
  margin: 0 auto;
    /*width: 150px;*/
}
.main.join .item-boxes .detail p{
  min-height: 250px;
  font-size: 16px; 
}
.main.join .item-boxes .right h2{
    /*height: 150px;*/
    margin-top:40px;
    margin-bottom:40px;
    text-align: center;
}
.main.join .container .row.center .content{
  background: url(../img/join/introduce-libg.png) 100% 50% no-repeat;
  /*padding: 20px 15px;*/

}
.main.join .container .row.center .content-img{
  
 margin: 20px 0;
}

.main.join .container .row.center p{
    font-size: 16px;
    line-height: 2;
    text-align: left;
}

.main.join .join-item:hover {
    /*box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);*/
}
.main.join .item-boxes:hover {
    background: transparent;
    /*box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);*/
}
.main.join.f5 {
    background-color: #f5f5f5;
}

.main.join .row.layui-col-space30 {
    margin: 45px 0;
}
.main.join .join-item {
    padding: 25px;
    margin: 10px 0;
}
.main.join .container .detail{
  min-height: 290px;
}
@media screen and (max-width: 1200px){
    .main.join .container{
        
    }
}