/* banner */
.ban_join .abo_btit,
.ban_join .abo_bsub{
    color: #666666;
}
.ban_join .abo_btit::after{
    background: #999999;
}
/*  */
.join_ctab>ul{
    text-align: center;
    font-size: 0;
    margin: 30px auto 40px;
}
.join_ctab>ul>li{
    display: inline-block;
    font-size: 18px;
    color: #666666;
    width: 160px;
    height: 50px;
    border-radius: 4px;
    background-color: rgb( 242, 242, 242 );
    text-align: center;
    line-height: 50px;
    margin-right: 20px;
    transition: all .4s;
}
.join_ctab>ul>li:hover,
.join_ctab>ul>li.on{
    background: #474747;
    color: #ffffff;
}

/*  */
.joic_lo>ul{
    margin-right: -30px;
}
.joic_lo>ul>li{
    width: 378px;
    height: 199px;
    border-width: 1px;
    border-color: rgb( 95, 178, 116 );
    border-style: solid;
    padding: 30px;
    margin: 0px 30px 30px 0px;
    float: left;
}
.joi_tit{
    font-size: 24px;
    color: #1b9139;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 25px;
}
.joi_con>p{
    margin-bottom: 15px;
    padding-left: 36px;
    position: relative;
    font-size: 14px;
    color: #333333;
}
.joi_con>p>img{
    position: absolute;
    left: 0;
    /* top: 8px; */
    max-width: 28px;
    max-height: 23px;
}
.joic_lo>ul>li:hover{
    box-shadow: 0px 0px 20px 0px rgba( 95, 178, 116 ,0.502);
    border-color: transparent;
    border-radius: 3px;
    transition: all .4s;
}

/* 招聘 */
.joi_lcul>li{
    /* border-bottom: 1px solid red; */
    padding: 0px 40px;
    font-size: 0;
     border-bottom: 1px solid #dedede;
}
.joi_lcul>li:first-child{
    padding: 0;
}
.joi_lctop{
    height: 60px;
    background-color: rgb( 27, 145, 57 );
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 0;
    padding: 0px 40px;
}
.joi_lctop>span{
    display: inline-block;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
}
.joi_licli{
    width: 100%;
    /* border-bottom: 1px solid #dedede; */
    position: relative;
    height: 60px;
    /* padding: 0px 20px; */
}
.joi_licli span{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    line-height: 60px;
}
.joi_jt{
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.joi_licli.m_xian::after{
    right: 0px;
    transition: all .6s;
}
.joi_lcul>li:hover .joi_licli>span{
    color: #1b9139;
}
/* .joi_lcul>li:hover .joi_licli.m_xian::after{
    transform: rotate(180deg);
    transition: all .6s;
} */
/*  */
.joi_cont{
    padding: 0px 40px 20px;
}
.joi_ctit{
    padding: 10px 0px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.joi_cent{
    padding: 20px 0px;
}
.joi_cent>p,
.joi_cbot{
    font-size: 14px;
    color: #545454;
    line-height: 24px;
    text-align: justify;
}
.joi_cbot>span{
    color: #1b9139;
}
.joi_cont{
    display: none;
}
.joi_licli.on::after{
    transform: rotate(180deg);
    transition: all .6s;
}