.join.footer {
    background-color: #333333;
    background-image: none;
}

/* nav 覆盖 */
.menu, .menu .menu_1_item, .menu .menu_2_item {
    /* background: rgba(0, 0, 0, 0.3); */
}
/* ------------------------------------------- 公共 */
.join_title1 {
    padding-top:60px;
    text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight:bold;
    letter-spacing:1px;
}
.join_title2 {
    margin: 10px auto 0px;
    color: #4D4D4D;
    line-height:26px;
    font-size:18px;
    text-align: center;
}
/* ------------------------------------------- banner */
.banner {height:auto;}
.banner  img { width:100%; height:auto}

/* ------------------------------------------- 1 */
.join_part1 {
    height:auto;
}
.part1_body {
    margin: 60px auto 80px auto;
    max-width:980px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align:center;
}
.part1_b {
    width: 270px;
    box-sizing: border-box;
    padding: 40px 0px 0px 0px;
}
/*.part1_b:nth-child(1) {
    background: #FFF6E8;
}
.part1_b:nth-child(2) {
    background: #FEE6D3;
}*/
.part_p1 {
    border:none;
}
.part_p1 img {
    border:none;
    max-height:78px;
}
.part_p2 {
    margin-top: 30px;
    color: #333333;
    font-size:18px;
    font-weight:bold;
    letter-spacing: 1px;
}
.part_p3 {
    margin-top:10px;
    color: #666666;
    font-size:14px;
    letter-spacing: 1px;
    line-height:20px;
}


/* ------------------------------------------- 2 */
.join_part2 {
    height:626px;
    background:url(../images/join_part2_bg.jpg) no-repeat #F2F2F2;
    padding-bottom:50px;
    overflow: hidden;
}
.join_part2 .container .join_title1 {
    color: #fff;
}
.join_part2 .container .join_title2 {
    color: #fff;
}
.part2_body {
    margin-top:65px;
}
.part2_b {
    width:562px;
    height:200px;
    box-sizing: border-box;
    padding: 40px 0px 0px 70px;
    margin:15px;
    float:left;
    background:#fff;
	font-size:14px;
    line-height:20px;
    color:#333;
}
.part2_b b{
    font-size:18px;
    font-weight:bold;
    display:block;
    line-height:40px;
}
.part2_b:nth-child(1) {
	background: url(../images/join_part2_1.png) no-repeat right top #fff;
    background-size: 77px 77px;
    background-position: right 70px top 40px;
}
.part2_b:nth-child(2) {
	background: url(../images/join_part2_2.png) no-repeat right top #fff;
    background-size: 81px 89px;
    background-position: right 70px top 40px;
}
.part2_b:nth-child(3) {
	background: url(../images/join_part2_3.png) no-repeat right top #FF6D00;
    background-size: 88px 75px;
    background-position: right 70px top 40px;
	color:#fff;
}
.part2_b:nth-child(4) {
	background: url(../images/join_part2_4.png) no-repeat right top #fff;
    background-size: 71px 100px;
    background-position: right 70px top 40px;
}

.part2_p1{
    width:70%;
    float:left;
    font-size:14px;
    line-height:20px;
    color:#333;
}
.part2_p1 b{
    font-size:18px;
    font-weight:bold;
    display:block;
    line-height:40px;
}
.part2_b:nth-child(3) .part2_p1,.part2_b:nth-child(3) .part2_p1 b{
    color:#fff;
}
.part2_p2{
    width:30%;
    float:left;
    text-align:left;
}
.part2_p2 img{
    max-width:100px;
    max-height:100px;
}

/* ------------------------------------------- 3 */
.join_part3 {
    height:570px;
    background:#F2F2F2;
}

.part3_body {
    margin-top:80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.part3_b {
    width:340px;
    height:320px;
    padding: 0px 38px 0px 40px;
}
.part3_img {
    height:auto;
    text-align: center;
    overflow: hidden;
}
.part3_p1 {
    margin-top: 34px;
    color: #333;
    font-size:18px;
    font-weight:bold;
    text-align: center;
    letter-spacing: 1px;
}
.part3_p2 {
    margin-top: 12px;
    font-size:14px;
    color:#666;
    line-height:20px;
    text-align: center;
}



/* ------------------------------------------- 4 */
.join_part4 {
    height:auto;
    background:#fff;
    padding-bottom:50px;
}
/* ---------------------------- 思软口碑 ----------------------------*/
#focus_Box{position:relative;margin-top: 80px; padding-bottom: 80px;}
#focus_Box ul{position:relative;height: 406px;}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:35px;bottom:22px;width:296px;height:60px;line-height:20px;background:#FD6C21;color:#fff; display:block; padding:16px; text-align:left; font-size:12px;}
#focus_Box li p span{display:block;width:100%;height:40px;overflow:hidden; text-align:right}
#focus_Box li:nth-child(1) p{display:none;}
#focus_Box li:nth-child(3) p{display:none;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:150px;height:256px;top:84px;}
#focus_Box .prev{/*background:url(../images/btn.png) left bottom no-repeat;*/left:0px}
#focus_Box .next{/*background:url(../images/btn.png) right bottom no-repeat;*/right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}


#focus_swiperJoin{display: none; margin-top: 14px;}
#focus_swiperJoin .swiper-slide img{display: block; width:100%; background:url(../images/loading.gif) no-repeat center 50%; height:100%;}
#focus_swiperJoin .swiper-slide p{line-height:20px;background:#FD6C21;color:#fff; font-size:12px; padding: 5px;}
#focus_swiperJoin .swiper-slide p span{ display:block; text-align: right; margin-top: 2px;}


.part4_body {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.part4_b {
    width: 260px;
}
.part4_img {
    height: 160px;
    text-align: center;
    overflow: hidden;
}
.part4_p1 {
    margin-top: 35px;
    color: #333333;
    font-size:20px;
    font-weight:bold;   
    text-align: center; 
}
.part4_p2 {
    margin-top: 10px;
    color: #666666;
    text-align: center; 
    font-size:14px;
    line-height:22px;
}


/* ------------------------------------------- 5 */
.join_part5 {
    height:700px;
    background-size: cover;
    background-image: url(../images/join_part5_bg.jpg);
}
.join_part5 .join_title1 {
    color: #fff;
}

.part5_body {
    margin-top: 30px;
}
.part5_form {
    width: 700px;
    margin: auto;
}
.part5_form input[type=text] {
    width: 100%;
    height: 64px;
    margin-top: 29px;
    border-radius:9px;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 52px;
    font-size:24px;
    color: #333333;
}
.part5_form .submit{
    width:180px;
    height:56px;
    background:#FF6C00;
    border-radius:9px;
    display: block;
    margin: 50px auto 0px;
    border: none;
    outline: none;
    font-size:25px;
    color: #fff;
}

/* placeHoder */
/* 使用webkit内核的浏览器 */
.part5_form ::-webkit-input-placeholder{
    color: #333;
}
/* Firefox版本4-18 */
.part5_form ::-moz-placeholder{
    color: #333;
}                  
/* Firefox版本19+ */
.part5_form ::-moz-placeholder{
    color: #333;
}      
/* IE浏览器 */         
.part5_form ::-ms-input-placeholder{
    color: #333;
}    
/* ------------------------------------------- 6 */
.join_part6 {
    height: 580px;
}

.join_part6 .join_title2 {
    width:784px;
    margin: 10px auto 0px;
    color: #4D4D4D;
    line-height:26px;
    font-size:18px;
    text-align: center;
}

.part6_body {
    margin-top: 42px;
    position: relative;
}
.part6_body .swiper-container {
    width: 1038px;
}
.part6_b_img {
    height:240px;
}
.part6_b_img img {
    width: 100%;
    height: 100%;
}
.part6_b_font {
    margin-top: 10px;
    font-size:20px;
    color: #333;
    text-align: center;
}

/*  */
.part6_pre, .part6_next {
    position: absolute;
    width:36px;
    height:36px;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
}

.part6_pre {
    left: 0px;
}

.part6_next{
    right: 0px;
}