/*加入我们*/

#join .join-box {

    margin-top: 50px;

    margin-bottom: 60px;

    background-color: #fff;

    padding-top: 50px;

    box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08);

}



#join .join-box .join-nav {

    display: flex;

    align-items: center;

    justify-content: center;

}



#join .join-box .join-nav .item {

    width: 140px;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    color: #666;

    border: 1px solid #eee;

    text-align: center;

    display: block;

    margin-right: 20px;

}



#join .join-box .join-nav .item.active,#join .join-box .join-nav .item:hover {

    background-color: #0f6ab4;

    border: 1px solid #0f6ab4;

    color: #fff;

}



#join .join-box .text {

    font-size: 16px;

    color: #888;

    text-align: center;

    margin-top: 20px;

    line-height: 30px;

}



#join .join-box .join-select {

    padding: 0 40px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 35px;

    border-bottom: 1px solid #eee;

}



#join .join-box .join-select input {

    width: 28%;

    height: 50px;

    border: 1px solid #eee;

    caret-color: #0f6ab4;

    padding-left: 30px;

}



#join .join-box .join-select input:focus {

    border: 1px solid #0f6ab4;

    box-shadow: 0px 0px 10px 0px rgba(0,66,120,0.2);

}



#join .join-box .join-select .select {

    width: 28%;

    height: 50px;

    border: 1px solid #eee;

    background-image: url("../images/munder.png");

    background-repeat: no-repeat;

    background-position: right 30px center;

    background-size: 13px 8px;

}



#join .join-box .join-select .select select {

    width: 100%;

    height: 100%;

    background-color: transparent;

    border: 0;

    padding-left: 30px;

}



#join .join-box .join-select .select select option {

    border: 1px solid #eee;

}



#join .join-box .join-select .btn {

    width: 100px;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    border: 0;

    background-color: #0f6ab4;

}



#join .join-box .join-list {

    width: 100%;

    padding: 40px 40px;

}



#join .join-box .join-list li {

    margin-bottom: 10px;

}



#join .join-box .join-list li .recruit-top {

    width: 100%;

    height: 70px;

    padding: 0px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f7f7f7;

    cursor: pointer;

    font-size: 14px;

    box-sizing: border-box;

    transition: all .5s ease-out;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

}



#join .join-box .join-list li .recruit-top > div {
    width: 100%;
    line-height: 24px;
    text-align: left !important;

}



#join .join-box .join-list li .recruit-top > div span {

    color: #333;

}



#join .join-box .join-list li .recruit-top > div:nth-of-type(2) {

    text-align: center;

}



#join .join-box .join-list li .recruit-top > div:nth-of-type(3) {

    text-align: center;

}



#join .join-box .join-list li .recruit-top > div:nth-of-type(4) {

    text-align: center;

}



#join .join-box .join-list li .recruit-top > div:nth-of-type(5) {

    text-align: right;

}



#join .join-box .join-list li .recruit-top:hover {

    background: #0f6ab4;

}



#join .join-box .join-list li .recruit-top:hover > div {

    color: #fff;

}



#join .join-box .join-list li .recruit-top:hover > div span {

    color: #fff;

}



#join .join-box .join-list li .active {

    background: #0f6ab4;

}



#join .join-box .join-list li .active > div {

    color: #fff;

}



#join .join-box .join-list li .active > div span {

    color: #fff;

}



#join .join-box .join-list li .recruit-content {

    width: 100%;

    padding: 0px 30px 50px;

    box-sizing: border-box;

    display: none;

}



#join .join-box .join-list li .recruit-content .t1 {

    color: #333;

    font-size: 18px;

    padding-bottom: 25px;

    padding-top: 25px;

}



#join .join-box .join-list li .recruit-content .content p {

    line-height: 2em;

    color: #666;

    font-size: 14px;

}



#join .join-box .join-list li .recruit-content .zhaopin-box {

    padding-top: 20px;

    margin-top: 25px;

    border-top: 1px solid #eee;

}



#join .join-box .join-list li .recruit-content .zhaopin-box .tt {

    color: #666;

    font-size: 14px;

    line-height: 2em;

}



#join .join-box .join-list li .recruit-content .join-in {

    width: 180px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    text-align: center;

    background: #0f6ab4;

    margin-top: 35px;

}







#content_box-1632721005123-0 img{ max-width:100%}



.jobnav{font-size:36px;color:#333}

.jobnav a{color:#4dae07;}





@media only screen and (max-width: 768px){

#join .join-box {



    margin-top: 5px;



    margin-bottom: 10px;



    background-color: #fff;



    padding-top: 5px;



    box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08);



}



	

.jobnav{font-size:20px;color:#333}

.jobnav a{color:#4dae07;font-size:20px;}

#join .join-box .join-list{ padding:10px 0}

#join .join-box .join-list li .recruit-top { padding:0; padding: 0.6rem;
 flex-wrap: wrap;
 height: auto;}



	

	}