#box-1 {padding: 150px 0 145px 0;}
#box-1 .container {max-width: 1530px;}
#box-1 .pub_title{width: 40%;max-width: 625px;}
#box-1 .box1 {position: relative;margin-top: 43px;}
#box-1 .swiper-pagination span{background: #921D22;}

#box-2{background: url(../img/join_box2_bj.jpg) top center / cover no-repeat;padding: 145px 0 200px 0;position: relative;}
#box-2 .box1{position: relative;overflow: hidden;margin: 76px -20px 0 -20px;}
#box-2 .box1 li{padding: 0 20px;height: auto;}
#box-2 .box1 li>div{border: 4px solid #F3E9DA;border-radius: 30px;overflow: hidden;background: #921D22;height: 100%;}
#box-2 li .title{font-size: 48px;color: #921D22;font-weight: bold;text-align: center;padding: 15px 0;background: #F3E9DA;}
#box-2 li .content{padding: 30px 35px 40px 35px;}
#box-2 li .ftitle{font-size: 30px;color: #F3E9DA;text-align: center;padding-bottom: 30px;}
#box-2 li .ftitle span{display: inline-block;}
#box-2 li .desc{padding-top: 35px;}
#box-2 li .desc p{font-size: 54px;color: #FFCC3E;font-weight: bold;line-height: 1.1;word-wrap: break-word;}
#box-2 .box2-bottom{width: 100%;position: absolute;bottom: -5px;left: 0;}

#box-3{padding: 80px 0 0px 0;}
#box-3 .container {max-width: 1650px;}
#box-3 .box1{margin-top: 60px;}
#box-3 .box1 li{width: 25%;text-align: center;margin: 55px 0;border-right: 1px solid rgba(146, 29, 34, 0.2);}
#box-3 .box1 li>div{padding: 10px 10px 15px 10px;min-height: 210px;}
#box-3 .box1 .img{width: 29%;max-width: 84px;margin: auto;}
#box-3 .box1 .img img{transition: 1s;}
#box-3 .box1 li>div:hover img{transform: rotateY(360deg);}
#box-3 .box1 .title {margin-top: 25px;}
#box-3 .box1 .title p{font-size: 29px;color: #921D22;font-weight: bold;line-height: 1.3;}
#box-3 .box1 li:nth-child(4),#box-3 .box1 li:nth-child(8){border: none;}

#box-4{padding: 70px 0 190px 0;}
#box-4 .container {max-width: 1485px;}
#box-4 .box1{margin-top: 155px;}



@media (min-width: 850px){
	
	#box-1 .box1 ul{display: flex;flex-wrap: nowrap;}
	#box-1 .box1 li{width: 20%;}
	#box-1 .box1 li:nth-child(2)>div,#box-1 .box1 li:nth-child(5)>div{margin: auto;}
	#box-1 .box1 li:nth-child(3)>div,#box-1 .box1 li:nth-child(6)>div{margin-left: auto;}
	#box-1 .box1 li:nth-child(1)>div{transform: rotate(-15deg) translate(16%,0px);padding-top: 6.2vw;width: 99%;}
	#box-1 .box1 li:nth-child(2)>div{transform: rotate(2.5deg) translate(10%,0px);width: 95%;padding-top: 2.2vw;}
	#box-1 .box1 li:nth-child(3)>div{transform: rotate(-4.7deg) translate(1.5%,0px);padding-top: 6vw;width: 99%;}
	#box-1 .box1 li:nth-child(4)>div{transform: rotate(0deg) translate(2%,0px);width: 95%;}
	#box-1 .box1 li:nth-child(5)>div{transform: rotate(7.9deg) translate(-11.5%,0px);padding-top: 6vw;}
	
	#box-2 .swiper-pagination{margin-top: 55px;}
	#box-2 .swiper-pagination span{width: 16px;height: 16px;}
	
}
@media (min-width:1199px) and (max-width:1500px){
	#box-2 li .content {padding: 30px 35px 35px 35px;}
	#box-2 li .title {font-size: 36px;padding: 12px 0}
	#box-2 li .ftitle {font-size: 28px;text-align:left;padding-bottom: 25px;}
	#box-2 li .desc{padding-top: 30px;}
	#box-2 li .desc p {font-size: 48px;line-height: 1.3;}
	
	#box-4 .box1{margin-top: 130px;}
}

@media (min-width:767px) and (max-width:1199px){
	#box-1 {padding: 110px 0 100px 0;}
	#box-1 .pub_title{width: 43.5%;}
	
	#box-2 {padding: 120px 0 135px 0;}
	#box-2 .box1 {margin: 60px -15px 0 -15px;}
	#box-2 .box1 li {padding: 0 15px;}
	#box-2 .box1 li>div{border-radius: 20px;border-width: 3px;}
	#box-2 li .content {padding: 25px;}
	#box-2 li .title {font-size: 28px;padding: 12px 0}
	#box-2 li .ftitle {font-size: 19px;text-align:left;padding-bottom: 20px;}
	#box-2 li .desc{padding-top: 25px;}
	#box-2 li .desc p {font-size: 32px;line-height: 1.3;}
	#box-2 .swiper-pagination span{width: 13px;height: 13px;}
	
	#box-3 {padding-top: 70px;}
	#box-3 .box1 {margin-top: 45px;}
	#box-3 .box1 li{margin: 38px 0;}
	#box-3 .box1 li>div{min-height: 165px;}
	#box-3 .box1 .img {width: 27%;}
	#box-3 .box1 .title {margin-top: 20px;}
	#box-3 .box1 .title p{font-size: 22px;}
	
	#box-4 {padding: 70px 0 140px 0;}
	#box-4 .box1{margin-top: 100px;}
}
@media (max-width:850px){
	#box-1 {padding-top: 90px;padding-bottom: 70px;}
	#box-1 .box1{position: relative;overflow: hidden;margin: 50px -16px 0 -16px;}
	#box-1 .box1 li{animation-delay: 0s!important;}
	#box-1 .box1 li:nth-child(4),#box-1 .box1 li:nth-child(5),#box-1 .box1 li:nth-child(6){margin-top: 0;}
	#box-1 .box1 li>div{padding: 0 16px;}
	#box-1 .swiper-pagination{display: block!important;}
	
	#box-2 {padding-top: 90px;padding-bottom: 90px;}
	#box-2 li .content {padding: 20px;}
	#box-2 li .title {font-size: 22px;}
	#box-2 li .ftitle {font-size: 16px;}
	#box-2 li .desc{padding-top: 25px;}
	#box-2 li .desc p {font-size: 24px;line-height: 1.3;}
	
	#box-3 .box1 {margin-top: 40px;}
	#box-3 .box1 li{margin: 30px 0;}
	#box-3 .box1 li>div{min-height: 130px;}
	#box-3 .box1 .title {margin-top: 15px;}
	#box-3 .box1 .title p{font-size: 18px;}
	
	#box-4 {padding: 70px 0 110px 0;}
	#box-4 .box1{margin-top: 80px;}
}

@media (max-width:767px){
	#box-1 .pub_title{width:88%;}
	#box-1 {padding-top: 75px;padding-bottom: 60px;}
	#box-1 .box1{margin: 45px -10px 0 -10px;}
	#box-1 .box1 li>div{padding: 0 10px;}
	#box-1 .pub_btn {margin-top: 45px;}
	
	#box-2{padding: 80px 0 70px 0;}
	#box-2 .box1 {margin: 45px -15px 0 -15px;}
	#box-2 .box1 li {padding: 0 15px;}
	#box-2 .box1 li>div{border-radius: 15px;border-width: 3px;}
	#box-2 li .content {padding: 28px;}
	#box-2 li .title {font-size: 28px;padding: 12px 0}
	#box-2 li .ftitle {font-size: 22px;text-align:left;padding-bottom: 20px;}
	#box-2 li .desc{padding-top: 25px;}
	#box-2 li .desc p {font-size: 32px;line-height: 1.35;}
	
	#box-3 {padding-top: 60px;}
	#box-3 .box1 {margin: 35px -10px 0 -10px;}
	#box-3 .box1 li{margin: 22px 0;width: 50%;}
	#box-3 .box1 li:nth-child(2),#box-3 .box1 li:nth-child(6){border: none;}
	#box-3 .box1 li>div {padding: 5px 10px 10px 10px;min-height: 125px;}
	#box-3 .box1 .img {width: 27.5%;}
	#box-3 .box1 .title {margin-top: 15px;}
	#box-3 .box1 .title p{font-size: 18px;}
	
	#box-4 {padding: 60px 0 60px 0;}
	#box-4 .box1{margin-top: 50px;}
}