.join-us {
    background: #fff;
    overflow: hidden;
}
.floor{width: 92%;
    padding-left: 8%;}
.selection{position: fixed;top: 200px;z-index: 11;width: 75px;display: none;}
.join-us .section3 .container .selection .option {height:40px;position: relative;}

.join-us .section3 .container .selection .option:after{content: "";display: block;width: 12px;height: 12px;border: 2px solid #795922;border-radius: 100%;position: absolute;right: 0;top:5px;}
.join-us .section3 .container .selection a {
    color: #000;
    width: 100%;
    display: block;
   position: relative;
   display: none;
}
.join-us .section3 .container .textMid p:nth-child(1) {
    padding: 1% 2%;
    display: inline-block;
    border-bottom: 2px solid rgb(212, 182, 118);
}
.join-us .section3 .container .selection  .line{    width: 2px;
    height: 28px;
    background: #795922;
    position: absolute;
    right: 7px;
    top: 19px;}
.join-us .section3 .container .selection .option.active a{display: block;}
.join-us .section3 .container .selection .option.active:before{content: "";display: block;width: 7px;height: 7px;background:#795922 ;position: absolute;right: 4px;border-radius: 100%;top: 10px;}
.join-us .section3 .container .selection .actived {
   display: block;
}
.join-us .section3 .container  .textMid{margin:5% 0;}
/* 加入我们 */

/*分页*/

.pageBox {
    text-align: center;
    margin: 4% 0 0 !important;
}

.pageBox .page {
    text-align: center;
}

.page p {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 0.4%;
    display: inline-block;
    color: #171717
}

.page p a {
    color: #171717;
    display: inline-block;
    height: 28px;
    width: 28px;
    letter-spacing: normal;
}

.page p.prev {
    width: 50px;
    color: #171717
}

.page p.prev a {
    width: auto;
}

.page p:hover {
    background: #d8bd83;
}

.page p:hover a {
    color: #fff
}

.page p.active {
    background: #d8bd83;
}

.page p.active a {
    color: #fff
}

.page p.noHover:hover {
    background: none;
}

.page p.noHover:hover a {
    color: #171717
}

.page p.noHover {
    width: auto
}

.page p.noHover a {
    width: auto;
}

.page p.noHover input {
    width: 50px;
    height: 28px;
    border: 1px solid #d2d2d2;
    background: #fff;
    margin-left: 10px;
    text-align: center;
}

/* join_us section1 */

.join-us .section1 {
    margin-top: 129px;
}

.join-us .section1 .banner {
    width: 100%;
    height: 0;
    padding-bottom: 31.25%;
}

.join-us .section1 .banner .mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}

.join-us .section1 .container .description p {
    color: #fff;
    margin-bottom: 2%;
}

/* join_us section2 */

.join-us .section2 {
    padding: 1.5% 0;
    border-bottom: 1px solid lightgray;
    box-shadow: 0px 1px 1px lightgray;
}

.join-us .section2 .dreadcrumbNavigation p {
    color: rgb(119, 119, 119);
}

/* join_us section3 */

.join-us .section3 {
    background-image: url(../imgs/join_us/main-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding:0 0 6%;
}
.join-us .section3 .join_usDetail{margin-top: 20px;}


/*.join-us .section3 .container .selection .option {
    width: 25%;
    text-align: center;
}

.join-us .section3 .container .selection a {
    color: #000;
    padding: 1% 15%;
    background: #fff;
}

.join-us .section3 .container .selection a:hover {
    background: #d8bd83;
    color: #fff !important;
}*/

.join-us .section3 .container .filter {
    width: 46%;
    margin-top: 2%;
}

.join-us .section3 .container .filter .work-city {
    width: 46%;
    border: 1px solid #dddddd;
    background: #fff;
    color: #C7C7CD;
    padding: 2%;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}

.join-us .section3 .container .filter .work-city img {
    width: 15px;
    height: auto;
    right: 5%;
}

.join-us .section3 .container .filter .city-list {
    z-index: 999;
    display: inline-block;
    width: 46%;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    background: #fff;
    left: 0;
    top: 100%;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}

.join-us .section3 .container .filter .city-list li {
    display: inline-block;
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    border: 1px solid transparent;
   
}

.join-us .section3 .container .filter .city-list li.hover-color {
    background: #C7C7CD;
}

.join-us .section3 .container .filter .search-container {
    width: 46%;
    padding: 2%;
    border: 1px solid #dddddd;
    background: #fff;
    box-sizing: border-box;
}

.join-us .section3 .container .filter .search-container input {
    width: 80%;
    border: none;
}

.join-us .section3 .container .invite-detail .detail {
    width: 46%;
    margin-top: 2%;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all ease 0.3s;
     background: #fff;
}

.join-us .section3 .container .invite-detail .detail:hover {
    /* border: 1px solid #666666; */
    box-shadow: 1px 1px 20px 1px #d2d2d2;
}

.join-us .section3 .container .invite-detail .detail:nth-child(even) {
    margin-left: 8%;
}

.join-us .section3 .container .invite-detail .detail .job {
    width: 30%;
    background: #795922;
    position: relative;
}

.join-us .section3 .container .invite-detail .detail .job:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.join-us .section3 .container .invite-detail .detail .job:after {
    border-width: 12px;
    border-left-color: #795922;
    top: 20%;
}

.join-us .section3 .container .invite-detail .detail .job .content p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
}

.join-us .section3 .container .invite-detail .detail .description {
    width: 70%;
    background: #fff;
}

.join-us .section3 .container .invite-detail .detail .description .content {
    padding: 5%;
}

.join-us .section3 .container .invite-detail .detail .description .content p {
    margin: 5%;
    color: #666666;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 1.5em;
}

.join-us .section3 .container .invite-detail .detail .job .content {
    margin: 0 10%;
    color: #fff;
}

.join-us .section3 .container .invite-detail .detail .job .content p:nth-child(2) {
    color: #9d896c;
}

/*.career,
.business,
.salary {
    display: none;
}*/

.join-us .section3 .container .career .img {
    margin-top: 2%;
    width: 100%;
   
}
.join-us .section3 .container .career .img img{
	width: 100%;
}
.join-us .section3 .container .business{margin-top: 30px;}
.join-us .section3 .container .business .fl{width: 44%;padding: 0 3%;}
.join-us .section3 .container .business .fl .digest,.join-us .section3 .container .business .img .fl .team_digest{color: #6f7070;margin-bottom: 20px;}
.join-us .section3 .container .business  .fl .team_title{color:rgba(212, 182, 118, 0.8) ;margin:40px 0 20px;}

.join-us .section3 .container .business .team_teacer_item{position: relative;padding-left: 30px;float: left;width:40%;margin-bottom: 20px;color: #000;}
.join-us .section3 .container .business .team_teacer_item:after{content: "";width: 9px;height: 9px;display: block;background:rgba(212, 182, 118, 0.8);border-radius: 100%;position: absolute;top: 50%;left: 0;margin-top: -5px;}
.join-us .section3 .container .business .teacer_post{color:rgba(212, 182, 118, 0.8) ;margin: 0 15px;}
.join-us .section3 .container .business .fl ul li{float: left;width: 100%;overflow: hidden;margin-bottom: 10px;}
.join-us .section3 .container .business .fl ul li.last{width: 48%;}
.join-us .section3 .container .business .fl ul li.last_last{margin-left: 4%;}
.join-us .section3 .container .business .img{

	width:100%;
				height: 0;
				padding-bottom: 40%;}
				
    @media screen and (max-width:1080px) {
    	.floor {
		    width: 92%;
		    padding-left: 8%;
		}
    	.selection{position: fixed;top: 50%;transform:translateY(-100%);z-index: 11;width: 70px;}
    	.join-us .section3 .container .business .team_teacer_item{width: 100%;}
    }
@media screen and (max-width:900px) {
	.join-us .section3 .container .business .fl{width: 94%;padding: 0 3%;}
	.join-us .section3 .container .business  .right{width: 65%;}
	
}
@media screen and (max-width:580px) {
	.join-us .section3 .container .business .fl{width: 94%;padding: 0 3%;}
}



/*.join-us .section3 .container .salary .img1 {
    margin-top: 2%;
    width: 100%;
    height: 0;
    padding-bottom: 4%;
}*/
.join-us .section3 .container .salary .fl{width: 42%;padding: 0 4%;}
.join-us .section3 .container .salary .fl .salary_left_title{color: rgba(212, 182, 118, 0.8);margin: 40px 0 10px;}
.join-us .section3 .container .salary  .right{padding: 0;}
.join-us .section3 .container .salary .img{
	overflow: hidden;
	width:100%;    
    height: 0;
    padding-bottom: 100%;}
    
@media screen and (max-width:768px) {
    .join-us .section3 .container .filter {
        width: 100%;
        
    }
    .join-us .section3 .container .salary  .fl{width:92%;padding: 0 4%;}
    .join-us .section3 .container .invite-detail .detail {
        width: 100%;
        /* margin-top: 2%; */
        margin-left: 0% !important;
    }
    .join-us .section3 .container .selection a,.join-us .section3 .container .selection .option.active a{display: none;}
    .selection{width: 25px;}
  
}



@media screen and (max-width:580px) {
    .page p.prev {
        display: none
    }
    .page p.noHover {
        display: none
    }
    .page p.active {
        display: none
    }
}