.btnMenu {margin-bottom: 78px;}
.joinText{margin-bottom: 3px;}
.joinText .joinImg{width: 26.2%;}
 .joinText .joinImg img {width: 100%;}
.joinText .joinInfo{width: 70.5%;padding-left:1.8%;padding-right: 1.5%;background-color: #fafafa;height: 172px;margin-top: 12px;}
.joinText .joinRecruit{ font-size:20px; color:#333; letter-spacing:1.8px; font-weight:400; margin-top: 22px;}
.joinText .RecruitText{font-size:14px; color:#666; letter-spacing:0.8px; line-height:25px;margin-top: 19px;}

.joinText ul li .clearfixhead p{ line-height:50px; font-size:16px; color:#333;  /*text-align:center;*/    letter-spacing: 0.6px;}
.joinText ul li{ min-height: 50px; background:#e8e8e8;}
.joinText ul li.on i{background:url(../images/icon_xuanzCf.png) no-repeat;webkit-transition: all .4s ease; transition: all .4s ease; }
.joinText ul li .pA{  float:left;}
.joinText ul li .pB{float:left;}
.joinText ul li .pC{ float:right;}
.joinText ul{     padding-top: 39px; border-top:none;    padding-bottom: 63px;background-color: rgba(244, 244, 244, 0.29);}
.joinText ul li{ width:100%; margin-left:0%; cursor:pointer; margin-bottom:1px; position:relative;}
.joinText ul li.on{ background:#d1ecea;}
.joinText ul li i{ width:21px; height:11px; display:block; background:url(../images/icon_xuanz.png) no-repeat; right:43px; top:19px; position:absolute;webkit-transition: all .4s ease; transition: all .4s ease;}
.liRecruit .clearfixResume>div{ width:49.5%; float:left;}
.liRecruit{ background:#f2f5f5; border-top:1px solid #fff; padding-bottom: 31px; display:none;}
.liRecruit div h4{ font-size:14px; color:#666; line-height:28px; letter-spacing:0.7px;font-weight: 600;    margin-top: 32px;   margin-bottom: 14px;}
.liRecruit div p{ font-size:12px; color:#666; line-height:24px; letter-spacing:0.7px;}
.liRecruit .clearfixResume .liRecruitA{width: 32%;float: left;padding-left: 3.1%;padding-right: 13.4%; background:url(../images/bg_joinDian.png) no-repeat right center; background-size:1px 80%;}
.liRecruit .clearfixResume .liRecruitB{width: 46%; float: left; }
.liRecruit .liRecruitB h4,.liRecruit .liRecruitB P{padding-left: 9%;}
.liRecruit .liRecruitB div{ /* border-left:1px solid #ccc; */}
.liRecruit .liRecruitB div,.liRecruit .liRecruitA div{ padding-bottom:21px;}
.liRecruit a.resume{ height:30px; width:90px; border:1px solid #cccccc;
border-radius:6px; text-align:center; line-height:30px; font-size:12px;
letter-spacing:0.7px;color:#999;  float:right; margin-right:51px;margin-top: -46px;}
.liRecruit a.resume:hover{ color:#1b9f96;border:1px solid #1b9f96;}
.clearfixResume{ overflow:hidden;}
.rightText{ padding-bottom:62px;}
.resumeDiv{ width:100%;}
.joinText ul li .pA {    width: 17%;
    margin-left: 3.4%;
}
.joinText ul li .pB {
    width: 18%;
    margin-left: 15.2%;
}
.joinText ul li .pBB {
    width: 6%;
    margin-left: 6.2%;
	float:left;
}
.joinText ul li .pC {
        width: 17.1%;
}


@media(max-width:1240px){
    .joinText .joinInfo{ margin-top: 0;}
    .joinText .joinRecruit {margin-top: 12px;}
    .joinText .RecruitText {margin-top: 10px;}
    .joinText ul li i {right: 6%;}
		.joinImg img{ width:366px; height:auto;}
	.joinImg {  top: 32px;}
	.joinText ul li .pB { margin-left: 10%;}
	.joinText ul li .pC { width: 23%;}
}


@media(max-width:1070px){
    .RecruitEmail {margin-top: 5px;}
    .joinText .joinRecruit {margin-top: 10px;}
    .joinText .RecruitText {margin-top: 10px;}

}

@media(max-width:999px){
    .joinText .joinRecruit {margin-top: 8px;}
    .joinText .RecruitText {margin-top: 6px;}
    .joinText .RecruitText {line-height: 22px;height: 66px;overflow: hidden;}
    /*.joinText ul li i {right: 60px;}*/
    .joinText ul li i {right: 5%;}
}

@media(max-width:930px){
	.more {    margin-top: 10%;}
}
@media(max-width:900px){
    .joinText .joinRecruit {margin-top: 6px;}
    .joinText .RecruitText {margin-top: 5px;}
    .joinText .RecruitText {line-height: 20px;height: 60px;}
    /*.joinText ul li i {right: 50px;}*/
    .joinText ul li i {right: 4%;}
}

@media(max-width:876px){
	.more {margin-top: 7%;}
	.liRecruit .clearfixResume .liRecruitB { width: 94%;  float:inherit;padding-left: 3%; padding-right: 3%;}
	.liRecruit .clearfixResume .liRecruitA { width: 94%; float:inherit; padding-left: 3%; padding-right: 3%;}
	.liRecruit .liRecruitB h4, .liRecruit .liRecruitB P { padding-left:0;}
	.liRecruit .liRecruitB div { border-left:none;}
	.liRecruit a.resume {  margin-right: 4%;  margin-top: -26px; display:inline-table; margin-top:10px;}
	.resumeDiv{ text-align:center;}
	/*.rightText ul li .pA{ width:20%; float:left;}
	.rightText ul li .pB{ width:35%;float:left;}
	.rightText ul li .pC{ width:45%; float:right;}*/
	/*.RecruitHead .pA{ width:33.3%; float:left;}
	.RecruitHead .pB{ width:33.3%;float:left;}
	.RecruitHead .pC{ width:33.4%; float:right;}*/
	.joinText { padding-bottom: 2px;}
    /*.joinText ul li .pA{ width:33.3%;}
    .joinText ul li .pB{ width:33.3%;}
    .joinText ul li .pC{ width:33.4%;}*/
    
}

@media(max-width:840px){
    .joinText .joinRecruit {margin-top: 4px;}
    .joinText .RecruitText {margin-top: 3px;}
    .joinText .RecruitText {line-height: 19px;height: 57px;}
    /*.joinText ul li i {right: 42px;}*/
    .joinText ul li i {right: 3%;}
}

@media(max-width:768px){
.joinText .joinImg {width: 31.2%;}
.joinText .joinInfo {width: 65.5%;}
.joinText .RecruitText {line-height: 20px;height: 60px;}
/*.joinText ul li i {right: 28px;}*/
.joinText ul li .pC { width: 24%;  margin-left: 0;}
.joinText ul li .pBB { width: 14%; margin-left: 2%;}
.joinImg { position: initial;margin-top: 20px;}
.joinUs { background-size:500%;padding-bottom: 28px;}
.joinImg img{ width:100%;}
.joinTextA { width: 96%;}
}

@media(max-width:670px){
	.more {  margin-top: 0%;  margin-bottom: 14px;}
    .joinText .joinRecruit {margin-top: 0;}
    .joinText .RecruitText {margin-top: 0;}
    .RecruitEmail { margin-top: 0;}
    .joinText ul li i {right: 0.5%;}
	}

@media(max-width:600px){
    .joinText .joinImg {width: 100%;}
.joinText .joinInfo {width: 90%;padding: 0 5%;height: inherit;padding-bottom: 28px;}
.joinText .RecruitText {margin-top: 15px;height: inherit;line-height: 24px;}
.joinText .joinRecruit {margin-top: 24px;    text-align: center;}
.RecruitHead {margin-top: 40px;}
.joinText ul li i { background-size: 17px;}
.joinText ul li .pB {
    width: 21.1%;
    margin-left: 10.2%;
}
.joinText ul li .pC {
    width: 27.5%;
    margin-left: 7.9%;
}

	}

@media(max-width:480px){
	.more { margin-top: 12px;}
	.RecruitEmail {  margin-top: 21px;}
	.rightText ul li .pA { width: 100%; text-align: left;}
	.rightText ul li .clearfixhead p{ text-align:left; text-indent: 21px; font-weight: 400;}
	 .liRecruit .clearfixResume .liRecruitA { width: 89%; padding-left: 7.2%; padding-right: 3%;}
	 .liRecruit div h4 { margin-top: 2px; margin-bottom: 14px;font-weight: 600;}
	 .liRecruit .clearfixResume .liRecruitB { width: 89%; padding-left: 7.2%; padding-right: 3%;}
	 .liRecruit { padding-top: 15px;padding-bottom: 53px;}
	 .liRecruit a.resume { margin-top:38px;}

     .joinText ul li .pA {
        width: 31.2%;
    margin-left: 3.1%;
}
     .joinText ul li .pB {
        width: 12%;
    margin-left: 5.8%;
}
.joinText ul li .pBB {
    width: 12%;
    margin-left: 4%;
}
.joinText ul li .pC {
    margin-left: 0;
	width: 28%;
			letter-spacing:0 !important;
}
.joinText ul li i{ display:none;}

     .joinText ul li i{background-size: 60%;background-position: center;right: 12%;}
    .joinText ul li.on i {background-size: 60%;background-position: center;}
    .joinText ul li .clearfixhead p{ font-size: 14px;}
    .joinText ul {padding-top: 26px;padding-bottom: 24px;}
    .liRecruit .liRecruitB div, .liRecruit .liRecruitA div {padding-bottom: 0;}
    .joinText ul li {}
    .joinText ul li .clearfixhead p { letter-spacing: 0.6px;}
    .joinText ul li .clearfixhead p.pC{ text-align: left;}
    .btnMenu {
        margin-top: 39px;
        margin-bottom: 29px;
		    
    }
    .joinText {
    margin-bottom: 31px;
}
.joinImg { margin-top: 31px;}
.joinText.container{ width:100%;}

}
@media(max-width:440px) {
    .joinText ul li i {
        right: 10%;
    }
}

@media(max-width:400px) {
    .joinText ul li i{right: 7%;}
    .RecruitHead .pA {
        width: 30.3%;
    }
    .RecruitHead .pB {
        width: 29.3%;
    }
    .RecruitHead .pC {
        width: 30.4%;
    }
}
@media(max-width:380px) {
     .joinText ul li i{right: 5%;}
}

@media(max-width:360px) {
    .joinText ul li i{right: 3%;}
}

@media(max-width:340px) {
    .joinText ul li i{right: 1%;}
}