*{box-sizing:border-box;}
.aboP{padding: 48px 0 0;}
.aboP1 .imgB img{width: 100%;display: block;}
.aboP1 .clickB{padding: 0 74px;justify-content: flex-end;margin-top: -52px;}
.aboP1 .clickB .each{border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);width: 104px;height: 104px;padding: 8px;margin-left: 30px;cursor: pointer;}
.aboP1 .clickB .each:first-child{margin-left: 0;}
.aboP1 .clickB .each span{background: #e5e5e5;font-size: 16px;color: #333333;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;}
.aboP1 .clickB .each.on span{background: #e60012;color: #ffffff;}
.aboP1 .textB{padding: 40px 0;}
.aboP1 .textB .leftB{width: 30%;padding: 0 16px;position: relative;justify-content: center;}
.aboP1 .textB .tit{font-size: 24px;color: rgb(230, 0, 18);margin-top: 8px;}
.aboP1 .textB .more{border-style: solid;border-width: 1px;border-color: rgb(229, 229, 229);width: 154px;line-height: 48px;display: block;color: #333333;font-size: 14px;margin-top: 16px;text-align: center;border-radius: 24px;transition: all 0.3s;}
.aboP1 .textB .more:hover{background: #333333;color: #ffffff;}
.aboP1 .textB .more i{font-size: 14px;margin-left: 20px;}
.aboP1 .textB .leftB::after{content: "";background: rgba(0,0,0,0.1);position: absolute;right: 0;top: calc(50% - 68px);width: 1px;height: 136px;}
.aboP1 .textB .desc{width: 70%;padding: 0 60px;line-height: 1.8;}
.aboP1Ul{border-top: 1px solid rgba(0,0,0,0.1);padding-top: 32px;justify-content: space-around;font-size: 18px;color: #333333;text-align: center;}
.aboP1Ul .num b{font-size: 60px;margin-right: 8px;}
.aboP2 .nrBox .swiper-slide{padding: 0 32px;}
.aboP2 .nrBox .pore{height: 100%;}
.aboP2 .nrBox .tit{font-size: 18px;color: rgb(230, 0, 18);text-align: right;margin-bottom: 12px;padding-right: 18px;}
.aboP2 .nrBox .desc{font-size: 15px;color: rgba(0, 0, 0, 0.702);text-transform: uppercase;line-height: 1.6;text-align: justify;writing-mode: vertical-rl;writing-mode: tb-rl;margin: 0 auto;}
.aboP2 .nrBox .xian1{background: #e5e5e5;width: 14px;height: 1px;position: absolute;top: 10px;right: 0;}
.aboP2 .nrBox .xian2{background: #e5e5e5;width: 1px;height: 100%;position: absolute;top: 10px;right: 0;}
.aboP2 .nrBox .swiper-wrapper{transition: all 0.3s;}
.aboP2 .nrBox .swiper-slide{transition: all 0.3s;height: 546px;position: relative;}
.aboP2 .nrBox .swiper-slide-prev{padding-top: 320px;}
.aboP2 .nrBox .swiper-slide-active{padding-top: 280px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide{padding-top: 240px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide{padding-top: 200px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide{padding-top: 160px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{padding-top: 120px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{padding-top: 80px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{padding-top: 40px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{padding-top: 0px;}
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .xian2,
.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .xian1{background: #f12e2e;}
.aboP2 .datu{text-align: center;margin-top: -300px;position: relative;z-index: 2;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.aboP2 .datu img{width: 1920px;max-width: unset;}
.aboP2 .swiper-button-prev,
.aboP2 .swiper-button-next{border: 1px solid #f12e2e;border-radius: 50%;width: 64px;height: 64px;right: -106px;top: 120px;}
.aboP2 .swiper-button-prev{left: -106px;right: unset;top: unset;bottom: 120px;}
.aboP2 .swiper-button-prev::after,
.aboP2 .swiper-button-next::after{display: none;}
.aboP2 .swiper-button-prev::before,
.aboP2 .swiper-button-next::before{font-size: 20px;color: #f12e2e;}
.aboP2 .swiper-button-prev::before{transform: rotate(180deg);}
.aboP3{padding-bottom: 56px;}
.aboP3 .pubTit{margin-bottom: 48px;}
.aboP3Ul li{margin: 0 56px;text-align: center;}
.aboP3Ul .tit{font-size: 30px;color: rgb(51, 51, 51);margin-top: 12px;}





.aboP4{background-image: url(../img/abo4bg.jpg);padding-bottom: 48px;}
.aboP4 .pubTit:nth-child(3){margin-top: 40px;}
.aboP4Ul{margin: -8px;}
.aboP4Ul .imgB{height: 288px;display: flex;justify-content: center;align-items: flex-end;overflow: hidden;}
.aboP4Ul li{padding: 8px;text-align: center;}
.aboP4Ul .kuang{height: 100%;}
.aboP4Ul .tit{font-size: 16px;color: rgb(51, 51, 51);margin-top: 8px;text-align: center;}
.aboP5{background: linear-gradient(to bottom,#ffffff,#f7f2f0);padding: 48px 0;}
.aboP5 .swiper{height: 224px;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);background: #ffffff;}
.aboP5 .swiper .swiper-slide{height: 50%;border: 1px solid #eaeaea;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.aboP5 .swiper .swiper-slide:hover{border-width: 2px;border-color: #bababa}
.aboP5 .swiper-pagination{position: relative;margin-top: 16px;bottom: unset;left: unset;}
.aboP5 .swiper-pagination-bullet{background: #000000;opacity: 0.5;}
.aboP5 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .indp4 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;}
.aboP5 .swiper-pagination-bullet-active{opacity: 1;}
.aboP6 .pubTit{margin-bottom: 0;}
.aboP6 .nrBox{border-bottom: 2px solid #e5e5e5;}
.aboP6 .nrBox .imgB{width: 52%;transform: translateX(56px);}
.aboP6 .nrBox .imgB img{width: 100%;display: block;}
.aboP6 .nrBox .textB{width: 50%;}
.aboP6 .nrBox .tit{font-size: 24px;color: rgb(230, 0, 18);}
.aboP6 .nrBox .desc{font-size: 16px;color: rgba(0, 0, 0, 0.702);line-height: 2;margin-top: 32px;}
.aboP6 .nrBox .desc p{text-indent: 2em;}
.aboP7{padding: 48px 0;}
.aboP7 .leftB{width: 38%;}
.aboP7 .infoUl{font-size: 18px;color: rgba(51, 51, 51, 0.702);}
.aboP7 .infoUl li{padding: 24px 0;border-bottom: 1px solid #cccccc;display: flex;justify-content: flex-start;align-items: center;}
.aboP7 .infoUl img{margin: 0 16px 0 8px;width: 36px;}
.aboP7 .infoUl span{width: calc(100% - 60px);}
.aboP7 .shareB{margin-top: 24px;padding-left: 60px;justify-content: flex-start;}
.aboP7 .shareB a{margin-right: 32px;}
.aboP7 .shareB a:last-child{margin-right: 0;}
.aboP7 .rightB{width: 55.5%;}
.aboP7 .rightB textarea{height: 164px;}
@media (max-width:1480px){
	.aboP2 .nrBox{padding: 0 72px;}
	.aboP2 .swiper-button-prev{left: 0;}
	.aboP2 .swiper-button-next{right: 0;}
	.aboP2 .swiper-button-prev,
	.aboP2 .swiper-button-next{width: 48px;height: 48px;}
	.aboP2 .datu img{width: 1700px;}
	.aboP2 .nrBox .swiper-slide{padding: 0 24px;}
	.aboP2 .nrBox .swiper-slide-active{padding-top: 280px;}
	.aboP2 .nrBox .swiper-slide-prev {padding-top: 320px;}
	.aboP2 .datu{margin-top:-250px}
}
@media (max-width:1280px){
	.aboP1Ul .num b{font-size: 48px;}
	.aboP3Ul .icon img{max-width: 148px;}
	.aboP3Ul .tit{font-size: 22px;}
	.aboP4Ul .imgB{height: 256px;}
	.aboP2 .nrBox .swiper-slide{padding: 0 12px;}
	.aboP2 .nrBox .swiper-slide-active{padding-top: 280px;}
	.aboP2 .nrBox .swiper-slide-prev {padding-top: 320px;}
	.aboP2 .datu img {width: 1400px;}
	.aboP2 .datu{margin-top:-200px}
}
@media (max-width:1080px){
	.aboP1 .textB{padding: 16px 0;}
	.aboP1 .textB .desc{padding: 0 16px;}
	.aboP1Ul{font-size: 16px;}
	.aboP1Ul .num b{font-size: 36px;}
	.aboP3 .pubTit{margin-bottom: 16px;}
	.aboP3Ul .icon img{max-width: 96px;}
	.aboP4Ul .imgB{height: 200px;}
	.aboP2 .datu img {width: 1012px;}
	.aboP2 .datu{margin-top:-160px}
}
@media (max-width:800px){
	.aboP{padding-top: 32px;}
	.pubTit::after{margin-top: 8px;}
	.pubTit{margin-bottom: 16px;}
	.aboP1 .textB{display: block;}
	.aboP1 .textB .leftB{width: 100%;text-align: center;padding-bottom: 16px;}
	.aboP1 .textB .leftB::after{display: none;}
	.aboP1 .textB .tit{font-size: 18px;}
	.aboP1 .textB .desc{width: 100%;font-size: 14px;padding: 0;}
	.aboP1Ul{padding-top: 8px;flex-wrap: wrap;}
	.aboP1Ul li{width: calc(100% / 3);padding: 8px;text-align: center;font-size: 14px;}
	.aboP1Ul .num b{font-size: 24px;}
	.aboP3Ul{justify-content: space-around;}
	.aboP3Ul li{margin: 0;}
	.aboP3Ul .icon img {max-width: 72px;}
	.aboP3Ul .tit{margin-top: 8px;font-size: 16px;}
	.aboP4Ul{margin: -4px;justify-content: center;}
	.aboP4Ul li{-ms-flex: 0 0 calc(100% / 3);flex: 0 0 calc(100% / 3);max-width: calc(100% / 3);padding: 4px;}
	.aboP4Ul .imgB{height: auto;}
	.aboP4Ul .tit{font-size: 14px;}
	.aboP6 .nrBox{display: block;}
	.aboP6 .nrBox .textB{width: 100%;margin-top: 16px;}
	.aboP6 .nrBox .tit{font-size: 18px;text-align: center;}
	.aboP6 .nrBox .desc{margin-top: 8px;font-size: 14px;line-height: 1.8;}
	.aboP6 .nrBox .imgB{width: 100%;transform: unset;}
	.aboP7 .nrBox{display: block;}
	.aboP7 .leftB{width: 100%;}
	.aboP7 .infoUl li{padding: 16px 0;}
	.aboP7 .infoUl img{margin: 0 8px 0 0;width: 28px;}
	.aboP7 .infoUl span{width: calc(100% - 36px);}
	.aboP7 .shareB{margin: 12px auto 0;text-align: center;padding: 0;justify-content: center;}
	.aboP7 .rightB{width: 100%;}
	.aboP2 .nrBox{padding: 0 40px;}
	.aboP2 .swiper-button-prev, .aboP2 .swiper-button-next{width: 32px;height: 32px;}
	.aboP2 .datu{display: none;}
	.aboP2 .datu img{width: 100vw;}
	.aboP2 .nrBox .swiper-slide,
	.aboP2 .nrBox .swiper-slide-prev,
	.aboP2 .nrBox .swiper-slide-active,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide,
	.aboP2 .nrBox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{padding: 0 4px;height: auto;}
	.aboP2 .nrBox .tit{text-align: center;padding: 0;}
	.aboP2 .swiper-button-prev, .aboP2 .swiper-button-next{top: 50%;bottom: unset;}
}


.aboP3Ul .kuang{padding: 48px;}
.aboP3Ul .icon img{display: block;width: 100%;margin: 0 auto;}
.aboP3Ul .desc{position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;overflow: hidden;padding: 16px;text-align: center;padding: 16px;text-align: center;border: 1px solid #e60012;background: rgba(255,255,255,0.9);color: #333333;font-size: 24px;line-height: 1.4;opacity: 0;transition: all 0.3s;}
.aboP3Ul li:hover .desc{opacity: 1;}
@media (max-width:1080px) {
	.aboP3Ul li{margin: 0;width: calc(100% / 3);text-align: center;padding: 0 24px;}
	.aboP3Ul .kuang{padding: 16px 0;}
	.aboP3Ul .desc{font-size: 20px;}
}
@media (max-width:768px) {
	.aboP3Ul li{padding: 0 4px;}
	.aboP3Ul .desc{position: relative;left: unset;top: unset;height: auto;font-size: 14px;margin: 4px auto 0;opacity: 1;border: 0;padding: 0;}
}