.join_box .footer_messimg{padding-left:0;padding-right: 0;margin-top: 12px;}
.join_box .null_div{margin-top:4%;}
.join_box .last_footer{padding-right:0;padding-left:0;}
.join_box .panel{overflow: inherit;}
.join_box .ser_show p{margin-top:6px;}
.join_box .page6_box{margin-top:6%;}
.join_box .pageser_tit{background: none;}
.join_box .wrap_footer{margin-top:0;}
.page6_box{background: url(../images/qc1_03.jpg)}
.bg2Content{
	width: 100%;
	height: 100%;
	margin-top:100px;
	background:url(../images/join/joinbg2_02.jpg) no-repeat;
	background-position: 100%;
}
.joinbg2title{
	text-align: center;
	margin: 3%;
	font-size:36px;
	color: white;
	padding-top: 145px;
}
.bg2swiperContent{
	width: 90%;
	height: 48%;
	margin: 0 auto;
	overflow: hidden;
}
.swiper-slide ul{
	width: 100%;
	height: 100%;
	padding: 0 2%;
	overflow:  hidden;
}
.swiper-slide ul li{
	width: 22%;
	height:90%;
	padding: 2% 2%;
	float: left;
	background: white;
	margin: 0 1%;
	box-sizing: border-box;
	text-align: center;
}
.swiper-slide ul li:last-child{margin-right: 0;}
.swiper-slide ul li img{
	margin-top:10%;
}
.swiper-slide ul li h1{
	font-size: 24px;
	line-height:300%;
}
.swiper-slide ul li p{
	color: gray;
	line-height: 150%;
}


.bg2PaginationBox{
	text-align: center;
	width:144px;
	margin:0 auto;
	overflow: hidden;
}
.bg2Pagination{
	position: relative;
	font-size: 16px;
	width: 80px;
	height: 50px;
	color: white;
	display: inline-block;
	float:left;
}
.bg2PaginationBox .bg2left,.bg2PaginationBox .bg2right{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-bottom: 5px;
	float:left;
}
.bg2PaginationBox .bg2right{float:right;}
.bg2PaginationBox .bg2left{padding:0;}
.bg2left{
	background: url(../images/join/bg2left.png) no-repeat;
}
.bg2right{
	background: url(../images/join/bg2right.png)no-repeat;
}
.bg2Arrow{
	cursor: pointer;
}
.bg2Arrow:hover{
	
}
.bg2PaginationBox .swiper-wrapper{height:83%;}
.bg3picBox{
	/*height: 290px;*/
	margin-left: 5%;
	padding-top:4%;
	box-sizing: border-box;
}
.bg3lineBox p{
	color: black;
}
.null_div{height:4%;}
.join3{margin-top: 9%;}
.bg3title{
	margin-top: 9%;
	text-align: center;
    font-size: 36px;
}
.bg3pic{
	width: 850px !important;
	height: 290px !important;
	border: 1px solid #e8e8e8;
}
.bg3pic span{
	display: inline-block;
	vertical-align: middle;
	width: 420px;
	height: 290px;
}
.bg3pic span img{
	vertical-align: middle;

	width: 420px;
	height: 290px;
}
.bg3picTxt{
	padding: 8% 5% 0;
	box-sizing: border-box;
}
.bg3picTxt h1{
	font-size: 64px;
	font-weight:600;
	color: #f1ce23;
	line-height: 200%
}
.bg3picTxt p{
	font-size: 14px;
	color: gray
	line-height:150%;
}
.bg3pic1{
	background: url(../images/join/bg3pic1.jpg);
}
.bg3pic2{
	background: url(../images/join/bg3pic2.jpg);
}
.bg3pic3{
	background: url(../images/join/bg3pic1.jpg);
}
.bg3lineBox{
	color: white;
	text-align: center;
	margin:10% 5% 0;
}
.bg4lineBox{
	width: 90%;
	margin-left: 5%;
	position: absolute;
	bottom: 20%;
	color: white;
	text-align: center;
	/*//margin: 5% 0;*/
}
.bg3line{
	display: inline-block;
	background: url(../images/join/bg3line.png) no-repeat;
	background-size: 100%;
	width: 100%;
	height: 60px;
}
.bg4Active{
	background: white;
	color: #e8470f !important;
}

.bg4Content{
	width: 100%;
	height: 125px;
	position: absolute;
	top: 45%;
}
.footfix{
	padding: 30px 0 ;
}
.bg4title{
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left:-175px;
	width: 350px;
	text-align: center;
}

.bg4title h1{
	font-size: 36px;
	color: white
}
.bg4titleButton{
	width: 350px;
	height: 50px;
}
.bg4titleButton ul {
	margin-top: 8%;
}
.bg4titleButton ul li {
	color: white;
	width: 170px;
	height: 50px;
	float: left;
	border: 1px solid white;
	vertical-align: middle;
	line-height: 50px;
	cursor: pointer;
	transition: all 0.5s;
}
.bg4titleButton ul li:hover{
	background: white;
	color:#e8470f ;
}
.bg4pic{
	width: 100%;
	height: 125px;
	background: url(../images/join/joinbg3line.png) no-repeat;
	background-size:  100%;
}
.bg5box{
	width: 800px;
	height: 680px;
	background: white;
	padding: 30px 28px 0 ;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -340px;
	margin-left: -400px;
	display: none;
}
.bg5box input{
	text-indent:10px;
}

.bg5boxTitle{
	width: 740px;
	position: relative;


}
.bg5boxTitle h1{
	font-size: 25px;
	display: inline-block;
}
.bg5boxTitle span{
	font-size: 40px;
	line-height: 25px;
	position: absolute;
	right: 0;
}
.bg5user{
	height: 280px;
	width: 350px;
}
.bg5Txtcontent{
	width: 740px;
	height: 240px;
	margin-top: 15px;
	box-sizing: border-box;
}
.bg5TxtBox{
	width: 350px;
	height: 240px;
	float: left;
}
.bg5TxtBox span{
	width: 350px;
	height: 80px;
}
.bg5TxtBox span input{
	width: 350px;
	height: 40px;
	border: 1px solid #e8e8e8;
}
.bg5TxtBox span h1{
	color: gray;
	line-height: 40px;
}
.bg5TxtBoxGap{
	margin-right: 40px;
}
.bg5TxtNet{
	width: 350px;
	height: 80px;
}
.bg5TxtNet h1{
	color: gray;
	line-height: 40px;
}
.bg5TxtNet input{
	width: 740px;
	height: 40px;
	border: 1px solid #e8e8e8;
}
.bg5TxtMes{
	width: 740px;
	height: 150px;
}
.bg5TxtMes h1{
	color: gray;
	line-height:40px;
}
.bg5TxtMes input{
	width: 740px;
	height: 110px;
	border: 1px solid #e8e8e8;
}
.bg5TxtSubBox{
	width: 740px;
	height: 80px;
}
.bg5TxtSub{
	width: 320px;
	height: 80px;
	float: left;

}
.bg5TxtSub h1{
	color: gray;
	line-height:40px;
}

.bg5TxtSub img{
	display: inline-block;
	border: 1px solid #e8e8e8;	
	width: 158px;
	height: 40px;
	box-sizing: border-box;
	vertical-align: middle;
}
.bg5TxtSub input{
	vertical-align: center;
	width: 153px;
	height: 40px;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	text-align: center;
	background: none;
	cursor: pointer;
	transition: all 0.4s;
}
.bg5TxtSub button{
	vertical-align: center;
	width: 153px;
	height: 40px;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	text-align: center;
	background: none;
	cursor: pointer;
	transition: all 0.4s;
}
.bg5TxtSubCol input:hover{

	background: #e8470f;
}
.bg5TxtSubGap{
	margin-right: 90px;
}
.bg5TxtSub h1{
	height: 36px;
}
.bg5boxTitleCansle:hover{
	color: #e8470f;
}
.bg5boxTitleCansle{
	cursor: pointer;
}
.bg5join{
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	color:white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -90px;
	margin-top: 50px;
	width: 180px;
	height: 50px;
	border:2px solid white;
}
.bg5join:hover{cursor: pointer;border:2px solid #e8470f;color: #e8470f;}
.bg3pic h1{font-size: 40px;font-weight: 600;color: #e8470f;line-height:200%;}
 .bg3pic p{color: gray;}
 .bg5TxtSubGap img{cursor: pointer;}
 .bg3lineBox{position: relative;}
.bg3lineBox .line_all{background:#f1f1f1;}
.click_move,.click_movebg4{background-size: 100%;position: relative; width: 60px;height: 60px;margin:0 auto;border-radius: 50%;border:solid #ccc 1px;transition: all 0.5s;background: #fff;}
.click_movebg4{border:solid #fff 1px;}
.click_move:hover{border-color: #e8470f;}
.bg3right,.bg3left,.bg4_right,.bg4_left{width: 30px;height: 60px;margin:0 auto;position: absolute;left: 50%;cursor: pointer;}
.bg3right,.bg4_right{background: url(../images/rightandleft_03.png) no-repeat center ;margin-left: -28px;}
.bg3_center_line,.bg4_center_line{ display: block;width: 1px;background: #d9d9d9;height: 10px;position: absolute;left: 50%;top: 50%;margin-top: -5px;}
.bg3left,.bg4_left{background:url(../images/rightandleft_05.png) no-repeat center ;}
.join_box .ser_show p{padding-top:3%;}
/*.bg4lineBox{background: url()}*/
.bg4pic{position: absolute;}
.line_all{position: absolute;width: 100%;height: 1px;background: rgba(255,255,255,0.2);top:50%; margin-top: -8px;}
.swiper_slide4{position: relative;height: 125px;}
@media screen and (max-width: 4410px){.null_div{height:3%;}.join3{margin-top: 7%;}.bg3title{margin-top:2%;}
.join_box .ser_list li{height: 110px;}}
@media screen and (max-width: 1367px){
	.join_box .ser_show p{padding-top:1%;}
	.join_box .page6_box{margin-top:3%;}
	.join_box .wrap_footer{margin-top:80px;}
	.join_box .ser_show p{padding-top:2%;}
}
@media screen and (max-width: 1550px){
	.bg2swiperContent{height: 58%;}
}

.job_requirements h2{font-size: 30px;color: #fff;margin-bottom:10px;}
.page4_right .look_more, .page4_right .sumi_but{width: 190px;}



.bd4 .page4_right{
    margin-left: 50%;
    position: relative;
    height: 100%;
}



.bg2swiperContent .swiper-wrapper{height:92%;}