.about_b1 {padding-bottom: 5px;}
.about_b1 .block{align-items: flex-start;}
.about_b1 .box1{width: 30%;}
.about_b1 .box1 .text{font-size: 30px;margin-top: 105px;}
.about_b1 .box1 ul{margin-top: 60px;}
.about_b1 .box1 li:nth-child(2n){padding: 107px 0;}
.about_b1 .box1 li div{line-height: 1.2;}
.about_b1 .box1 li .title{font-size: 28px;color: var(--colormain);font-weight: bold;}
.about_b1 .box1 li .title span{font-size: 85px;line-height: 1;}
.about_b1 .box1 li .desc p{font-size: 18px;}
.about_b1 .box2{width: 69.6%;}
.about_b1 .box2 .desc{padding-right: 30px;text-align: justify;margin-top: 5px;}
.about_b1 .box2 .scrollBox{max-height: 235px;overflow-y: auto;}
.about_b1 .box2 .desc p{font-size: 18px;line-height: 2.2;}
.about_b1 .box2 .desc p:first-child{padding-top: 0;margin-top: -5px;}
.about_b1 .box2 .desc p:last-child{padding-bottom: 0;}
#video .box{position: relative;margin-top: -23px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
#video .video_btn{position: absolute;left: calc(49.5% - 49px);top:calc(57.5% - 49px);}
#video .video_btn img{width: 98px;cursor: pointer;transition: all .5s;}
#video .video_btn img:hover{transform: scale(1.07);}

.about_b2{/* background: url(../img/about_b2_bj.png) center bottom / cover no-repeat; */padding: 0;}
.about_b2 *{color: #fff;}
.about_b2 .top_img{position: absolute;top: -2px;left: 0;z-index: 5;pointer-events: none;}
.about_b2 .pub_title{position: absolute;width: 100%;top: calc(14.5vh + 90px);left: 0;z-index: 5;pointer-events: none;}
.about_b2 .box1{position: relative;z-index: 2;}
.about_b2 .box1 ul{display: flex;flex-wrap: wrap;}
.about_b2 .box1 ul li{width: 33.3333%;text-align: center;position: relative;height:calc(93vh + 10vw);display: flex;align-items: center;justify-content: center;max-height: 1200px;}
.about_b2 .box1 li::after{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: 0.5s;}
.about_b2 .box1 li.on::after{opacity: 1;}
.about_b2 .box1 li>div{width: 100%;margin-top: 10vh;padding:0 20px;}
.about_b2 .box1 li .tb{width: 90px;margin: auto;}
.about_b2 .box1 li img{transition: 0.5s;}
.about_b2 .box1 li:hover .img img{transform: scale(1.1);}
.about_b2 .box1 li .content{width: 80%;margin: auto;max-width: 415px;}
.about_b2 .box1 li .title{font-size: 36px;margin-top: 17px;}
.about_b2 .box1 li .desc{margin: auto;max-width: 300px;padding-top: 5px;line-height: 1.65;}
.about_b2 .box1 li .desc p{font-size: 18px;}
.about_b2 .box2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.about_b2 .box2>div{position: relative;overflow: hidden;}
.about_b2 .box2 li{height: auto;}
.about_b2 .box2 div,.about_b2 .box2 li img{height: 100%;}

.about_b3{background: url(../img/about_b3_bj.png) center center/cover no-repeat;padding-bottom: 83px;padding-top: 60px;}
.about_b3 .block01{display: flex;flex-wrap: wrap;position: relative;margin-top: 60px;}
.about_b3 .block01 .left{width: 71.3%;}
.about_b3 .block01{}
.about_b3 .block01 .right{width: 28.7%;position: relative;}
.about_b3 .block01 .right>div{overflow: hidden;}
.about_b3 .box1 ul{flex-wrap: wrap;/* transition: transform 0.4s ease-in-out; */}
.about_b3 .box1 li{position: relative;padding: 20px 0;}
.about_b3 .box1 li::before {content: '';position: absolute;width: 100%;height: 100%;left: 0px;top: 0;background: url(../img/about_b3_li01.png) left top 69% / 25px no-repeat;transition: 0.5s;pointer-events: none;}
.about_b3 .box1 li::after {content: '';position: absolute;width: 100%;height: 100%;right: 0px;top: 0;background: url(../img/about_b3_li02.png) right top 69% / 25px no-repeat;transition: 0.5s;pointer-events: none;}
.about_b3 .box1 li>div{padding:0 35px;text-align: center;color: var(--colormain);}
.about_b3 .box1 li .title{font-size: 24px;font-weight: bold;}
.about_b3 .box1 li .desc{font-size: 22px;margin-top: 7px;}
.about_b3 .right .prev{left: calc(50% - 14px);top: -8%;background: url(../img/about_b3_jt01.png) center center/contain no-repeat;width: 28px;opacity: 0.5;}
.about_b3 .right .next{left: calc(50% - 14px);bottom: -10%;top: auto;background: url(../img/about_b3_jt02.png) center center/contain no-repeat;width: 26px;}

.about_b4 {background: var(--backgroundlight);}
.about_b4 .block{position: relative;width: calc(100% - 30px);margin: auto;max-width: 1420px;}
.about_b4 .box1{position: relative;overflow: hidden;padding-top: 158px;margin-top: 12px;}
.about_b4 .box1::before{content: '';width: 100%;height: 158px;position: absolute;top: 0px;left: 0;background: url(../img/about_b4_xian.png) no-repeat center center;background-size: contain;}
.about_b4 .box1 li{position: relative;padding-top: 27px;}
.about_b4 .box1 li::after{content: '';width: 2px;height: 100%;background: var(--colormain);position: absolute;top: 0;left: 45px;transition: 0.5s;}
.about_b4 .box1 li::before{content: '';width: 51px;height: 51px;position: absolute;top: -45px;left: 22px;background: url(../img/about_b4_logo.png) no-repeat center center;background-size: cover;z-index: 2;transition: 0.5s;}
.about_b4 .box1 li>div{padding:0 17px 0 82px;position: relative;}
.about_b4 .box1 li .title{font-size: 30px;color: var(--colormain);font-weight: bold;}
.about_b4 .box1 li .desc p{font-size: 18px;color: #324029;}
.about_b4 .box1 li .desc{height: 85px;padding-right: 15px;margin-right: -15px;text-align: justify;margin-top: 10px;}
.about_b4 .box1 li .img{border-radius: 20px;overflow: hidden;margin: 20px 0 18px 0;}
.about_b4 .box1 li.swiper-slide-active+li::before{top: -77px;}
.about_b4 .box1 li.swiper-slide-active+li::after{top: -50px;height:calc(100% + 50px);}
.about_b4 .box1 li.swiper-slide-active+li+li::before{top: -118px;}
.about_b4 .box1 li.swiper-slide-active+li+li::after{margin-top: -80px;height:calc(100% + 80px);}
.about_b4 .aboutB4_P,.about_b4 .aboutB4_N{top: 58.5%;}
.about_b4 .aboutB4_P{left: -110px;animation: Btn_left 1.5s infinite ease-in-out;}
.about_b4 .aboutB4_N{right: -110px;animation: Btn_right 1.5s infinite ease-in-out;}
.about_b4 .aboutB4_doc span,.about_b5 .aboutB5_doc span{border-color: var(--colormain);}
.about_b4 .aboutB4_doc span.swiper-pagination-bullet-active,.about_b5 .aboutB5_doc span.swiper-pagination-bullet-active{background: var(--colormain);}

.about_b5 .desc{max-width: 1184px;margin:25px auto 0 auto;font-size: 18px;line-height: 2.2;text-align: center;width: 90%;}

@media (min-width:767px){
	.about_b5 .box1{width: 98%;margin:48px auto 0 auto;}
	.about_b5 .box1 li{flex: 1;margin: 0 10px;border-radius: 20px;overflow: hidden;transition: 0.5s;height: 41vw;max-height: 670px;-webkit-transform: translate3d(0, 0, 0);}
	.about_b5 .box1 li:nth-child(2n-1){margin-top: 75px;}
	.about_b5 .box1 li.on{flex: 2.58;}
	.about_b5 .box1 li .img,.about_b5 .box1 li img{height: 100%;}
}
@media (min-width:1199px){
	.about_b4{padding:95px 0 118px 0;}
	.about_b5{padding: 95px 0 105px 0;}
}
@media (min-width:1500px){
	.about_b1{padding-top: 95px;}
	.about_b1 .pub_title .title{margin-left: -5px;}
	.about_b1 .pub_title .title p{line-height: 1.35;}
	
}
@media (min-width:1500px) and (max-width:1700px){
	.about_b4 .block{width: calc(100% - 120px);margin-right: 75px;}
	.about_b4 .aboutB4_P{left: -60px;}
	.about_b4 .aboutB4_N{right: -85px;}
}
@media (min-width:1199px) and (max-width:1500px){
	.about_b1 {padding-bottom: 40px;}
	.about_b1 .box1 .text {font-size: 28px;margin-top: 100px;}
	.about_b1 .box1 ul {margin-top: 50px;}
	.about_b1 .box1 li:nth-child(2n) {padding: 100px 0;}
	.about_b1 .box1 li .title {font-size: 38px;}
	.about_b1 .box1 li .title span {font-size: 60px;}
	.about_b1 .box1 li .desc p {font-size: 20px;}
	.about_b1 .box2 .scrollBox{max-height: 165px;}
	.about_b1 .box2 .desc p {font-size: 18px;line-height: 1.85;}
	#video .box{margin-top: 10px;}
	.about_b2 .pub_title{top: calc(14.5vh + 50px);}
	
	.about_b3 .block01 .left{width: 70%;}
	.about_b3 .block01 .right{width: 30%;}
	
	.about_b4 .box1{padding-top: 145px;}
	.about_b4 .box1::before {height: 145px;}
	.about_b4 .block{width: calc(100% - 100px);margin-right: 60px;}
	.about_b4 .box1 li::after{left: 35px;}
	.about_b4 .box1 li::before{left: 12px;}
	.about_b4 .box1 li.swiper-slide-active+li+li::before {top: -110px;}
	.about_b4 .box1 li.swiper-slide-active+li::before {top: -75px;}
	.about_b4 .box1 li>div {padding: 0 20px 0 75px;}
	.about_b4 .aboutB4_P{left: -60px;}
	.about_b4 .aboutB4_N{right: -75px;}
	
	
	
}
@media (min-width:1199px) and (max-width:1380px){
	.about_b1 .box1 li:nth-child(2n) {padding: 85px 0;}
	.about_b1 .box2 .desc {height: 200px;}
}
@media (min-width:767px) and (max-width:1199px){
	.about_b1 {padding-bottom: 40px;}
	.about_b1 .box1 .text {font-size: 20px;margin-top: 75px;}
	.about_b1 .box1 ul {margin-top: 50px;}
	.about_b1 .box1 li:nth-child(2n) {padding: 65px 0;}
	.about_b1 .box1 li .title {font-size: 30px;}
	.about_b1 .box1 li .title span {font-size: 40px;}
	.about_b1 .box1 li .desc p {font-size: 15px;}
	.about_b1 .box2 .scrollBox {max-height: 155px;}
	.about_b1 .box2 .desc p {font-size: 15px;line-height: 1.85;}
	#video .box{margin-top: 0px;}
	#video .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	#video .video_btn {left: calc(50% - 35px);top: calc(56.5% - 35px);}
	#video .video_btn img {width: 70px;}
	
	.about_b2 .pub_title{top: 145px;}
	.about_b2 .box1 ul li{height: 760px;}
	.about_b2 .box1 li .tb {width: 78px;}
	.about_b2 .box1 li .title {font-size: 28px;}
	.about_b2 .box1 li .desc p {font-size: 15px;}
	
	.about_b3{padding-bottom: 60px;}
	.about_b3 .block01 .left{width: 65%;}
	.about_b3 .block01 .right{width: 35%;}
	.about_b3 .box1 li{padding: 15px 0;}.
	.about_b3 .box1 li .title{font-size: 18px;}
	.about_b3 .box1 li .desc{font-size: 16px;}
	.about_b3 .box1 li::before,.about_b3 .box1 li::after{background-size: 20px;background-position-y: 75%;}
	.about_b3 .right .prev,.about_b3 .right .next{width: 22px;left: calc(50% - 13px);}
	
	.about_b4 .box1{padding-top: 116px;}
	.about_b4 .box1::before {height: 120px;}
	.about_b4 .block{width: calc(100% - 90px);margin-right: 53px;}
	.about_b4 .box1 li {padding-top: 15px;}
	.about_b4 .box1 li::after{left: 23px;}
	.about_b4 .box1 li::before{left: 5px;width: 45px;height: 45px;}
	.about_b4 .box1 li.swiper-slide-active+li+li::before {top: -90px;}
	.about_b4 .box1 li.swiper-slide-active+li::before {top: -65px;}
	.about_b4 .box1 li>div {padding: 0 5px 0 50px;}
	.about_b4 .box1 li .title {font-size: 26px;}
	.about_b4 .box1 li .desc {height: 68px;}
	.about_b4 .box1 li .desc p {font-size: 15px;}
	.about_b4 .box1 li .img {border-radius: 10px;}
	.about_b4 .aboutB4_P{left: -60px;}
	.about_b4 .aboutB4_N{right: -75px;}
	
	.about_b5 .box1 {width: 100%;}
	.about_b5 .box1 li{border-radius: 13px;margin: 0 8px}
	.about_b5 .box1 li:nth-child(2n-1) {margin-top: 65px;}
	.about_b5 .desc{font-size: 15px;}
}
@media (max-width: 850px){
	.about_b1 {padding-bottom: 60px;}
	.about_b1 .pub_title{text-align: center;}
	.about_b1 .box1,.about_b1 .box2{width: 100%;}
	.about_b1 .box1 .text{text-align: center;margin-top: 65px;}
	.about_b1 .box1 ul {display: flex;flex-wrap: wrap;width: 100%;align-items: center;justify-content: space-between;}
	.about_b1 .box1 .number li {min-width: 150px;}
	.about_b1 .box1 ul li{padding: 0px!important;}
	.about_b1 .box2{margin-top: 50px;}
	#video .box{margin-top: 20px;}
	
	.about_b2{padding-top: 20px;}
	.about_b2 .top_img{display: none;}
	.about_b2 .pub_title{top: 0;position: relative;}
	.about_b2 .pub_title *{color: #000;}
	.about_b2 .box1{margin-top: 40px;}
	.about_b2 .box1 ul li{width: 100%;margin: 20px;height: auto;}
	.about_b2 .box1 li::after{display: none;}
	.about_b2 .box1 li>div{position: relative;padding: 60px 0;margin: 0;border-radius: 15px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
	.about_b2 .box1 li>div::after{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;z-index: -1;opacity: 1;transition: 0.5s;border-radius: 15px;overflow: hidden;}
	.about_b2 .box1 li .bj{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
	.about_b2 .box1 li .bj img{height: 100%;}
	.about_b2 .box1 li:hover .img img {transform: none;}
	.about_b2 .PCBlock,.about_b2 .waterBox{display: none!important;}
	.about_b2 .SJBlock{display: block!important;}
	
	.about_b3{background: url(../img/about_b3_bj_sj.jpg) no-repeat bottom center;background-size: cover;}
	.about_b3 .block01{flex-direction: column-reverse;padding-right: 0;padding-bottom: 56vw;margin-top: 80px;}
	.about_b3 .block01 .left{width: 100%;margin-top: 165px;}
	.about_b3 .block01 .right{width: 60%;margin: auto;}
	.about_b3 .box1 li .title{font-size: 21px;}
	.about_b3 .box1 li .desc{font-size: 18px;}
	.about_b3 .right .prev{top: -13%;}
	.about_b3 .right .next{bottom: -19%;}
	.about_b3 .box1 li::before,.about_b3 .box1 li::after{background-size: 18px;background-position-y: 70%;}
	
	.about_b4 .box1 {padding-top: 105px;}
	.about_b4 .aboutB4_P{left: -55px;}
	.about_b4 .aboutB4_N{right: -70px;}
}
@media (max-width: 767px){
	.about_b1 .box1 ul {margin-top: 10px;}
	.about_b1 .box1 .text {font-size: 18px;margin-top: 50px;}
	.about_b1 .box1 .number li {min-width: 100px;padding: 12px 0!important;}
	.about_b1 .box1 .number li:nth-child(2) {margin-left: -5%;}
	.about_b1 .box1 li .title{font-size: 20px;}
	.about_b1 .box1 li .title span {font-size: 32px;}
	.about_b1 .box1 li .desc p {font-size: 12px;}
	.about_b1 .box2{margin-top: 30px;}
	.about_b1 .box2 .scrollBox{height: 100%;max-height: 100%;padding-right: 0px;margin-right: 0px;}
	.about_b1 .box2 .desc p {font-size: 15px;line-height: 1.8;}
	#video .box{margin-top: 20px;}
	/* #video .video_img img {height: 250px;} */
	#video .video_btn {left: calc(50% - 29px);top: calc(56% - 29px);}
	#video .video_btn img {width: 58px;}
	
	.about_b2{padding: 60px 0;background: #f2f3ea;}
	.about_b2 .box1 {margin-top: 25px;}
	.about_b2 .box1 ul li{margin: 13px 20px;}
	.about_b2 .box1 li>div {padding: 50px 0;}
	.about_b2 .box1 li .tb {width: 68px;}
	.about_b2 .box1 li .content{width: 100%;padding:0 20px;}
	.about_b2 .box1 li .title{font-size: 24px;margin-top: 20px;}
	.about_b2 .box1 li .desc p {font-size: 15px;}
	
	.about_b3{background: url(../img/about_b3_bj_sj.jpg) no-repeat bottom center;background-size: cover;}
	.about_b3 .block01 {margin-top: 45px;padding-bottom: 51vw;}
	.about_b3 .block01 .left{width: 100%;margin-top: 50px;}
	.about_b3 .block01 .right{width: 85%;}
	.about_b3 .box1 li .title{font-size: 18px;}
	.about_b3 .box1 li .desc{font-size: 15px;}
	.about_b3 .right .prev,.about_b3 .right .next{width: 22px;left: calc(50% - 11px);display: none;}
	.about_b3 .box1 li {padding: 11px 0;}
	.about_b3 .box1 li:nth-child(1){padding-top: 0;}
	.about_b3 .box1 li:last-child{padding-bottom:0;}
	.about_b3 .box1 li::before,.about_b3 .box1 li::after{background-size: 17px;background-position-y: 68%;}
	.about_b3 .block01 .right>div{overflow-y: auto;padding-left:0px;padding-right: 20px;height: 185px;margin-right: -20px;}
	.about_b3 .block01 .right>div::-webkit-scrollbar {width: 2px;  height: 1px;}
	.about_b3 .block01 .right>div::-webkit-scrollbar-thumb,.about_b3 .block01 .right>div::-webkit-scrollbar-thumb:active {background: rgba(125, 138, 47, 0.3)!important;border-radius: 0px!important;}
	.about_b3 .block01 .right>div::-webkit-scrollbar-track {background: rgba(125, 138, 47, 0.15)!important;border-radius: 0px!important;}
	
	.about_b4 .block{width:100%;}
	.about_b4 .box1 {padding-top: 35px;}
	.about_b4 .box1 li {padding: 0 10px 0 30px;}
	.about_b4 .box1 li>div {padding: 5px 0 0 20px;}
	.about_b4 .box1::before{display: none;}
	.about_b4 .box1 li::before{width: 35px;height: 35px;top: 5px!important;left: 0px;}
	.about_b4 .box1 li::after{height: calc(100% - 20px)!important;top:20px!important;left: 15px;}
	.about_b4 .box1 li .title{font-size:24px;}
	.about_b4 .box1 li .desc{height: 65px;padding-right: 5px;margin-right: 5px;}
	.about_b4 .box1 li .desc p {font-size: 15px;}
	.about_b4 .box1 li .img{border-radius: 15px;margin: 15px 0 0px 0;}
	.about_b4 .box1 li.swiper-slide-active+li{margin-top: 0px;}
	.about_b4 .box1 li.swiper-slide-active+li .desc{margin-bottom: 0px;}
	.about_b4 .box1 li.swiper-slide-active+li+li{margin-top: 0px;}
	.about_b4 .box1 li.swiper-slide-active+li+li .desc{margin-bottom: 0px;}
	
	.about_b5 .desc{width: 100%;font-size: 15px;line-height: 1.7;text-align: justify;margin-top: 30px;}
	.about_b5 .desc p{padding-bottom: 5px;}
	.about_b5 .box1{overflow: hidden;margin: 40px -54% 0 -54%;}
	.about_b5 .box1 li .img{border-radius: 10px;overflow: hidden;transform: scale(0.86);transition: 0.5s;}
	.about_b5 .box1 li.swiper-slide-next .img{transform: scale(1);}
}