#box-1 .box1{position: relative;overflow: hidden;margin: 90px -55px 0 -55px;}
#box-1 .box1 li{padding: 0 75px;height: auto;}
#box-1 .box1 li>div{border-radius: 30px;background: #fff;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);height: 100%;display: flex;flex-wrap: wrap;}
#box-1 .box1 li .img{overflow: hidden;height: fit-content;}
#box-1 .box1 li .desc{padding: 40px 45px;width: 100%;}
#box-1 .box1 li .desc p{font-size: 18px;color: #222;text-align: center;}

#box-2{background: #fff;}
#box-2 .box1{position: relative;margin: 60px -90px 0px -90px;overflow: hidden;}
#box-2 ul{flex-direction: inherit;}
#box-2 li{height: auto;padding: 55px 110px;}
#box-2 li>div{display: flex;align-items: center;}
#box-2 li .img{width: 27.5%;padding-right: 11%;}
#box-2 li .content{width: 72.5%;}
#box-2 li .title{font-size: 28px;color: #222;font-weight: bold;}
#box-2 li .desc{margin-top: 5px;}
#box-2 li .desc p{font-size: 16px;color: #727272;line-height: 1.75;text-align: justify;}
#box-2 .swiper-pagination{margin-top: 30px;}

#box-3 .box1{display: flex;background: #fff;border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);margin-top: 55px;flex-wrap: wrap;}
#box-3 .box1 .img{width: 50%;overflow: hidden;}
#box-3 .box1 .img img{height: 100%;}
#box-3 .box1 .content{width: 50%;padding: 88px 80px;}
#box-3 .box1 ul{height: 420px;overflow-y:scroll;padding-right: 12%;}
#box-3 .box1 li{padding-bottom: 58px;}
#box-3 .box1 li>div{align-items: flex-start;}
#box-3 .box1 .num{font-size: 16px;color: #fff;border-radius: 50%;background: #203C26;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;margin-top: 5px;}
#box-3 .box1 .txt{width: calc(100% - 50px);}
#box-3 .box1 .title{font-size: 22px;color: #222;}
#box-3 .box1 .ftitle{font-size: 14px;color: #222;}

#box-3 ul::-webkit-scrollbar {width: 4px;height: 1px;}
#box-3 ul::-webkit-scrollbar-thumb,#box-3 ul::-webkit-scrollbar-thumb:hover,#box-3 ul::-webkit-scrollbar-thumb:active {border-radius: 0px;background: #203C26;}
#box-3 ul::-webkit-scrollbar-track {border-radius: 0px;background:rgba(32, 60, 38, 0.1);}

#box-4{background: #fff;}
#box-4 .container {max-width: 1685px;}
#box-4 .box1{margin-top: 30px;}
#box-4 .box1 ul{display: flex;padding: 53px 0;position: relative;justify-content: space-between;}
#box-4 .box1 li{width: 30%;position: relative;}
#box-4 .box1 li>div{max-width: 260px;margin: auto;text-align: center;}
#box-4 .box1 li .img{width: 49%;margin: auto;max-width: 130px;}
#box-4 .num{font-size: 18px;color: #fff;border-radius: 50%;background: #203C26;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;z-index: 2;position: absolute;top: 51.5%;left: calc(50% - 20px);}
#box-4 .box1 li .title{font-size: 24px;color: #222;margin-top: 153px;font-weight: bold;}
#box-4 .box1 li .desc{margin-top: 8px;min-height: 50px;}
#box-4 .box1 li .desc p{font-size: 16px;color: #727272;}

#box-4 .box1 ul::after {content: '';width: 70%;border-top: 1px dashed #203C26;position: absolute;top: 55%;left: 15%;display: block;visibility: visible;}
#box-4 .box1 li:not(:first-child)::after {content: '';width: 9px;height: 16px;background: url(../img/join_box4_jt.png) center center / contain no-repeat;position: absolute;top: 54.5%;left: -9%;}


@media (min-width:1199px){
	#box-1{padding-bottom: 95px;}
	#box-2{padding-bottom: 80px;}
	#box-2 .swiper-pagination span{width: 15px;height: 15px;}
	#box-3{padding-bottom: 150px;}
	#box-4{padding-bottom: 70px;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-1 .box1{margin: 90px -20px 0 -20px;}
	#box-1 .box1 li {padding: 0 50px;}
	#box-1 .box1 li .desc {padding: 35px;}
	
	#box-2 .box1{margin: 60px -50px 0px -50px;}
	#box-2 li{padding: 55px 80px;}
	
	#box-3 .box1 .content {padding: 75px 65px;}
	#box-3 .box1 .title {font-size: 20px;}
	
	#box-4 .box1 li .title {margin-top: 130px;}
	
}
@media (min-width:1199px) and (max-width:1380px){
	#box-3 .box1 ul{padding-right: 10%;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1{margin: 70px -35px 0 -35px;}
	#box-1 .box1 li>div{border-radius: 25px;}
	#box-1 .box1 li {padding: 0 35px;}
	#box-1 .box1 li .desc {padding:28px;}
	#box-1 .box1 li .desc p{font-size: 15px;}
	
	#box-2{padding-bottom: 70px;}
	#box-2 .box1{margin: 40px -50px 0px -50px;}
	#box-2 li{padding: 40px 50px;}
	#box-2 li .img {width: 24.5%;padding-right: 9%;}
	#box-2 li .content {width: 75.5%;}
	#box-2 li .title {font-size: 23px;}
	#box-2 li .desc p{line-height: 1.5;font-size: 15px;}
	
	#box-3 .box1{border-radius: 25px;}
	#box-3 .box1 .content {padding: 50px 45px;}
	#box-3 .box1 ul {height: 330px;}
	#box-3 .box1 li {padding-bottom: 40px;}
	#box-3 .box1 .num {font-size: 14px;width: 25px;height: 25px;}
	#box-3 .box1 .txt{width: calc(100% - 40px);}
	#box-3 .box1 .title {font-size: 16px;}
	#box-3 ul::-webkit-scrollbar {width: 3px;}
	
	#box-4{padding-bottom: 70px;}
	#box-4 .box1 {margin-top: 40px;}
	#box-4 .box1 ul{padding: 30px 0;}
	#box-4 .box1 li .img {width: 41%;}
	#box-4 .box1 li .title {font-size: 20px;margin-top: 100px;}
	#box-4 .box1 li .desc {margin-top: 5px;}
	#box-4 .box1 li .desc p {font-size: 15px;}
	#box-4 .num {font-size: 17px;width: 36px;height: 36px;top: 48.5%;}
	#box-4 .box1 ul::after{top: 54%;}
	#box-4 .box1 li:not(:first-child)::after {width: 8px;top: 52.5%;}
	
}
@media (max-width:850px){
	#box-1 .box1{margin: 65px -25px 0 -25px;}
	#box-1 .box1 li {padding: 0 25px;}
	#box-1 .box1 li>div{border-radius: 20px;}
	#box-1 .box1 li .desc {padding:23px;}
	
	#box-2 .box1{margin: 40px -35px 0px -35px;}
	#box-2 li{padding: 35px 35px;}
	#box-2 li .title {font-size: 21px;}
	#box-2 li .desc p{font-size: 14px;line-height: 1.45;}
	
	#box-3 .box1 .content {padding: 45px 25px 45px 35px;}
	#box-3 .box1 ul {height: 275px;}
	#box-3 .box1 li {padding-bottom: 35px;}
	#box-3 .box1 .num {font-size: 13px;width: 23px;height: 23px;margin-top: 3px;}
	#box-3 .box1 .txt{width: calc(100% - 37px);}
	#box-3 .box1 .title {font-size: 15px;}
	#box-3 .box1 .ftitle {font-size: 13px;}
	
	#box-4 .box1 li .title{margin-top: 90px;}
	#box-4 .num {font-size: 17px;width: 36px;height: 36px;top: 44.5%;}
	#box-4 .box1 ul::after{top: 51%;}
	#box-4 .box1 li:not(:first-child)::after {width: 8px;top: 48.5%;}
}
@media (max-width:767px){
	#box-1 .box1{margin: 45px -15px 0 -15px;}
	#box-1 .box1 li>div{border-radius: 15px;}
	#box-1 .box1 li {padding: 0 15px;}
	#box-1 .box1 li .desc {padding:20px;}
	#box-1 .box1 li .desc p{font-size: 15px;}
	
	#box-2 .box1{margin: 30px -20px 0px -20px;}
	#box-2 li{padding:25px 20px;}
	#box-2 li .img {width: 22%;padding-right: 7%;}
	#box-2 li .content {width: 78%;}
	#box-2 li .desc p{font-size: 15px;}
	
	#box-3 .box1{border-radius: 15px;margin-top: 40px;}
	#box-3 .box1 .img,#box-3 .box1 .content{width: 100%;}
	#box-3 .box1 .content {padding: 40px 15px 30px 30px;}
	#box-3 .box1 ul {height: 240px;padding-right: 15px;}
	#box-3 .box1 li {padding-bottom: 35px;}
	#box-3 ul::-webkit-scrollbar {width: 3px;}
	
	#box-4{padding-bottom: 45px;}
	#box-4 .box1 {margin-top: 30px;}
	#box-4 .box1 ul{flex-wrap: wrap;padding: 0;}
	#box-4 .box1 li{width: 100%;padding: 23px 0;}
	#box-4 .box1 li>div{width: 100%;min-width: 100%;}
	#box-4 .box1 li .content{width: 75%;padding-left: 5%;text-align: left;}
	#box-4 .box1 li .img{width: 20%;position: relative;}
	#box-4 .num{position: absolute;top: 0;right: -7px;font-size: 13px;width: 25px;height: 25px;left: auto;}
	#box-4 .box1 li .title{font-size: 18px;margin: 0;}
	#box-4 .box1 li .desc{min-height: auto;margin-top: 3px;}
	#box-4 .box1 li .desc p {font-size: 15px;}
	
	
	#box-4 .box1 ul::after,#box-4 .box1 li:not(:first-child)::after{display: none;}
}