body{
	background-color: RGBA(246, 248, 250, 1);
}
.about .box1{
	padding-bottom: 167px;
}
.about .box1 .box-c{
	position: relative;
	margin-top: 77px;
	display: flex;
	justify-content: space-between;
	z-index: 3;
	align-items: flex-start;
}
.about .box1  .box-c-l{
	flex: 1;
	margin-right: 100px;
}
.about .box1  .box-c-l .text-zh{
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #333333;
	line-height: 1.33;
}
.about .box1  .box-c-l .text-en{
	font-size: 36px;
	font-family: Rany;
	font-weight: bold;
	color: #333333;
	line-height: 1.27;
	margin-top: 5px;
	text-transform: uppercase;
}
.about .box1  .box-c-l .text{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 2;
	margin-top: 45px;
}
.about .box1  .box-c-l .text .text-container:not(:last-child){
	margin-bottom: 18px;
}
.about .box1  .box-c-r{
	background: linear-gradient(-150deg, #0A83EB, #50A9F5);
	box-shadow: 5px 9px 30px 0px rgba(10,131,235,0.3);
	border-radius: 20px;
	width: 392px;
	padding: 67px 50px;
	margin-top: -130px;
}
.about .box1  .box-c-r .item{
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #F6F8FA;
	line-height: 1;
	align-items: center;
}
.about .box1  .box-c-r .item .text,
.about .box1  .box-c-r .item sub{
	align-self: flex-end;
	padding-bottom: 3px;
}
.about .box1  .box-c-r .item:not(:last-child){
	margin-bottom: 55px;
}
.about .box1  .box-c-r .item .counter{
	font-size: 48px;
	font-family: Rany;
	font-weight: 400;
	color: #F6F8FA;
	line-height: .75;
	margin: 3px 6px 0 11px;
}
.about .box2{
	padding: 100px 0 147px;
	background: linear-gradient(-150deg, #DFEBF8, #F3F7FA);
}
.about .box2 .box-t{
	margin-top: 64px;
}
.about .box2 .box-t .list{
	display: flex;
	justify-content: space-between;
}
.about .box2 .box-t .list li .icon img{
	display: block;
	transition: all .6s;
}
.about .box2 .box-t .list li:hover .icon img{
	transform: rotateY(180deg);
}
.about .box2 .box-t .list li .text{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2391EF;
	line-height: 1;
	text-align: center;
	margin-top: -5px;
}
.about .box2 .box-c{
	position: relative;
	margin-top: 75px;
	display: flex;
	justify-content: space-between;
}
.about .box2 .box-c .pic{
	width: 57.14%;
	border-radius: 20px;
}
.about .box2 .box-c .text-box{
	position: absolute;
	width: 51.57%;
	right: 0;
	bottom: 40px;
	z-index: 3;
	padding: 40px 40px 40px 50px;
	background: linear-gradient(-150deg, #0A83EB, #50A9F5);
	box-shadow: 5px 9px 30px 0px rgba(10,131,235,0.3);
	border-radius: 20px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.875;
}
.about .box2 .box-c .text-box .text-title{
	font-size: 18px;
	font-weight: bold;
	margin: 25px 0 13px;
}
.about .box3{
	padding: 100px 0;
	background-color: #fff;
}
.about .box3 .box-c{
	position: relative;
	background-image: url(../img/about-box3-bg.jpg);
	background-size: cover;
	margin-top: 55px;
	padding: 55px 55px 60px;
	box-shadow: 5px 9px 30px 0px rgba(10,131,235,0.3);
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.about .box3 .box-c .l{
	position: relative;
	width: 50.64%;
}
.about .box3 .box-c .l #map img{
	display: block;
	width: 100%;
}
.about .box3 .box-c .l .bullet{
	position: absolute;
	z-index: 2;
}
.about .box3 .box-c .l .bullet span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: linear-gradient(30deg, #F5AF15, #F59206);
	box-shadow: 5px 9px 30px 0px rgba(10,131,235,0.3);
	border-radius: 50%;
	z-index: 3;
}
.about .box3 .box-c .l .bullet::before,
.about .box3 .box-c .l .bullet::after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%)scale(0);
	opacity: .6;
	border-radius: 50%;
	background-color: #fff;
	animation: round 3s linear infinite;
	z-index: -1;
}

.about .box3 .box-c .l .bullet::after {
	transform: translate(-50%, -50%)scale(0);
	opacity: .2;
	animation: round 3s 1s linear infinite;
}
@keyframes round {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(0);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%)scale(8);
	}
}
.about .box3 .box-c .l .bullet1{
	left: 18.47%;
	top: 37.37%;
}
.about .box3 .box-c .l .bullet2{
	left: 27.92%;
	top: 62.81%;
}
.about .box3 .box-c .l .bullet3{
	left: 44%;
	top: 50.48%;
}
.about .box3 .box-c .l .bullet4{
	left: 45.98%;
	top: 64.38%;
}
.about .box3 .box-c .l .bullet5{
	left: 50.07%;
	top: 81.21%;
}
.about .box3 .box-c .l .bullet6{
	left: 56.27%;
	top: 53.03%;
}
.about .box3 .box-c .l .bullet7{
	left: 59.23%;
	top: 64.38%;
}
.about .box3 .box-c .l .bullet8{
	left: 59.8%;
	top: 39.72%;
}
.about .box3 .box-c .l .bullet9{
	left: 71.79%;
	top: 16.24%;
}
.about .box3 .box-c .l .bullet10{
	left: 71.79%;
	top: 32.48%;
}
.about .box3 .box-c .l .bullet11{
	left: 71.36%;
	top: 58.7%;
}
.about .box3 .box-c .l .bullet12{
	left: 61.07%;
	top: 80.23%;
}
.about .box3 .box-c .l .bullet12 span{
	width: 18px;
	height: 18px;
	background: linear-gradient(-150deg, #DC1044, #F5507E);
}
.about .box3 .box-c .r{
	width: 38.28%;
	padding-top: 108px;
}
.about .box3 .box-c .r .text-title{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F6F8FA;
	line-height: 1.5;
}
.about .box3 .box-c .r .text-des{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F6F8FA;
	line-height: 36px;
	margin-top: 40px;
}
.about .box4{
	padding: 99px 0 132px;
	background: linear-gradient(150deg, #DFEBF8, #F3F7FA);
}
.about .box4 .box-c{
	position: relative;
	margin-top: 62px;
}
.about .box4 .swiper-slide{
	width: 19.28%;
}
.about .box4 .swiper-slide:not(:last-child){
	margin-right: .89%;
}
.about .box4 .swiper-slide .pic img{
	display: block;
	width: 100%;
}
.about .box4 .box-c .btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.about .box4 .box-c .btn .iconfont{
	font-size: 22px;
	color: #0A83EB;
	font-weight: bold;
}
.about .box4 .box-c .btn.btn-prev{
	left: -73px;
}
.about .box4 .box-c .btn.btn-next{
	right: -73px;
}
.about .box4 .box-c .btn.swiper-button-disabled{
	opacity: .3;
	cursor: not-allowed;
}
@media (max-width:1570px) {
	.about .box4 .box-c .btn.btn-prev{
		left: -30px;
	}
	.about .box4 .box-c .btn.btn-next{
		right: -30px;
	}
}
@media (max-width:1500px) {
	.about .box4 .box-c{
		padding: 0 30px;
	}
	.about .box4 .box-c .btn.btn-prev{
		left: 0;
	}
	.about .box4 .box-c .btn.btn-next{
		right: 0;
	}
}
@media (max-width:1440px) {
	.about .box2 .box-t .list li .icon img{
		width: 160px;
	}
	.about .box2 .box-t .list li .text{
		font-size: 22px;
	}
}
@media (max-width:1280px) {
	.about .box2 .box-c .text-box{
		padding: 30px;
		width: 60%;
	}
}
@media (max-width:1199px) {
	.about .box3 .box-c .r .text-title{
		font-size: 22px;
	}
	.about .box3 .box-c .r{
		width: 45%;
	}
	.about .box3 .box-c .r{
		padding-top: 20px;
	}
	.about .box3 .box-c .r .text-des{
		margin-top: 20px;
	}
	.about .box2 .box-c .pic{
		width: 100%;
	}
	.about .box2 .box-c{
		flex-direction: column;
	}
	.about .box2 .box-c .text-box{
		position: relative;
		width: 100%;
		bottom: auto;
		right: auto;
		margin-top: 50px;
	}
	.about .box2 .box-t .list li .text{
		font-size: 20px;
	}
	.about .box2 .box-t .list{
		display: grid;
		grid-template-columns: repeat(7,1fr);
		gap: 10px;
	}
	.about .box2 .box-t .list li .icon img{
		width: auto;
		max-width: 100%;
	}
	.about .box1 .box-c-l .text-zh{
		font-size: 28px;
	}
	.about .box1 .box-c-l .text-en{
		font-size: 30px;
	}
	.about .box1 .box-c-l{
		margin-right: 50px;
	}
	.about .box1 .box-c-r{
		padding: 40px;
	}
	.about .box1 .box-c-r .item .counter{
		font-size: 40px;
	}
	.about .box1 .box-c-r{
		margin-top: 0;
	}
	.about .box1 .box-c{
		margin-top: 50px;
	}
	.about .box1 .box-c-r .item:not(:last-child){
		margin-bottom: 40px;
	}
	.about .box1 .box-c-l .text{
		margin-top: 20px;
		font-size: 16px;
	}
	.about .box1{
		padding-bottom: 80px;
	}
	.about .box4,
	.about .box3,
	.about .box2{
		padding: 80px 0;
	}
	.about .box4 .box-c,
	.about .box3 .box-c,
	.about .box2 .box-t,
	.about .box2 .box-c{
		margin-top: 50px;
	}
}
@media (max-width: 1024px) {
	.about .box4 .swiper-slide{
		width: 23.5%;
	}
	.about .box4 .swiper-slide:not(:last-child){
		margin-right: 2%;
	}
	.about .box3 .box-c{
		padding: 45px;
	}
	.about .box3 .box-c .r .text-des{
		margin-top: 10px;
	}
	.about .box3 .box-c .r .text-title{
		font-size: 20px;
	}
	.about .box4,
	.about .box3,
	.about .box2{
		padding: 70px 0;
	}
	.about .box4 .box-c,
	.about .box3 .box-c,
	.about .box2 .box-t,
	.about .box2 .box-c{
		margin-top: 45px;
	}
	.about .box1 .box-c-r .item{
		font-size: 16px;
	}
	.about .box1 .box-c-r{
		padding: 30px 20px;
		width: 300px;
	}
	.about .box1 .box-c{
		margin-top: 45px;
	}
	.about .box1 .box-c-l .text-zh{
		font-size: 26px;
	}
	.about .box1 .box-c-l .text-en{
		font-size: 28px;
	}
	.about .box1 .box-c-r .item .counter{
		font-size: 30px;
	}
	.about .box2 .box-c .text-box{
		margin-top: 45px;
	}
}
@media (max-width: 768px) {
	.about .box4 .swiper-slide{
		width: 32%;
	}
	.about .box3 .box-c .r{
		width: 100%;
		padding-top: 40px;
	}
	.about .box3 .box-c .l{
		width: 100%;
	}
	.about .box3 .box-c{
		flex-direction: column;
	}
	.about .box2 .box-t .list li .icon img{
		width: 100px;
		margin: 0 auto;
	}
	.about .box2 .box-t .list{
		grid-template-columns: repeat(4,1fr);
		gap: 25px;
	}
	.about .box2 .box-c .text-box{
		margin-top: 40px;
	}
	.about .box2 .box-t .list li .text{
		font-size: 16px;
	}
	.about .box4,
	.about .box3,
	.about .box2{
		padding: 60px 0;
	}
	.about .box4 .box-c,
	.about .box3 .box-c,
	.about .box2 .box-t,
	.about .box2 .box-c{
		margin-top: 40px;
	}
	.about .box1 .box-c{
		margin-top: 40px;
	}
	.about .box1 .box-c-l .text-zh{
		font-size: 24px;
	}
	.about .box1 .box-c-l .text-en{
		font-size: 26px;
	}
	.about .box1 .box-c{
		flex-direction: column;
	}
	.about .box1 .box-c-l{
		flex: 1;
		margin-right: 0;
	}
	.about .box1 .box-c-r{
		margin-top: 40px;
	}
	.about .box1 .box-c-r .item .counter{
		font-size: 24px;
	}
}
@media (max-width: 500px) {
	.about .box4 .swiper-slide{
		width: 49%;
	}
	.about .box3 .box-c .r .text-des{
		line-height: 30px;
	}
	.about .box3 .box-c{
		padding: 30px 20px;
	}
	.about .box3 .box-c .r{
		padding-top: 30px;
	}
	.about .box2 .box-t .list{
		gap: 10px;
	}
	.about .box2 .box-c .text-box{
		margin-top: 30px;
	}
	.about .box1 .box-c-r{
		margin-top: 30px;
	}
	.about .box1 .box-c-r .item:not(:last-child){
		margin-bottom: 20px;
	}
	.about .box4,
	.about .box3,
	.about .box2{
		padding: 50px 0;
	}
	.about .box4 .box-c,
	.about .box3 .box-c,
	.about .box2 .box-t,
	.about .box2 .box-c{
		margin-top: 30px;
	}
	.about .box1 .box-c{
		margin-top: 30px;
	}
	.about .box1 .box-c-l .text-zh{
		font-size: 22px;
	}
	.about .box1 .box-c-l .text-en{
		font-size: 24px;
	}
}