.main .title_img{margin-bottom: 0;}
#join_box1 .box1{margin-top: 95px;position: relative;}
#join_box1 .box1::after{content: '';height: 1px;width: calc(100% - 36px);background: url(../img/join_box1_xian.png) center center / cover no-repeat;position: absolute;bottom: 13.5px;left: 18px;}
#join_box1 .box1 .box{position: relative;overflow: hidden;padding-bottom: 10px;width: 91%;margin: auto;}
#join_box1 .box1 li{text-align: center;cursor: pointer;height: auto;}
#join_box1 .box1 li>div{height: 100%;}
#join_box1 .box1 li .title{font-size: 20px;color: #2F2725;padding-bottom: 48px;}
#join_box1 .box1 li .xian{display: block;width: 1px;height: 20px;margin:2px auto 16px auto;position: absolute;left: calc(50% - 0.5px);bottom: 10px;}
#join_box1 .box1 li .dian{display: block;width: 8px;height: 8px;background: #DA4733;border-radius: 50%;margin: auto;position: absolute;left: calc(50% - 4px);bottom: 0;}
#join_box1 .box1 li .xian::after{content: '';width: 100%;height: 0;background: #DA4733;position: absolute;top: 50%;left: 0;transition: 0.3s;transform: translateY(-50%);}
#join_box1 .box1 li .dian::after{content: '';width: 28px;height: 28px;border: 1px solid #DA4733;border-radius: 50%;position: absolute;left: calc(50% - 14px);top: calc(50% - 14px);transition: 0.3s;transform: scale(0);}
#join_box1 .swiper-button-prev,#join_box1 .swiper-button-next{width: 20px;height: 20px;bottom: 4px;position: absolute;top: auto;}
#join_box1 .swiper-button-prev{background: url(../img/joinBox1_prev.png) center center / contain no-repeat;left: 0px;}
#join_box1 .swiper-button-next{background: url(../img/joinBox1_next.png) center center / contain no-repeat;right: 0px;}
#join_box1 .box1 li.swiper-slide-thumb-active .xian::after,#join_box1 .box1 li:hover .xian::after{height: 100%;}
#join_box1 .box1 li.swiper-slide-thumb-active .dian::after,#join_box1 .box1 li:hover .dian::after{transform: scale(1);}

#join_box1 .box2{margin-top: 60px;position: relative;overflow: hidden;border-radius: 10px;-webkit-transform: translate3d(0, 0, 0);}
#join_box1 .box2 li{height: auto;opacity: 0!important;}
#join_box1 .box2 li>div{display: flex;flex-wrap: wrap;}
#join_box1 .box2 li .img{width: 58.5%;}
#join_box1 .box2 li>div,#join_box1 .box2 li .img,#join_box1 .box2 li .img img{height: 100%;}
#join_box1 .box2 li .content{width: 41.5%;background: url(../img/join_box3_right.jpg) center center / cover no-repeat;display: flex;align-items: center;padding: 80px 70px 93px 93px;}
#join_box1 .box2 li .content *{color: #fff;}
#join_box1 .box2 li .content .title{font-family:'SHSCN-B';font-size: 35px;}
#join_box1 .box2 li .content .ftitle{font-family:'SHSCN-M';font-size: 14px;margin-top: 8px;text-transform: uppercase;word-break: break-all;}
#join_box1 .box2 li .content .desc{font-size: 16px;margin-top: 40px;line-height: 1.8;text-align: justify;max-height: 225px;}
#join_box1 .box2 li.swiper-slide-active{opacity: 1!important;}
#join_box1 .box2 li.swiper-slide-active .content>div>div{animation: fadeUp 0.6s forwards ease-in-out;}

#join_box2{background: #FBF5ED;}
#join_box2 .box1{margin: 60px -8px 0 -8px;height: 110vh;overflow: hidden;position: relative;}
#join_box2 .box1::before,#join_box2 .box1::after{content: '';width: 100%;height: 28%;position: absolute;top: -20px;left: 0;background: linear-gradient(180deg, rgba(251, 245, 237, 1) 10%, rgba(251, 245, 237, 0) 100%);z-index: 2;pointer-events: none;}
#join_box2 .box1::after{transform: rotate(180deg);bottom: -20px;top: auto;}
#join_box2 .box1 .tempWrap{height: 100%!important;}
#join_box2 .box1 .list{width: 33.333%;position: relative;}
#join_box2 .box1 .list:nth-child(2n-1){margin-top: -27vh;}
#join_box2 .box1 .list:nth-child(2n-1)::after{top: 2%;}
#join_box2 .box1 .list li>div{padding: 8px;}
#join_box2 .box1 .list li .img{border-radius: 10px;overflow: hidden;height: 443px!important;}
#join_box2 .box1 .list li .img img{height: 100%;}

#join_box3{background: url(../img/join_box3_bj.jpg) center center / cover no-repeat;}
#join_box3 .box1{margin: 50px -16px 0 -16px;}
#join_box3 ul{display: flex;flex-wrap: wrap;}
#join_box3 ul li{width: 50%;height: auto;padding: 16px;}
#join_box3 ul li>div{background: #fff;border-radius: 5px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);height: 100%;padding:65px 66px 75px 53px;transition: 0.5s;}
#join_box3 ul li>div:hover{box-shadow: 5px 9px 9px 0px rgba(0,0,0,0.15);}
#join_box3 ul li .img{width: 120px;}
#join_box3 ul li>div:hover .img img{transform: rotateY(360deg);transition: 1s;}
#join_box3 ul li .content{width: calc(100% - 120px);padding-left: 49px;}
#join_box3 ul li .title{color: #2F2725;font-size: 27px;transition: 0.3s;}
#join_box3 ul li>div:hover .title{color: #DA4733;}
#join_box3 ul li .desc{margin-top: 13px;text-indent: -8px;text-align: justify;}
#join_box3 ul li .desc p{color: rgba(47, 39, 37, 0.8);font-size: 16px;line-height: 1.6;}

#join_box4{background: #F9F9F9;}
#join_box4 .box1{margin-top: 80px;}

@media (min-width:1500px){
	.main_box{padding: 118px 0;}
	#ny_main #join_box3{padding-bottom: 85px;}
	#ny_main #join_box5{padding-bottom: 120px;}
}

@media (min-width:1199px) and (max-width:1500px){
	#join_box1 .box2 li .content {padding: 80px 65px 80px 70px;}
	#join_box1 .box2 li .content .desc{max-height: 205px;}
	#join_box2 .box1 {height: 88vh;}
	#join_box2 .box1 .list li .img{height: 330px!important;}
	#join_box3 ul li>div{padding: 63px 50px 70px 53px;}
	#join_box3 ul li .img{width: 110px;}
	#join_box3 ul li .content{width: calc(100% - 110px);padding-left: 45px;}
	#ny_main #join_box5{padding-bottom: 110px;}
}
@media (min-width:1199px) and (max-width:1380px){
	#join_box2 .box1 .list li .img{height: 290px!important;}
}

@media (min-width:767px) and (max-width:1199px){
	#join_box1 .box1 {margin-top: 80px;}
	#join_box1 .box1 li .title {font-size: 18px;}
	#join_box1 .box2 {margin-top: 50px;}
	#join_box1 .box2 li .content{padding: 50px;}
	#join_box1 .box2 li .content .title {font-size: 30px;}
	#join_box1 .box2 li .content .ftitle{font-size: 12px;margin-top: 5px;}
	#join_box1 .box2 li .content .desc {font-size: 15px;margin-top: 27px;max-height: 195px;}
	#join_box1 .box1 li .dian{transform: scale(0.9);}
	#join_box1 .box1 li .xian::after{top: 55%;}
	#join_box1 .swiper-button-prev, #join_box1 .swiper-button-next {width: 16px;height:16px;bottom: 6px;}
	#join_box2 .box1 {height: 680px;}
	#join_box2 .box1 .list li .img{height: 230px!important;}
	#join_box3 .box1{margin-top: 40px;}
	#join_box3 ul li>div{padding: 35px 30px;}
	#join_box3 ul li .img{width: 85px;}
	#join_box3 ul li .content{width: calc(100% - 85px);padding-left: 35px;}
	#join_box3 ul li .title{font-size: 22px;}
	#join_box3 ul li .desc {margin-top: 10px;}
	#join_box3 ul li .desc p{font-size: 15px;line-height: 1.55;}
	#join_box4 .box1 {margin-top: 65px;}
}
@media (max-width:850px){
	#join_box1 .box1 {margin-top: 70px;}
	#join_box1 .box1 li .title {font-size: 17px;}
	#join_box1 .box2 li .img {width: 56.5%;}
	#join_box1 .box2 li .content{padding: 40px;width: 43.5%;}
	#join_box1 .box2 li .content .title {font-size: 24px;}
	#join_box1 .box2 li .content .desc {font-size: 14px;margin-top: 20px;height: 160px;line-height: 1.6;}
	#join_box2 .box1 .list li .img{height: 200px!important;}
	#join_box3 .box1 {margin: 45px 0px -10px 0px;}
	#join_box3 ul li{width: 100%;padding: 10px 0;}
	#join_box3 ul li>div {padding: 40px;}
	#join_box4 .box1 {margin-top: 55px;}
}
@media (max-width:767px){
	#join_box1 .box1 {margin-top: 50px;}
	#join_box1 .box1 li .title{padding-bottom: 40px;}
	#join_box1 .box2 {margin-top: 40px;}
	#join_box1 .box2 li>div{height: auto;flex-direction: column-reverse;}
	#join_box1 .box2 li .img,#join_box1 .box2 li .content{width: 100%;}
	#join_box1 .box2 li .img{position: relative;}
	#join_box1 .box2 li .content {padding: 35px;}
	#join_box1 .box2 li .content .desc {font-size: 15px;line-height: 1.5;}
	#join_box1 .box1 li .dian{transform: scale(0.8);}
	#join_box1 .box1 li .xian{height: 17px;}
	#join_box1 .box1 li .xian::after{top: 78%;}
	#join_box1 .swiper-button-prev, #join_box1 .swiper-button-next {width: 16px;height:16px;bottom: 6px;}
	#join_box2 .box1 {height: 420px;margin: 35px -5px 0 -5px;}
	#join_box2 .box1 .list li>div{padding: 5px;}
	#join_box2 .box1 .list li .img{height: 120px!important;border-radius:5px;}
	#join_box2 .box1::before,#join_box2 .box1::after{background: linear-gradient(180deg, rgba(251, 245, 237, 1) 30%, rgba(251, 245, 237, 0) 100%);}
	#join_box3 .box1 {margin: 35px 0px -10px 0px;}
	#join_box3 ul li{width: 100%;padding: 10px 0;}
	#join_box3 ul li>div {padding: 30px 25px;}
	#join_box3 ul li .img{width: 70px;}
	#join_box3 ul li .content{width: calc(100% - 70px);padding-left: 25px;}
	#join_box3 ul li .title{font-size: 20px;}
	#join_box3 ul li .desc {margin-top: 10px;}
	#join_box3 ul li .desc p{font-size: 15px;line-height: 1.5;}
	#join_box4 .box1 {margin-top: 45px;}
}