.join_b1 {padding-bottom: 120px;}
.join_b1 .box1{margin-top: 55px;align-items: flex-start;}
.join_b1 .left{width: 50%;overflow: hidden;border-radius: 24px;-webkit-transform: translate3d(0, 0, 0);}
.join_b1 .left li .img{opacity: 0;transition: 0.5s;}
.join_b1 .left li.swiper-slide-active .img{opacity: 1;}
.join_b1 .right{width: 45.5%;}
.join_b1 .right li{opacity: 0.5;padding: 63px 0 48px 0;transition: 0.3s;cursor: pointer;}
.join_b1 .right li:first-child{padding-top: 0;margin-top: -5px;}
.join_b1 .right li:last-child{padding-bottom: 0;}
.join_b1 .right li:not(:first-child){border-top: 1px solid rgba(0, 0, 0, 0.1);}
.join_b1 .right li.on,.join_b1 .right li:hover{opacity: 1;}
.join_b1 .right li .content{display: none;}
.join_b1 .right li .title{font-size: 28px;padding: 0 0 15px 27px;transition: 0.5s;position: relative;}
.join_b1 .right li .title::before{content:'';width: 8px;height: 8px;background: #000;border-radius: 50%;display:block;position: absolute;left: 0;}
.join_b1 .right li .title img{width: 40px;transition: 0.3s;}
.join_b1 .right li .desc{font-size: 20px;line-height: 1.8;text-align: justify;}
.join_b1 .right li.on .title{font-size: 32px;}
.join_b1 .right li.on .title img{transform: rotate(180deg);}
.join_b1 .right .img{display: none;}

.join_b2{background: url(../img/joinB2_bj.webp) center center / cover no-repeat;padding:85px 0 100px 0;}
.join_b2 .box1{margin: 53px -57.6% 0 -57.6%;position: relative;}
.join_b2 .box1 ul {grid-auto-flow: column;display: grid}
.join_b2 .box1 li {padding: 0 2.8%;}
.join_b2 .box1 li .box {transition: transform .8s ease-in-out,transform-origin .5s ease-in-out;position: relative;transform: scale3d(.79,.79,.79);border-radius: 30px;overflow: hidden;}
.join_b2 .box1 li .box .img {z-index: 2;border-radius: .2rem;width: 100%;padding-bottom: 55%;transition: transform .8s;position: relative;overflow: hidden;transform-origin: center;}
.join_b2 .box1 li .box .img img {object-fit: cover;z-index: 5;opacity: .6;width: 100%;height: 100%;transition: opacity .8s ease-in-out;display: block;position: absolute;top: 0;left: 0}
.join_b2 .box1 li .box .content {margin: auto;position: absolute;top: 0;bottom: 0;z-index: 10;opacity: 0;background-color: #fff;border-radius: 24px;-ms-flex-direction: column;flex-direction: column;max-width:473px;width: 47%;height: 83%;max-height:470px;padding: 55px 45px 55px 40px;transition: opacity .3s ease-in-out;right: 4.5%;transform: translateZ(0);}
.join_b2 .box1 li .box .content .title{font-size: 38px;}
.join_b2 .box1 li .box .content .title strong{padding-right: 5px;}
.join_b2 .box1 li .box .content .title span{font-size: 22px;font-weight: bold;}
.join_b2 .box1 li .box .content .desc{font-size: 16px;margin-top: 13px;line-height: 1.6;text-align: justify;height: 83%;overflow-y: auto;margin-right: -20px;padding-right: 20px;word-break: break-all;}
.join_b2 .box1 li .box .content .desc p{padding-bottom: 20px;}
.join_b2 .joinB2_P,.join_b2 .joinB2_N{width: 128px;height: 128px;top: 43%;}
.join_b2 .joinB2_P{left: 27%;background: url(../img/aboutB2_jtL.png) center center / contain no-repeat;}
.join_b2 .joinB2_N{right: 27%;background: url(../img/aboutB2_jtR.png) center center / contain no-repeat;}

.join_b3 {padding:85px 0 0px 0;}
.join_b3 .box1{background: var(--colormain2);border: 1px solid var(--colormain);border-radius: 45px;overflow: hidden;padding:62px 35px;margin-top: 52px;}
.join_b3 .box1 ul{display: flex;flex-wrap: wrap;}
.join_b3 .box1 li{width: 33.3333%;padding: 35px;}
.join_b3 .box1 li>div{flex-wrap: nowrap;align-items: flex-start;transition: 0.5s;}
.join_b3 .box1 li>div:hover{transform: translateY(-13px);}
.join_b3 .box1 li .img{width: 140px;}
.join_b3 .box1 li .content{width: calc(100% - 140px);margin-top: 15px;padding-left: 15px;}
.join_b3 .box1 li .title{font-size: 28px;}
.join_b3 .box1 li .desc{padding-top: 8px;}
.join_b3 .box1 li .desc p{font-size: 16px;color: #333;line-height: 1.6;}

.join_b4 {padding:95px 0 120px 0;}
.join_b4 .box1{background: #F6F6F6;border-radius: 20px;overflow: hidden;padding: 18px 0 23px 0;width: 90%;max-width: 1290px;margin:40px auto 0 auto;}
.join_b4 .box1 ul{display: flex;flex-wrap: wrap;}
.join_b4 .box1 li{width: 20%;text-align: center;position: relative;}
.join_b4 .box1 li:not(:last-child)::after{content: '';width: 1px;height: 80%;background: #000;border-radius: 1px;opacity: 0.2;position: absolute;right: 0;top: 10%;}
.join_b4 .box1 li .num{font-size: 32px;font-weight: bold;}
.join_b4 .box1 li .desc{font-size: 20px;line-height: 1.4;margin-top: 2px;padding: 0 8px;}

.join_b4 .box2 .img{position: relative;}
.join_b4 .box2 .img::after{content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), transparent 50%);pointer-events: none;}
.join_b4 .box2 .text1,.join_b4 .box2 .text2{position: absolute;width: 100%;bottom: 35px;left: 0;height: auto;z-index: 2;}
.join_b4 .box2 .text1 *,.join_b4 .box2 .text2 *{color: #fff;}
.join_b4 .box2 .text1{text-align: center;padding: 0 5px;font-size: 34px;}
.join_b4 .box2 .text2{text-align: left;padding: 0 40px;font-size: 16px;}
.join_b4 .box2 .text2 strong{font-size: 45px;padding-right: 5px;}
.join_b4 .box2 li .text1{transition: 1s;opacity: 1;}
.join_b4 .box2 li .text2{opacity: 0;transform: translateY(15px);}
.join_b4 .box2 li.on .text1{opacity: 0;transition: 0.3s;}
.join_b4 .box2 li.on .text2{opacity: 1;transform: translateY(0);transition:opacity 1s,transform 0.5s;transition-delay: 0.3s;}

.join_b5{background: var(--colormain2);padding-top:95px;}
.join_b5 .box1{position: relative;padding: 70px 0;margin-bottom: -60px;}
.join_b5 .box1::after{content: '';width: 90%;height: 100%;background: url(../img/joinB5_xian.png) no-repeat center center;background-size: contain;position: absolute;top: 0;left: 5%;pointer-events: none;}
.join_b5 .box1 ul{display: flex;justify-content: space-around;}
.join_b5 .box1 li:nth-child(2n){padding-top: 385px;margin: 0 -1.15vw;}
.join_b5 .list li>div{background: linear-gradient(180deg, #FED900 25%, #FFFBE5 100%);border-radius: 50%;text-align: center;padding:5px;width: 10.5vw;height: 10.5vw;max-width: 190px;max-height: 190px;}
.join_b5 .list li .content{width: 100%;}
.join_b5 .list li .num01{text-align: right;margin:-75px 5px 10px 0px;}
.join_b5 .list li .num01 p{font-size: clamp(12px, 1.5vw, 26px);font-style: italic;background: #fff;border-radius: 50%;width: 3.2vw;height: 3.2vw;max-width: 50px;max-height: 50px;display: inline-flex;align-items: center;justify-content: center;font-weight: bold;padding-right: 2px;}
.join_b5 .list li .title{font-size: clamp(16px, 1.8vw, 32px);font-style: italic;}
.join_b5 .list li .desc p{font-size: clamp(8px, 1vw, 16px);font-style: italic;color: rgba(34, 34, 34, 0.6);line-height: 1;}

.join_b6{padding:95px 0 135px 0;}
@media (min-width:1930px){
	.join_b5 .list li{width: 11.1111%;}
	.join_b5 .box1 li:nth-child(2n) {padding-top: 420px;margin: 0 0.85vw;}
}
@media (min-width:1500px){
	.join_b2 .box1 li .box .content{will-change:opacity;}
}
@media (min-width:850px){
	.join_b4 .box2{margin:60px -12px 0 -12px;}
	.join_b4 .box2 li{flex: 1;margin: 0 12px;border-radius: 20px;overflow: hidden;transition: 0.6s;height: 35vw;max-height: 615px;-webkit-transform: translate3d(0, 0, 0);}
	.join_b4 .box2 li.on{flex: 2.45;}
	.join_b4 .box2 li .img,.join_b4 .box2 li img{height: 100%;}
}
@media (min-width:767px){
	.join_b2 .box1 li.swiper-slide-active+li .box{transform: scale(1)}
	.join_b2 .box1 li.swiper-slide-active+li .box .img img,.join_b2 .box1 li.swiper-slide-active+li .box .content{opacity: 1}
	.join_b2 .box1 li.swiper-slide-prev+li .img {transform: translate(50%);}
}
@media (min-width:1199px) and (max-width:1500px){
	.join_b1 .right li{padding: 50px 0 35px 0;}
	.join_b1 .right li.on .title {font-size: 28px;}
	.join_b1 .right li .title{font-size: 24px;}
	.join_b1 .right li .title img {width: 36px;}
	
	.join_b2 .box1 li .box .content{padding: 45px 40px 45px 35px;}
	.join_b2 .box1 li .box .content .title{font-size: 26px;}
	.join_b2 .box1 li .box .content .title span {font-size: 19px;}
	.join_b2 .box1 li .box .content .desc p {padding-bottom: 15px;}
	.join_b2 .joinB2_P,.join_b2 .joinB2_N{width: 110px;height: 110px;top: 43%;}
	
	.join_b3 .box1{padding: 50px 25px;}
	.join_b3 .box1 li {padding: 30px 25px;}
	.join_b3 .box1 li .img {width: 115px;}
	.join_b3 .box1 li .content{width: calc(100% - 115px);margin-top: 7px;}
	.join_b3 .box1 li .title {font-size: 25px;}
	.join_b3 .box1 li .desc p {font-size: 15px;}
	
	.join_b5 .box1 li:nth-child(2n) {padding-top: 340px;}
	.join_b5 .list li .num01 {margin: -63px 5px 10px 0px;}
}
@media (min-width:1199px) and (max-width:1399px){
	.join_b1 .right li{padding: 40px 0 25px 0;}
	.join_b1 .right li .title img {width: 33px;}
	.join_b1 .right li .desc{font-size: 18px;}
	
	.join_b2 .box1{margin: 55px -55% 0 -55%;}
	.join_b2 .box1 li .box .content{padding: 35px 30px 35px 25px;}
	.join_b2 .box1 li .box .content .desc{margin-right: -15px;padding-right: 15px;font-size: 14px;}
	
	.join_b5 .box1 li:nth-child(2n) {padding-top: 310px;}
}
@media (min-width:767px) and (max-width:1199px){
	.join_b1 {padding-bottom: 100px;}
	.join_b1 .left{border-radius: 18px;}
	.join_b1 .right li{padding: 35px 0 25px 0;}
	.join_b1 .right li.on .title {font-size: 24px;}
	.join_b1 .right li .title{font-size: 20px;padding: 0 0 10px 20px;}
	.join_b1 .right li .title img {width: 27px;}
	.join_b1 .right li .title::before{width: 6px;height: 6px;}
	.join_b1 .right li .desc{font-size: 15px;line-height: 1.6;}
	
	.join_b2 {padding-bottom: 85px;}
	.join_b2 .box1 li .box{border-radius: 20px;}
	.join_b2 .box1 li .box .content{padding: 30px 30px 40px 25px;border-radius: 20px;}
	.join_b2 .box1 li .box .content .title{font-size: 24px;}
	.join_b2 .box1 li .box .content .title span {font-size: 16px;}
	.join_b2 .box1 li .box .content .desc {font-size: 14px;margin-right: -15px;padding-right: 15px;line-height: 1.5;height: 80%;margin-top: 10px;}
	.join_b2 .box1 li .box .content .desc p {padding-bottom: 8px;}
	.join_b2 .joinB2_P,.join_b2 .joinB2_N{width: 80px;height: 80px;top: 43%;}
	
	.join_b3 .box1{padding: 40px 30px;border-radius: 30px;}
	.join_b3 .box1 li {padding: 27px;width: 50%;}
	.join_b3 .box1 li .img {width: 95px;}
	.join_b3 .box1 li .content{width: calc(100% - 95px);margin-top: 0px;}
	.join_b3 .box1 li .title {font-size: 24px;}
	.join_b3 .box1 li .desc p {font-size: 15px;}
	
	.join_b4 {padding:85px 0 100px 0;}
	.join_b4 .box1{border-radius: 15px;}
	.join_b4 .box1 li .num{font-size: 24px;}
	.join_b4 .box1 li .desc{font-size: 16px;}

	.join_b5 .box1 li:nth-child(2n) {padding-top: 240px;}
	.join_b5 .list li>div{width: 11vw;height: 11vw;}
	.join_b5 .list li .num01 {margin: -40px 5px 6px 0px;}
	
	.join_b6{padding-bottom: 100px;}
}
@media (min-width:850px) and (max-width:1199px){
	.join_b4 .box2 {width: 100%;}
	.join_b4 .box2 li{border-radius: 13px;margin: 0 8px}
	.join_b4 .box2 .text1, .join_b4 .box2 .text2{bottom: 30px;}
	.join_b4 .box2 .text1{font-size: 26px;}
	.join_b4 .box2 .text2{padding: 0 35px;font-size: 15px;}
	.join_b4 .box2 .text2 strong{font-size: 36px;}
}
@media (max-width:850px){
	.join_b1 .left{display: none;}
	.join_b1 .right{width: 100%;}
	.join_b1 .right li .title{padding: 0 0 10px 25px;}
	.join_b1 .right .img{display: block;max-width: 450px;overflow: hidden;border-radius: 15px;margin-top: 25px;}
	
	.join_b2 .box1{margin: 50px -70% 0 -70%;}
	.join_b2 .box1 li .box .content .title{font-size: 18px;}
	.join_b2 .box1 li .box .content .title span {font-size: 14px;}
	.join_b2 .joinB2_P,.join_b2 .joinB2_N{width: 70px;height: 70px;top: 45%;}
	
	.join_b3 .box1{padding: 28px 10px;border-radius: 20px;}
	.join_b3 .box1 li {padding:20px 18px;width: 50%;}
	.join_b3 .box1 li .img {width: 70px;}
	.join_b3 .box1 li .content{width: calc(100% - 70px);margin-top: 0px;}
	.join_b3 .box1 li .title {font-size: 17px;}
	.join_b3 .box1 li .desc p {font-size: 13px;}
	
	.join_b4 .box1{width: 100%;}
	.join_b4 .box1 li .num {font-size: 23px;}
	.join_b4 .box1 li .desc {font-size: 15px;}
	.join_b4 .box2{overflow: hidden;margin: 45px -35% 0 -35%;}
	.join_b4 .box2 li .img{border-radius: 10px;overflow: hidden;transform: scale(0.86);transition: 0.5s;}
	.join_b4 .box2 li.swiper-slide-next .img{transform: scale(1);}
	.join_b4 .box2 .joinB4_doc{display: block!important;}
	.join_b4 .box2 .text2{display: none;}
	
	.join_b5 .box1 li:nth-child(2n) {padding-top: 190px;}
	.join_b5 .list li .num01 {margin: -40px 5px 6px 0px;}
}

@media (max-width:767px){
	.main_box{padding: 60px 0;}
	.join_b1 .box1 {margin-top: 45px;}
	.join_b1 .right li{padding: 25px 0 8px 0;}
	.join_b1 .right li.on .title {font-size: 22px;}
	.join_b1 .right li .title{font-size: 18px;padding: 0 0 12px 15px;}
	.join_b1 .right li .title img {width: 24px;}
	.join_b1 .right li .title::before{width: 5px;height: 5px;}
	.join_b1 .right li .desc{font-size: 15px;line-height: 1.6;}
	.join_b1 .right .img{margin-top: 20px;margin-bottom: 20px;border-radius: 10px;}
	
	.join_b2{background: url(../img/joinB2_bjsj.webp) center center / cover no-repeat;}
	.join_b2 .box1{margin: 45px -10px 0 -10px;position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
	.join_b2 .box1 li{padding: 0 10px;}
	.join_b2 .box1 li .box{display: flex;flex-direction: column-reverse;flex-wrap: wrap;transform:scale(1);border-radius: 15px;-webkit-transform: translate3d(0, 0, 0);}
	.join_b2 .box1 li .box .img{border-radius: 0;}
	.join_b2 .box1 li .box .img img{opacity: 1;}
	.join_b2 .box1 li .box .content {margin: auto;position: relative;opacity: 1;background: #fff;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 85%;padding: 30px 25px;right: 0;border-radius: 0px;}
	.join_b2 .box1 li .box .content .title{font-size: 26px;}
	.join_b2 .box1 li .box .content .title span {font-size: 16px;}
	.join_b2 .box1 li .box .content .desc {font-size: 15px;margin-top: 12px;line-height: 1.5;height: 165px;margin-right: -15px; padding-right: 15px;}
	.join_b2 .box1 li .box .content .desc p {padding-bottom: 10px;}
	.join_b2 .joinB2_P,.join_b2 .joinB2_N{display: none;}
	.join_b2 .joinB2_dot{font-size: 16px;margin-top: 25px;}
	
	.join_b3{padding-bottom: 20px;}
	.join_b3 .box1{padding: 28px 20px;border-radius: 20px;margin-top: 45px;}
	.join_b3 .box1 li {padding:18px 0px;width: 100%;}
	.join_b3 .box1 li>div{align-items: center;}
	.join_b3 .box1 li>div:hover{transform: translateY(0px);}
	.join_b3 .box1 li .img {width: 70px;}
	.join_b3 .box1 li .content{width: calc(100% - 70px);margin-top: 0px;}
	.join_b3 .box1 li .title {font-size: 18px;}
	.join_b3 .box1 li .desc p {font-size: 15px;}
	
	.join_b4 .box1{border-radius: 10px;padding: 15px 0 17px 0;width: calc(100% - 40px);margin:40px auto 0 auto;}
	.join_b4 .box1 ul {flex-wrap: nowrap;}
	.join_b4 .box1 li {width: 33.3333%;}
	.join_b4 .box1 li:not(:last-child)::after {height: 66%;top: 22%;display: block!important;}
	.join_b4 .box1 li.swiper-slide-next::after{opacity: 0;transition: 0.5s;}
	.join_b4 .box1 li .num{font-size: 20px;}
	.join_b4 .box1 li .desc{font-size: 14px;}
	.join_b4 .block{position: relative;}
	.join_b4 .joinB4_P,.join_b4 .joinB4_N{width: 20px;height: 20px;top: 59.5%;}
	.join_b4 .joinB4_P{left:-5px;background: url(../img/jt_Lh.png) center center / contain no-repeat;}
	.join_b4 .joinB4_N{right:-5px;background: url(../img/jt_Rh.png) center center / contain no-repeat;}
	.join_b4 .box2{overflow: hidden;margin: 45px -65% 0 -65%;}
	.join_b4 .box2 .text1{bottom: 20px;font-size: 20px;}
	
	.join_b5 .box1 {padding: 0;margin-bottom: 0px;margin-top: 35px;}
	.join_b5 .box1::after{display: none;}
	.join_b5 .box1 ul{flex-wrap: wrap;justify-content: flex-start;}
	.join_b5 .list li{width: 50%;position: relative;}
	.join_b5 .box1 li:nth-child(2n){padding-top: 0;}
	.join_b5 .list li>div {height: 34.5vw;width: 34.5vw;margin: 17px auto;max-width: 138px;max-height: 138px;}
	.join_b5 .list li .content {margin-bottom: 5px;}
	.join_b5 .list li .num01{margin:0px;position: absolute;right: 12%;top: 10%;}
	.join_b5 .list li .num01 p{font-size: clamp(12px, 4vw, 26px);width: 9vw;height: 9vw;}
	.join_b5 .list li .title{font-size: clamp(16px, 5.1vw, 32px);}
	.join_b5 .list li .desc p{font-size: clamp(8px, 2.5vw, 16px);}
	.join_b5 .list .wow{animation-delay: 0s!important;}
	
	.join_b6{padding-bottom: 60px;}
}
@media (max-width:350px){
	.join_b4 .box1{padding: 15px 0;}
	.join_b4 .box1 li {width: 50%;padding: 10px 0;}
	.join_b4 .box1 li:nth-child(2n)::after{display: none;}
	.join_b4 .box1 li:nth-child(2n-1)::after{display: block;}
	.join_b4 .box1 li .num {font-size: 18px;}
}