.main .contentL{padding-left: 10.5%;}

#box-1{background: url(../picture/about_box1_bj.jpg) no-repeat center center;background-size: cover;}
#box-1 .left{width: 38%;}
#box-1 .left .xian{width: 100%;background: url(../picture/about_xian.png) no-repeat center center;background-size: contain;height: 3px;margin: 40px 0;}
#box-1 .left .desc{color:#1d2a73;font-size: 16px;line-height: 2.7;text-align: justify;}
#box-1 .left .desc span{color:#1d2a73;font-size: 26px;line-height: 1;font-weight: bold;}
#box-1 .left ul{margin-top: 40px;}
#box-1 .left li:nth-child(1){width: 32%;padding-right: 2.5%;}
#box-1 .left li:nth-child(2){width: 60%;}

#box-1 .right{width: 54.5%;position: relative;}
#box-1 .right .block_img1{padding-right: 33%;}
#box-1 .right .block_img2{position: absolute;top: 0;right: 0;width: 100%;transition: 0.5s;}
#box-1 .right .block_img2:hover{transform: rotate(5deg);}
#box-1 .right .block{position: absolute;top: 10%;left:10%;display: flex;}
#box-1 .right .block ul{padding: 0 5px;}
#box-1 .right .block img{width: 40px;}
#box-1 .right .block li {opacity: 0;-webkit-filter: blur(10px);-webkit-transform: scale(2);}
#box-1 .right .block.abc1 li{animation: about_text_img 1s forwards ease-in-out;}
#box-1 .right .block li:nth-child(2){animation-delay: 0.15s;}
#box-1 .right .block li:nth-child(3){animation-delay: 0.3s;}
#box-1 .right .block li:nth-child(4){animation-delay: 0.45s;}
#box-1 .right .block li:nth-child(5){animation-delay: 0.6s;}
#box-1 .right .block li:nth-child(6){animation-delay: 0.75s;}
@keyframes about_text_img{
	0%{opacity: 0;-webkit-filter: blur(10px);-webkit-transform: scale(2);}
	100%{opacity: 1;-webkit-filter: blur(0);-webkit-transform: scale(1);}
}


#box-2{background: url(../picture/about_box2_bj.jpg) no-repeat center center;background-size: cover;}
#box-2 .block01{margin-top: 60px;}
#box-2 .box2_title img{width: 300px;margin-right: 15px;}
#box-2 .box2_title span{width: 16px;height: 30px;display: inline-block;position: relative;background: url(../picture/about_box2_title_span.png) no-repeat center center;background-size:contain;margin: 0px 0px; -webkit-animation: fadeIns 1.6s ease infinite;}
#box-2 .box2_title span:nth-child(1){-webkit-animation-delay: 0s;}
#box-2 .box2_title span:nth-child(2){-webkit-animation-delay: 0.2s;}
#box-2 .box2_title span:nth-child(3){-webkit-animation-delay: 0.4s;}
#box-2 .box2_title span:nth-child(4){-webkit-animation-delay: 0.6s;}
#box-2 .box2_title span:nth-child(5){-webkit-animation-delay: 0.8s;}
#box-2 .box2_title span:nth-child(6){-webkit-animation-delay: 1s;}
#box-2 .box2_title span:nth-child(7){-webkit-animation-delay: 1.2s;}
@keyframes fadeIns{
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
#box-2 .block01 .left{width: 43%;}
#box-2 .block01 .left ul{margin-top: 55px;}
#box-2 .block01 .left li{font-size: 16px;color: #1d2a73;border-bottom: 1px solid #1d2a73;padding: 17px 0;}
#box-2 .block01 .content_boxXL{height: 50vh;max-height:515px;}
#box-2 .block01 .right{width: 52%;}

#box-2 .block02{margin-top: 100px;}
#box-2 .block02 .sb-center{margin-top:55px;}
#box-2 .block02 .box1{width: 50.5%;position: relative;overflow: hidden;border-radius: 30px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
#box-2 .block02 .box1 .text{position: absolute;bottom: 0;z-index: 2;color: #FCEEDA;font-size: 32px;font-weight: bold;width: 100%;background: #1d2a73;text-align: center;padding: 20px 0;}
#box-2 .block02 .box2{width: 43.5%;position: relative;overflow: hidden;}
#box-2 .block02 .box2 ul{display: block;transform: none!important;}
#box-2 .block02 .box2 li{width: 100%;padding: 16px 0;}
#box-2 .block02 .box2 li>div{padding: 33px 60px;border: 1px solid #1d2a73;border-radius: 30px 0px 0px 30px;}
#box-2 .block02 .box2 li.swiper-slide-thumb-active>div{background: url(../picture/about_box2_block_bj.png) no-repeat center center;background-size:cover;}
#box-2 .block02 .box2 li .left{width: 73%;}
#box-2 .block02 .box2 li .left .img{margin-bottom: 25px;}
#box-2 .block02 .box2 li .left img{width: 50px;}
#box-2 .block02 .box2 li .title{font-size: 24px;font-weight: bold;color: #1d2a73;}
#box-2 .block02 .box2 li .desc p{font-size: 13px;color: #1d2a73;text-transform: uppercase;}
#box-2 .block02 .box2 li .btn_img img{width: 66px;}
#box-2 .block02 .box2 li.swiper-slide-thumb-active *,#box-2 .block02 .box2 li.swiper-slide-thumb-active p{color: #1d2a73;}

#box-2 .block03 .container>div{background: url(../picture/about_box2_block3_bj.jpg) no-repeat center center;background-size: cover;padding: 100px 60px;display: flex;margin-top: 90px;justify-content: space-between;border-radius: 15px;}
#box-2 .block03 .title_img{max-width: 490px;width: 30%;}
#box-2 .block03 ul{width: 35%;padding: 0 5% 0 40px;}
#box-2 .block03 li{padding: 35px 0;position:relative;}
#box-2 .block03 li::before{content: '';width: 22px;height: 21px;background: url(../picture/about_box2_block03_icon.png) no-repeat center center;background-size: contain;position: absolute;left: -40px;}
#box-2 .block03 li:nth-child(1){animation-delay: 0.2s;}
#box-2 .block03 li:nth-child(2){animation-delay: 0.4s;}
#box-2 .block03 li:nth-child(3){animation-delay: 0.6s;}
#box-2 .block03 li:nth-child(4){animation-delay: 0.8s;}
#box-2 .block03 ul .img{width: 45%;}
#box-2 .block03 ul img{width: auto;max-width: 100%;}
#box-2 .block03 li p{font-size: 18px;color: #FCEEDA;margin-top: 5px;}


#box-3{background: url(../picture/about_box3_bj.jpg) no-repeat center center;background-size: cover;}
#box-3 .block01{margin-top: 55px;}
#box-3 .block01 .left{width: 43.5%;}
#box-3 .block01 .content_boxXL{height: 62.3vh;max-height:620px;margin-top: 25px;}
#box-3 .block01 .content_boxXL p{font-size: 18px;color: #1d2a73;padding: 7px 0;font-weight: bold;}
#box-3 .block01 .content_boxXL p:nth-child(1){padding-top: 0;}
#box-3 .block01 .content_boxXL p:last-child{padding-bottom: 0;}
#box-3 .block01 .content_boxXL p span{color:#1d2a73;}
#box-3 .block01 .right{width: 51%;position: relative;}
#box-3 .block01 .right .fz_img{position: absolute;width: 30%;z-index: 2;pointer-events: none;}
#box-3 .block01 .right .img{overflow: hidden;margin-left: 20px;margin-top: 20px;}


#box-4{background: url(../picture/about_box4_bj.jpg) no-repeat center center;background-size: cover;padding-bottom: 0;}
#box-4 .block01{margin-top: 80px;display: flex;flex-wrap: wrap;padding-right: 10%;}
#box-4 .block01 .left{width: 72%;}
#box-4 .block01{position: relative;}
#box-4 .block01 .right{width: 23%;margin-left: 5%;position: relative;}
#box-4 .block01 .right>div{overflow: hidden;}
#box-4 .box1 ul{flex-wrap: wrap;}
#box-4 .box1 li{position: relative;padding: 15px 0;}
#box-4 .box1 li::before {content: '';position: absolute;width: 100%;height: 100%;left: 0px;top: 0;background: url(../picture/about_box4_li01.png) no-repeat left center;background-size: 30px;transition: 0.5s;pointer-events: none;}
#box-4 .box1 li::after {content: '';position: absolute;width: 100%;height: 100%;right: 0px;top: 0;background: url(../picture/about_box4_li02.png) no-repeat right center;background-size: 30px;transition: 0.5s;pointer-events: none;}
#box-4 .box1 li>div{padding:0 30px;text-align: center;color: #1d2a73;font-size: 20px;}
#box-4 .box1 li .desc{font-weight: bold;}
#box-4 .right .next{left: calc(50% - 13px);bottom: 8%;top: auto;background: url(../picture/about_box4_jt01.png) no-repeat center center;background-size: contain;width: 36px;}
#box-4 .right .prev{left: calc(50% - 13px);top: -8%;background: url(../picture/about_box4_jt01.png) no-repeat center center;background-size: contain;width: 36px;opacity: 0.5;transform: rotate(180deg);}




@media (min-width:1199px) and (max-width:1600px){
	.main .contentL{padding-left: 40px;}
	.main #box-1 .contentL{padding-left: 80px;}
	#box-1 .left {width: 40%;}
	#box-1 .left .xian{margin: 30px 0;}
	#box-1 .right {width: 53.5%;}
	#box-1 .right .block{top: 8%;}
	#box-1 .right .block img{width: 35px;}
	
	#box-2 .block02 .box1 .img img{min-height: 515px}
	#box-2 .block02 .box2 li>div {padding: 16px 60px;border-radius: 30px 0px 0px 30px;}
	#box-2 .block02 .box2 li .left .img {margin-bottom: 10px;}
	#box-2 .block02 .box2 li .btn_img img {width: 60px;}
	#box-2 .block03 ul{width: 40%;padding: 0 3% 0 40px;}
	
	#box-4 .block01{padding-right: 40px;}
}

@media (min-width:1199px) and (max-width:1380px){
	#box-4 .box1 li>div{font-size: 19px;}
}
@media (min-width:767px) and (max-width:1199px){
	.main .contentL{padding-left: 40px;}
	.main #box-1 .contentL{padding-left: 60px;}
	#box-1 .left {width: 40%;}
	#box-1 .left .xian{margin: 20px 0;}
	#box-1 .left .desc{font-size: 15px;line-height: 2.3;}
	#box-1 .left .desc span{font-size: 24px;}
	#box-1 .left ul {margin-top: 30px;}
	#box-1 .right {width: 53.5%;}
	#box-1 .right .block_img1 {padding-right: 30%;}
	#box-1 .right .block img {width: 26px;}
	
	#box-2 .box2_title img {width: 260px;}
	#box-2 .box2_title span {width: 13px;height: 25px;}
	#box-2 .block01 .left ul{margin-top: 35px;}
	#box-2 .block01 .left li {font-size: 15px;padding: 15px 0;}
	#box-2 .block01 .content_boxXL{height: 300px;}
	
	#box-2 .block02 .box1{border-radius: 20px;}
	#box-2 .block02 .box1 .text{font-size: 26px;padding: 13px 0;}
	#box-2 .block02 .box1 .img img{height: 425px}
	#box-2 .block02 .box2 li>div {padding: 13px 40px;border-radius: 20px 0px 0px 20px;}
	#box-2 .block02 .box2 li {padding: 10px 0;}
	#box-2 .block02 .box2 li .left {width: 80%;}
	#box-2 .block02 .box2 li .left .img {margin-bottom: 10px;}
	#box-2 .block02 .box2 li .left img {width: 40px;}
	#box-2 .block02 .box2 li .title{font-size: 22px;}
	#box-2 .block02 .box2 li .btn_img img {width: 53px;}
	#box-2 .block02 .box2 li .desc p {font-size: 12px;}
	
	#box-2 .block03 .container>div{padding: 80px 60px;}
	#box-2 .block03 ul{width: 42%;padding: 0 3% 0 40px;}
	#box-2 .block03 ul .img {width: 60%;}
	#box-2 .block03 li {padding: 28px 0;}
	#box-2 .block03 li p {font-size: 16px;}
	
	#box-3 .block01 {margin-top: 70px;}
	#box-3 .block01 .content_boxXL{height: 365px;}
	#box-3 .block01 .content_boxXL p{font-size: 16px;}
	
	#box-4 .block01{padding-right: 40px;}
	#box-4 .box1 li>div{font-size: 16px;}
	#box-4 .box1 li{padding: 10px 0;}
	#box-4 .box1 li::before,#box-4 .box1 li::after{background-size: 23px;}
	#box-4 .right .prev,#box-4 .right .next{width: 26px;left: calc(50% - 13px);}
	#box-4 .right .next{bottom: 5%;}
}

@media (min-width:767px) and (max-width:850px){
	.main #box-2 .contentL {padding:0 40px;}
	.main #box-1 .contentL{padding-left: 40px;}
	#box-2 .block03 ul {width: 50%;padding: 0 0 0 40px;}
	#box-2 .block03 ul .img {width: 75%;}
}
@media (max-width:850px){
	#box-2 .block01 .content_boxXL{height: 100%;max-height: 100%;}
	#box-2 .block01 .left,#box-2 .block01 .right{width: 100%;}
	#box-2 .block01 .right{margin-top: 60px;}
	#box-2 .block02 .box1{width: 100%;}
	#box-2 .block02 .box2{width: 100%;margin-top: 45px;}
	
	#box-3 .block01 .content_boxXL{height: 100%;max-height: 100%;margin-top: 0px;}
	#box-3 .block01 .left,#box-3 .block01 .right{width: 100%;}
	#box-3 .block01 .right{margin-top: 60px;}
	
	#box-4 .block01{flex-direction: column-reverse;padding-right: 0;}
	#box-4 .block01 .left{width: 100%;margin-top: 80px;}
	#box-4 .block01 .right{width: 60%;margin: auto;}
	#box-4 .box1 li>div {font-size: 17px;}
	#box-4 .right .prev{top: -13%;}
	#box-4 .right .next{bottom: -19%;}
	#box-4 .box1 li::before, #box-4 .box1 li::after {background-size: 20px;}
	
}
@media (max-width:767px){
	.main .contentL {padding:0 0px;}
	#box-1 .left {width: 100%;padding: 0 20px;}
	#box-1 .left .xian{margin: 20px 0;}
	#box-1 .left .desc{line-height: 2;font-size: 15px;}
	#box-1 .left .desc span{font-size: 20px;}
	#box-1 .left ul {margin: 25px 0 40px 0;}
	#box-1 .left li:nth-child(1) {width: 34%;}
	#box-1 .left li:nth-child(2) {width: 65%;}
	
	#box-1 .right{width: 100%;padding-left: 25px;}
	#box-1 .right .block_img1 {padding-right: 33%;}
	#box-1 .right .block_img2{right: -50px;top: 8%;width: 92%;}
	#box-1 .right .block {left: 18.5%;}
	#box-1 .right .block img {width: 22px;}
	
	#box-2 .block01 {margin-top: 50px;}
	#box-2 .box2_title img {width: 55%;margin-right: 10px;}
	#box-2 .box2_title span {width: 8px;height: 15px;}
	#box-2 .block01 .left ul {margin-top: 25px;}
	#box-2 .block01 .left li {font-size: 15px;padding: 12px 0;}
	#box-2 .block01 .right {margin-top: 50px;}
	
	#box-2 .block02 {margin-top: 60px;}
	.main #box-2 .contentL {padding:0 20px;}
	#box-2 .block02 .sb-center {margin-top: 35px;}
	#box-2 .block02 .box1{border-radius: 15px;}
	#box-2 .block02 .box1 .text{font-size: 18px;padding: 10px 0;}
	#box-2 .block02 .box2 {margin-top: 30px;}
	#box-2 .block02 .box2 li>div {padding: 10px 25px;border-radius: 15px;}
	#box-2 .block02 .box2 li {padding: 10px 0;}
	#box-2 .block02 .box2 li .left {width: 80%;}
	#box-2 .block02 .box2 li .left .img {margin-bottom: 8px;}
	#box-2 .block02 .box2 li .left img {width: 32px;}
	#box-2 .block02 .box2 li .title{font-size: 20px;}
	#box-2 .block02 .box2 li .btn_img img {width: 38px;}
	#box-2 .block02 .box2 li .desc p {font-size: 10px;}
	
	#box-2 .block03 .title_img {width: 75%;}
	#box-2 .block03 .container>div{flex-wrap: wrap;padding:60px 30px 50px 30px;margin-top: 60px;background: url(../picture/about_box2_block3_bjsj.jpg) no-repeat center center;background-size: cover;}
	#box-2 .block03 ul {width: 100%;padding: 0px 0 0 30px;margin-top: 30px;}
	#box-2 .block03 li {padding: 20px 0;}
	#box-2 .block03 li::before {width: 17px;height: 16px;left: -30px;}
	#box-2 .block03 li p {font-size: 15px;}
	
	#box-3 .block01 {margin-top: 40px;padding-right: 15px;}
	#box-3 .block01 .content_boxXL{height: 290px;}
	#box-3 .block01 .content_boxXL p {font-size: 15px;padding: 5px 0;}
	#box-3 .block01 .right {margin-top: 40px;}
	#box-3 .block01 .right .img{margin-left: 10px;margin-top: 10px;}
	
	#box-4 .block01 {margin-top: 45px;}
	#box-4 .block01 .left{width: 100%;margin-top: 50px;}
	#box-4 .block01 .right{width: 80%;}
	#box-4 .box1 li>div {font-size: 15px;}
	#box-4 .right .prev,#box-4 .right .next{width: 22px;left: calc(50% - 11px);display: none;}
	/*#box-4 .right .prev{top: -6%;}
	#box-4 .right .next{bottom: -13%;}*/
	
	#box-4 .box1 li {padding: 10px 0;}
	#box-4 .box1 li:nth-child(1){padding-top: 0;}
	#box-4 .box1 li:last-child{padding-bottom:0;}
	#box-4 .block01 .right>div{overflow-y: auto;padding-left:0px;padding-right: 25px;height: 180px;margin-right: -15px;}
	#box-4 .block01 .right>div::-webkit-scrollbar {width : 4px;  height: 1px;}
	#box-4 .block01 .right>div::-webkit-scrollbar-thumb,#box-4 .block01 .right>div::-webkit-scrollbar-thumb:active {background: rgba(241, 137, 0, 0.3)!important;border-radius: 0px!important;}
	#box-4 .block01 .right>div::-webkit-scrollbar-track {background: rgba(241, 137, 0, 0.15)!important;border-radius: 0px!important;}
}


.main .content_boxXL{overflow-y: auto;margin-right: -20px;padding-right: 20px;}
.main .content_boxXL::-webkit-scrollbar {width : 6px;  height: 1px;}
.main .content_boxXL::-webkit-scrollbar-thumb,.main .content_boxXL::-webkit-scrollbar-thumb:active {background: rgba(241, 137, 0, 0.3)!important;border-radius: 0px!important;}
.main .content_boxXL::-webkit-scrollbar-track {background: rgba(241, 137, 0, 0.15)!important;border-radius: 0px!important;}

@media (max-width:767px){
	.main .content_boxXL::-webkit-scrollbar {width : 4px;}
	.main .content_boxXL{margin-right: -15px;padding-right: 15px;}
}