html{font-size: 5.20833vw;}
:root {--about_b2-ease: cubic-bezier(0.25, 0.74, 0.22, 0.99);}

.about_b1{padding-bottom: 120px;}
.about_b1 .desc{font-size: 18px;line-height: 1.8;text-align: center;margin: 20px auto 0 auto;max-width: 1370px;width: 95%;}
.about_b1 .desc p{padding: 17px 0;}
.about_b1 .box1 .img{position: relative;}
.about_b1 .box1 .img::after{content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), transparent 50%);pointer-events: none;}
.about_b1 .box1 .text1,.about_b1 .box1 .text2{position: absolute;width: 100%;bottom: 50px;left: 0;height: auto;z-index: 2;}
.about_b1 .box1 .text1 *,.about_b1 .box1 .text2 *{color: #fff;}
.about_b1 .box1 .text1{text-align: center;padding: 0 5px;}
.about_b1 .box1 .text1 div{font-size: 16px;}
.about_b1 .box1 .text1 span{font-size: 46px;font-weight: bold;line-height: 1.2;}
.about_b1 .box1 .text1 p{font-size: 18px;line-height: 1.35;}
.about_b1 .box1 .text2{text-align: left;padding: 0 50px;}
.about_b1 .box1 .text2 div{font-size: 36px;line-height: 1.3;font-weight: bold;}
.about_b1 .box1 .text2 span{font-size: 74px;line-height: 1;}
.about_b1 .box1 .text2 p{font-size: 26px;line-height: 1.35;}
.about_b1 .box1 li .text1{transition: 1s;opacity: 1;}
.about_b1 .box1 li .text2{opacity: 0;transform: translateY(15px);}
.about_b1 .box1 li.on .text1{opacity: 0;transition: 0.3s;}
.about_b1 .box1 li.on .text2{opacity: 1;transform: translateY(0);transition:opacity 1s,transform 0.5s;transition-delay: 0.3s;}

.about_b2 {background: url(../img/aboutB2_bj.webp) center center / cover no-repeat;position: relative;overflow: hidden;padding: 90px 0 140px 0;}
.about_b2 .container {position: relative;z-index: 2;}
.about_b2 .box1 {width: 58%;max-width:815px;position: relative;overflow: visible;z-index: 12;margin-top: 45px;}
.about_b2 .box1 > ul.swiper-wrapper {position: relative;width: 100%;height: 100%;}
.about_b2 .box1 .swiper-slide {opacity: 0!important;transition: opacity 0.3s var(--about_b2-ease);}
.about_b2 .box1 .swiper-slide .img {width: 60%;max-width: 450px;overflow: hidden;border: 4px solid #fff;border-radius: 20px;}
.about_b2 .box1 .swiper-slide .img img {width: 100%;height: 100%;object-fit: cover;display: block;}
.about_b2 .box1 .swiper-slide .desc {margin-top: 35px;}
.about_b2 .box1 .swiper-slide .desc p {color: #000;font-size: 20px;line-height: 1.9;text-align: justify;}
.about_b2 .box1 .swiper-slide .img,.about_b2 .box1 .swiper-slide .desc{transform: translateY(20px);opacity: 0;}
.about_b2 .box1 .swiper-slide.swiper-slide-active {opacity: 1!important;pointer-events: painted;}
.about_b2 .box1 .swiper-slide.swiper-slide-active .img,.about_b2 .box1 .swiper-slide.swiper-slide-active .desc{transform: translateY(0px);opacity: 1;transition: 0.8s cubic-bezier(.25,.74,.22,.99);}
.about_b2 .box1 .swiper-slide.swiper-slide-active .desc{transition-delay: 0.1s;}
.about_b2 .control{margin-top: 45px;}
.about_b2 .control .abouotB2_P{margin-right: 25px;}
.about_b2 .abouotB2_P,.about_b2 .abouotB2_N {width: 60px;height: 60px;display: inline-block;}
.about_b2 .box2 {position: absolute;right: -10rem;width: 17rem;height: 17rem;top: 50%;transform: translate3d(0, -50%, 0);z-index: 5;}
.about_b2 .box2 .xian {position: absolute;width: 100%;height: 100%;top: 0;left: 0.3rem;border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 50%;}
.about_b2 .box2 .yuan {position: absolute;top: 0;bottom: 0;left: -0.2rem;right: 0;margin: auto;border-radius: 50%;border: 1.2rem solid rgba(255, 255,255 ,0.2);width: 14.4rem;height: 14.4rem;z-index: 4;}
.about_b2 .box2 .items {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.about_b2 .box2 .list1,.about_b2 .box2 .list2 {width: 50%;height: 100%;position: absolute;top: 0;overflow: hidden;}
.about_b2 .box2 .list1 {left: 0;width: 51.5%;}
.about_b2 .box2 .list2 {left: 0;z-index: 5;}
.about_b2 .box2 .list1 > ul.swiper-wrapper,.about_b2 .box2 .list2 > ul.swiper-wrapper {width: 100%;height: 100%;align-items: center;}
.about_b2 .box2 .list1 .swiper-slide,.about_b2 .box2 .list2 .swiper-slide {width: 100%;position: relative;height: 0.8rem;transform-origin: 100% 50%;}
.about_b2 .box2 .list1 .swiper-slide > div,.about_b2 .box2 .list2 .swiper-slide > div {position: absolute;left: 0px;height: 0.8rem;top: 0;bottom: 0;margin: auto 0;width: 100%;display: flex;align-items: center;}
.about_b2 .box2 .list1 .dot {width: 0.6rem;height: 0.6rem;border: 0.03rem solid transparent;border-radius: 50%;position: relative;flex-shrink: 0;transition: border-color 1s var(--about_b2-ease), transform 1.2s var(--about_b2-ease), color 0.3s var(--about_b2-ease), background-color 1s var(--about_b2-ease), -webkit-transform 1.2s var(--about_b2-ease);}
.about_b2 .box2 .list1 .dot::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #000;transition: background-color 1s var(--about_b2-ease);}
.about_b2 .box2 .list2 .dot {width: 0.6rem;height: 0.6rem;border: 0.03rem solid transparent;border-radius: 50%;position: relative;visibility: hidden;opacity: 0;flex-shrink: 0;transition: border-color 0.8s var(--about_b2-ease), transform 1s var(--about_b2-ease), color 0.3s var(--about_b2-ease), background-color 0.8s var(--about_b2-ease), -webkit-transform 1s var(--about_b2-ease);}
.about_b2 .box2 .list2 .dot::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #fff;transition: background-color 1s var(--about_b2-ease);}
.about_b2 .box2 .list1 .line,.about_b2 .box2 .list2 .line{width: 1.8rem;height: 0.03rem;background-color: #000;opacity: 0;flex-shrink: 0;transform: translate3d(20px, 0, 0);transition: opacity 0.8s var(--about_b2-ease), transform 0.8s var(--about_b2-ease), color 0.3s var(--about_b2-ease), background-color 0.8s var(--about_b2-ease), -webkit-transform 0.8s var(--about_b2-ease);}
.about_b2 .box2 .list2 .line {visibility: hidden;/*visibility: visible;opacity: 1;*/}
.about_b2 .box2 .list2 .title {color: rgba(0, 0, 0, 0.7);padding-left: 1.9rem;width: calc(100% - 2.4rem);font-size: 0.6rem;font-weight: 400;line-height: 1;cursor: pointer;transform-origin: 10% 50%;transform: scale(0.55);transition: color 0.8s var(--about_b2-ease), transform 1.2s var(--about_b2-ease), -webkit-transform 1.2s var(--about_b2-ease),padding 1.2s var(--about_b2-ease);}
.about_b2 .box2 .list2 .swiper-slide.swiper-slide-active{pointer-events: none;}
.about_b2 .box2 .list1 .swiper-slide.swiper-slide-active .dot {border-color: #000;}
.about_b2 .box2 .list1 .swiper-slide.swiper-slide-active .dot::after {background-color: #000;}
.about_b2 .box2 .list1 .swiper-slide.swiper-slide-active .line {opacity: 1;transform: translateZ(0);}
.about_b2 .box2 .list2 .swiper-slide.swiper-slide-active .title {color: #000;transform: scale(1);padding-left: 1.1rem;}

.about_b3{background: var(--colormain2);padding-top: 95px;}
.about_b3 .box1{position: relative;overflow: hidden;margin: 45px -50px 0 -50px;}
.about_b3 .box1 li{padding: 0 50px;}
.about_b3 .box1 li>div{background: url(../img/aboutB3_imgbj.png) center center / cover no-repeat;padding: 55px 20px 45px 20px;border-radius: 24px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
.about_b3 .box1 li .img{width: 78%;margin: auto;max-width: 296px;}
.about_b3 .box1 li .img img{transition: 0.4s;}
.about_b3 .box1 li>div:hover .img img{transform: translateY(-12px);}
.about_b3 .box1 li .title{font-size: 20px;text-align: center;margin-top: 20px;}

.about_b4{padding:95px 0 150px 0;}
.about_b4 .box1{position: relative;margin: 45px -42.7% 0 -42.7%;}
.about_b4 .box1 li{padding: 0 3.65%;}
.about_b4 .box1 li>div{transition:transform 0.5s;position: relative;}
.about_b4 .box1 li.swiper-slide-active>div{transform: rotate(-10deg) translateY(19%);}
.about_b4 .box1 li.swiper-slide-next+li>div{transform: rotate(10deg) translateY(19%);}
.about_b4 .box1 li .img{border-radius: 30px;overflow: hidden;border: 4px solid transparent;transition: 0.5s;}
.about_b4 .box1 li.swiper-slide-next .img{border-color: var(--colormain);}
.about_b4 .aboutB4_P,.about_b4 .aboutB4_N{top: 46.5%;}
.about_b4 .aboutB4_P{position: absolute;left: 31.9%;background: url(../img/jt_Lhx.png) center center / contain no-repeat;animation: Prev 2s infinite ease-in-out;}
.about_b4 .aboutB4_N{position: absolute;right: 31.9%;background: url(../img/jt_Rhx.png) center center / contain no-repeat;animation: Next 2s infinite ease-in-out;}

@media (min-width:850px){
	.about_b1 .box1{margin:55px -13px 0 -13px;}
	.about_b1 .box1 li{flex: 1;margin: 0 13px;border-radius: 20px;overflow: hidden;transition: 0.6s;height: 41vw;max-height: 670px;-webkit-transform: translate3d(0, 0, 0);}
	.about_b1 .box1 li:nth-child(2n-1){margin-top: 75px;}
	.about_b1 .box1 li.on{flex: 2.6;}
	.about_b1 .box1 li .img,.about_b1 .box1 li img{height: 100%;}
}
@media (min-width:1199px) and (max-width:1500px){
	.about_b2 .box2 .list2{width: 53%;}
	.about_b3 .box1{margin: 45px -40px 0 -40px;}
	.about_b3 .box1 li{padding: 0 40px;}
	.about_b3 .box1 li .title {font-size: 19px;}
	.about_b4 .box1 li{padding: 0 3.5%;}
	.about_b4 .aboutB4_P{left: 31.6%;}
	.about_b4 .aboutB4_N{right: 31.6%;}
}
@media (min-width:850px) and (max-width:1199px){
	.about_b1 .box1 {width: 100%;}
	.about_b1 .box1 li{border-radius: 13px;margin: 0 8px}
	.about_b1 .box1 li:nth-child(2n-1) {margin-top: 65px;}
	.about_b1 .desc{font-size: 16px;width: 100%;}
	.about_b1 .desc p{padding: 15px 0;}
	.about_b1 .box1 .text1, .about_b1 .box1 .text2{bottom: 35px;}
	.about_b1 .box1 .text1 div{font-size: 13px;}
	.about_b1 .box1 .text1 span{font-size: 38px;}
	.about_b1 .box1 .text1 p{font-size: 15px;}
	.about_b1 .box1 .text2{padding: 0 35px;}
	.about_b1 .box1 .text2 div{font-size: 28px;line-height: 1.3;}
	.about_b1 .box1 .text2 span{font-size: 48px;}
	.about_b1 .box1 .text2 p{font-size: 18px;}
}
@media (min-width:767px) and (max-width:1199px){
	.about_b2 .box2 .list2{width: 53%;}
	.about_b2 .box1 .swiper-slide .img {width: 65%;border-width: 3px;}
	.about_b2 .box1 .swiper-slide .desc p{font-size: 16px;line-height: 1.8;}
	.about_b2 .box2 .xian{left: 0.28rem;}
	.about_b2 .box2 .list2 .title{padding-left: 1.6rem;font-size: 0.7rem;}
	.about_b3 .box1{margin: 45px -25px 0 -25px;}
	.about_b3 .box1 li{padding: 0 25px;}
	.about_b3 .box1 li>div{border-radius: 18px;padding: 40px 20px 35px 20px;}
	.about_b3 .box1 li .img{width: 85%;}
	.about_b3 .box1 li .title {font-size: 16px;}
	.about_b4{padding-bottom: 100px;}
	.about_b4 .box1 {margin: 45px -57% 0 -57%;}
	.about_b4 .box1 li {padding: 0 3%;}
	.about_b4 .box1 li.swiper-slide-active>div{transform: rotate(-10deg) translateY(17%);}
	.about_b4 .box1 li.swiper-slide-next+li>div{transform: rotate(10deg) translateY(17%);}
	.about_b4 .box1 li .img{border-radius: 15px;border-width: 3px;}
	.about_b4 .aboutB4_P{left: 31.4%;}
	.about_b4 .aboutB4_N{right: 31.4%;}
}

@media(max-width: 850px) {
	.about_b1{padding-bottom: 90px;}
	.about_b1 .desc{width: 100%;font-size: 15px;line-height: 1.7;text-align: justify;margin-top: 35px;}
	.about_b1 .desc p{padding: 10px 0;}
	.about_b1 .box1{overflow: hidden;margin: 45px -15% 0 -15%;}
	.about_b1 .box1 li .img{border-radius: 10px;overflow: hidden;transform: scale(0.86);transition: 0.5s;}
	.about_b1 .box1 li.swiper-slide-next .img{transform: scale(1);}
	.about_b1 .aboutB1_doc{display: block!important;}
	.about_b2{padding-bottom: 50vw;}
	.about_b2 .container {padding-bottom: 60px;}
	.about_b2 .pub_title{text-align: center;}
	.about_b2 .pub_title .title{justify-content: center;}
	.about_b2 .box1 {width: 100%;z-index: 12;}
	.about_b2 .box1 .swiper-slide .img {width: 100%;margin: auto;}
	.about_b2 .box1 .swiper-slide .desc {height: 50%;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-evenly;margin-top: 45px;}
	.about_b2 .control{justify-content: center;}
	.about_b2 .abouotB2_P,.about_b2 .abouotB2_N {margin: 0 10px!important;}
	.about_b2 .box2 {width: 170vw;height: 170vw;top: auto;bottom: -120vw;right: -34.5vw;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
	.about_b2 .box2 .xian{left: 0.55rem;}
	.about_b2 .box2 .yuan {width: 143vw;height: 143vw;border-width: 10vw;left: -1rem;}
	.about_b2 .box2 .list1,.about_b2 .box2 .list2{overflow: visible;}
	.about_b2 .box2 .list1 .swiper-slide, .about_b2 .box2 .list2 .swiper-slide{overflow: visible;}
	.about_b2 .box2 .list1 .swiper-slide > div,.about_b2 .box2 .list2 .swiper-slide > div {height: 8vw;}
	.about_b2 .box2 .list1 .dot,.about_b2 .box2 .list2 .dot {width: 6vw;height: 6vw;border-width: 0.05rem;}
	.about_b2 .box2 .list1 .dot::after,.about_b2 .box2 .list2 .dot::after{width: 3px;height: 3px;}
	.about_b2 .box2 .list1 .line,.about_b2 .box2 .list2 .line {width: 14vw;height: 0.05rem;}
	.about_b2 .box2 .list2 .title {width: 100%;padding-left: 0;display: flex;font-size: clamp(14px, 6.8vw, 42px);transform: scale(0.6) rotate(-90deg);transform-origin: 0% 100%;margin-left: 11.5vw;}
	.about_b2 .box2 .list2 .swiper-slide.swiper-slide-active .title {transform: scale(1) rotate(-90deg);padding-left: 0;transform-origin: 3% 125%;}
	.about_b3 .box1 li .img{width: 75%;}
}
@media (min-width: 768px) and (max-width: 850px){
	.about_b4 .box1 {margin: 45px -62% 0 -62%;}
}
@media (max-width:767px){
	.about_b1{padding-bottom: 60px;}
	.about_b1 .box1{overflow: hidden;margin: 40px -54% 0 -54%;}
	.about_b1 .desc{margin-top: 28px;}
	.about_b1 .desc p {padding: 6px 0;}
	.about_b1 .box1 .text1{bottom: 30px;}
	.about_b1 .box1 .text1 div{font-size: 14px;}
	.about_b1 .box1 .text1 span{font-size: 42px;}
	.about_b1 .box1 .text1 p{font-size: 16px;}
	.about_b2{padding-bottom: 45vw;padding-top: 60px;background: url(../img/aboutB2_bjsj.webp) center center / cover no-repeat;}
	.about_b2 .box1 .swiper-slide .img {border-width: 2px;border-radius: 15px;}
	.about_b2 .box1 .swiper-slide .desc{margin-top: 35px;}
	.about_b2 .box1 .swiper-slide .desc p{font-size: 15px;line-height: 1.7;}
	.about_b2 .abouotB2_P,.about_b2 .abouotB2_N{width: 50px;height: 50px;}
	.about_b2 .control {margin-top: 40px;}
	.about_b3{padding: 60px 0;}
	.about_b3 .box1{margin: 40px -25px 0 -25px;}
	.about_b3 .box1 li{padding: 0 25px;}
	.about_b3 .box1 li>div{border-radius: 15px;padding: 50px 20px 30px 20px;}
	.about_b3 .box1 li .img{width: 80%;max-width: 245px;}
	.about_b3 .box1 li .title {font-size: 16px;}
	.about_b4{padding: 60px 0;}
	.about_b4 .box1{margin: 40px 10px 0 10px;}
	.about_b4 .box1 li{padding: 0 10px;}
	.about_b4 .box1 li>div{transform: none!important;border-radius: 15px;}
	.about_b4 .box1 li .img{height: 260px;border-radius: 15px;border-color: var(--colormain);border-width: 3px;}
	.about_b4 .box1 li .img img{height: 100%;}
	.about_b4 .box1 li .content{opacity: 1;}
	.about_b4 .box1 li .title{font-size: 18px;min-width: 150px;padding: 7px 20px;margin-top: -23px;margin-top: -21px;}
	.about_b4 .box1 li .desc p {font-size: 15px;}
}