.about .box1{
	margin: 53px 0 120px;
}
.about .box1{
	text-align: center;
}
.about .box1 .box-c{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	align-items: flex-start;
}
.about .box1 .box-c .l{
	width: 43.57%;
	padding-top: 27px;
}
.about .box1 .box-c .l .text-box{
	font-size: 18px;
	font-weight: 400;
	color: #444444;
	line-height: 1.77;
	text-align: left;
}
.about .box1 .box-c .l .text-box .blue{
	color: rgba(29, 32, 136, 1);
}
.about .box1 .box-c .l .text-box .text:not(:last-child){
	margin-bottom: 35px;
}
.about .box1 .box-c .r{
	position: relative;
	width: 48.57%;
}
.about .box1 .box-c .r .pic{
	border-radius: 25px;
}
.about .box1 .box-c .r .playerBtn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	cursor: pointer;
}
.about .box1 .box-c .r .playerBtn .icon-shipin-{
	font-size: 70px;
	color: #fff;
}
.about .box1 .box-c .r .playerBtn-text{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 20px;
}
.about .box2{
	padding: 126px 0 185px;
	background-image: url(../img/about-box2-bg.jpg);
	background-size: cover;
	text-align: center;
}
.about .box2 .index-title{
	color: #fff;
}
.about .box2 .line{
	width: 1px;
	height: 50px;
	background: #FFFFFF;
	margin: 43px auto;
}
.about .box2 .text-title{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
}
.about .box2 .text-des{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 1.81;
	margin-top: 19px;
}
.about .box3{
	padding: 100px 0;
}
.about .box3 .box-c{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about .box3 .box-c .list li{
	display: flex;
	align-items: center;
}
.about .box3 .box-c .l .list li{
	flex-direction: row-reverse;
}
.about .box3 .box-c .list li:not(:last-child){
	margin-bottom: 50px;
}
.about .box3 .box-c .list li .icon{
	margin-right: 20px;
}
.about .box3 .box-c .l .list li .icon{
	margin-left: 20px;
	margin-right: 0;
}
.about .box3 .box-c .list li .text-box{
	flex: 1;
	display: flex;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
}
.about .box3 .box-c .l .list li .text-box{
	flex-direction: row-reverse;
}
.about .box3 .box-c .list li .text-box .text{
	flex: 1;
	margin-left: 3px;
}
.about .box3 .box-c .l .list li .text-box .text{
	margin-left: 0;
	margin-right: 3px;
}
.about .box3 .box-c .c{
	width: 30.42%;
}
.about .box3 .box-c .c img{
	display: block;
	width: 100%;
}
.about .box4{
	background-color: rgba(249, 249, 249, 1);
	overflow: hidden;
}
.about .box4 .box-c{
	position: relative;
	min-height: 700px;
	display: flex;
	justify-content: space-between;
}
.about .box4 .box-c .l{
	position: relative;
	width: 41.42%;
	display: flex;
	align-items: center;
	z-index: 2;
}
.about .box4 .box-c .l::before{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	height: 100%;
	width: 200%;
	background-color: rgba(30, 33, 136, 1);
	z-index: -1;
}
.about .box4 .box-c .l .text-box{
	width: 465px;
	max-width: 90%;
}
.about .box4 .box-c .l .index-title{
	color: #fff;
}
.about .box4 .box-c .l .text-des{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 49px;
}
.about .box4 .box-c .l .text{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 2.5;
	margin-top: 20px;
}
.about .box4 .box-c .l .text .text-item{
	display: flex;
}
.about .box4 .box-c .l .text .text-item-text{
	flex: 1;
	margin-left: 4px;
}
.about .box4 .box-c .r{
	width: 58.58%;
	text-align: center;
}
.about .box4 .box-c .r .swiper{
	height: 100%;
	width: 730px;
	max-width: 90%;
	margin: 0 0 0 auto;
}
.about .box4 .box-c .r .swiper-slide{
	height: auto;
	display: flex;
	align-items: center;
} 
.about .box4 .box-c .r .text-box{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #1E2188;
	line-height: 1.7;
	text-align: center;
	min-height: 93px;
}
.about .box4 .box-c .r .pic{
	margin-top: 30px;
}
.about .box4 .box-c .r .pic img{
	display: block;
	width: 100%;
}
.about .box4 .box-c .r .swiper-pagination{
	bottom: 40px;
}
.about .box4 .box-c .r .swiper-pagination-bullet{
	position: relative;
	width: 40px;
	height: 3px;
	background: #DCDCDC;
	border-radius: 2px;
	opacity: 1;
}
.about .box4 .box-c .r .swiper-pagination-bullet::before{
	position: absolute;
	content: "";
	left: 0;
	top:0;
	height: 100%;
	border-radius: 2px;
	width: 0;
	background-color: #1E2188;
}
.about .box4 .box-c .r .swiper-pagination-bullet-active::before{
	width: 100%;
	transition: all 4s;
}
.about .box5{
	text-align: center;
	padding-top: 100px;
}
.about .box5 .map {
	position: relative;
	width: 100%;
	margin-top: 15px;
}

.about .box5 .map .img {
	position: relative;
	display: inline-block;
}

.about .box5 .map .img img {
	display: block;
	margin: 0 auto;
	/* height: 62.9vh; */
}

.about .box5 .map .img li {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #F08518;
	border-radius: 50%;
}

.about .box5 .map .img li.li1 {
	top: 55.39%;
	right: 36.56%;
}

.about .box5 .map .img li.li2 {
	top: 57.52%;
	right: 30.02%;
}

.about .box5 .map .img li.li3 {
	top: 65.66%;
	right: 52.68%;
}

.about .box5 .map .img li.li4 {
	top: 65.66%;
	right: 40.3%;
}

.about .box5 .map .img li.li5 {
	top: 83.71%;
	right: 25.23%;
	cursor: pointer;
}
.about .box5 .map .img li.li7 .li-box{
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 8px 16px 14px;
    width: 313px;
    /*box-shadow: 0 0 5px 20p;*/
    z-index: 3;
    display: none;
}
.about .box5 .map .img li.li7:hover .li-box{
    display: block;
}
.about .box5 .map .img li.li7 .li-box .logo .logoImg{
    display: block;
    height: 30px;
    margin-left: 0;
    width: auto;
}
.about .box5 .map .img li.li7 .li-box .name{
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: bold;
font-size: 16px;
color: #333333;
line-height: 20px;
text-align: left;
margin-top: 12px;
}
.about .box5 .map .img li.li7 .address{
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed rgba(173, 173, 173, 1);
    display: flex;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400;
font-size: 14px;
color: #8C8C8C;
line-height: 20px;
text-align: left;
align-items: flex-start;
}
.about .box5 .map .img li.li7 .address .addressText{
    flex: 1;
    margin-left: 12px;
}
.about .box5 .map .img li.li6 {
	top: 87.41%;
	right: 38.55%;
}
.about .box5 .map .img li.li7{
    top: 48.41%;
	right: 20.55%;
}
.about .box5 .map .img li::before,
.about .box5 .map .img li::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: rgba(240, 133, 24, 1);
	animation: round 3s linear infinite;
}

.about .box5 .map .img li::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 .box5 .map .img .text-box {
	position: absolute;
	right: -219px;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	bottom: 4.48vh;
	display: flex;
	gap: 45px;
	text-align: left;
}

.about .box5 .map .img .text-box span {
	color: #1E2188;
}
.waves{
	/* background-color: rgba(244, 247, 253, 1); */
}
@media (max-width:1440px) {
	.about .box4 .box-c .r .swiper{
		width: 90%;
	}
}
@media (max-width:1360px) {
	.about .box5 .map .img .text-box{
		right: -100px;
	}
}
@media (max-width: 1280px) {
	.about .box1 .box-c .l{
		width: 48%;
	}
	.about .box1 .box-c .l .text-box .text:not(:last-child){
		margin-bottom: 20px;
	}
	.about .box4 .box-c{
		min-height: 580px;
	}
}
@media (max-width: 1024px) {
	.about .box4 .box-c{
		min-height: auto;
		flex-direction: column;
	}
	.about .box4 .box-c .l{
		width: 100%;
		padding: 60px 0;
	}
	.about .box4 .box-c .l .text-des{
		margin-top: 25px;
	}
	.about .box4 .box-c .l .text-box{
		width: 100%;
	}
	.about .box1 .box-c .l .text-box{
		font-size: 16px;
	}
	.about .box4 .box-c .r{
		width: 100%;
	}
	.about .box4 .box-c .r .swiper{
		padding: 60px 0;
		max-width: 100%;
		width: 100%;
	}
	.about .box1{
		margin: 55px 0 60px;
	}
	.about .box1 .box-c{
		margin-top: 40px;
		flex-direction: column;
	}
	.about .box1 .box-c .l{
		padding-top: 0;
		width: 100%;
	}
	.about .box1 .box-c .r{
		width: 100%;
		margin-top: 40px;
	}
	.about .box1 .box-c .r .pic{
		display: inline-block;
	}
	.about .box1 .box-c .r .pic img{
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.about .box2,
	.about .box3{
		padding: 60px 0;
	}
	.about .box2 .line{
		margin: 30px auto;
	}
	.about .box2 .text-des{
		font-size: 18px;
	}
	.about .box3 .box-c .list li .icon img{
		display: block;
		width: 40px;
	}
	.about .box3 .box-c .list li .text-box{
		font-size: 16px;
	}
	.about .box5{
		padding-top: 60px;
	}
	.about .box4 .box-c .r .swiper-pagination{
		bottom: 20px;
	}
}
@media (max-width:1023px) {
/*	.about .box5 .map .img li.li5:hover .li-box{*/
/*    display: none;*/
/*}*/
	.about .box5 .map{
		position: relative;
		top: 0;
	}
	.about .box5 .map .img img{
		height: auto;
		width: 100%;
	}
	.about .box5 .map .img .text-box{
		right: 0px;
		font-size: 16px;
		display: none;
	}
	.about .box5 .map .img .text-box{
		
	}
	
}
@media (max-width: 768px) {
     .about .box5 .map .img li.li5 .li-box{
		left: auto;
		right: -90px;
		transform: translateX(0)
	}
	.about .box1{
		margin: 45px 0 50px;
	}
	.about .box1 .box-c{
		margin-top: 30px;
	}
	.about .box2, .about .box3,
	.about .box4 .box-c .l,
	.about .box4 .box-c .r .swiper{
		padding: 50px 0;
	}
	.about .box5{
		padding-top: 50px;
	}
	.about .box2 .line{
		height: 30px;
		margin: 25px auto;
	}
	.about .box2 .text-des{
		font-size: 16px;
		line-height: 1.7;
	}
	.about .box3 .box-c{
		flex-wrap: wrap;
	}
	.about .box3 .box-c .c{
		width: 100%;
		order: 3;
		margin-bottom: 30px;
	}
	.about .box3 .box-c .c img{
		max-width: 100%;
		width: auto;
		margin: 0 auto;
		height: 430px;
	}
	.about .box3 .box-c .l,
	.about .box3 .box-c .r{
		order: 4;
	}
	.about .box4 .box-c .l .text{
		line-height: 1.7;
	}
	.about .box4 .box-c .r .text-box{
		font-size: 18px;
	}
}
@media (max-width: 600px) {
	.about .box3 .box-c .c img{
		height: 270px;
	}
	.about .box3 .box-c .l, .about .box3 .box-c .r{
		width: 100%;
	}
	.about .box3 .box-c .list li:not(:last-child){
		margin-bottom: 15px;
	}
	.about .box3 .box-c .r{
		margin-top: 15px;
	}
	.about .box3 .box-c .l .list li,
	.about .box3 .box-c .l .list li .text-box{
		flex-direction: row;
	}
	.about .box3 .box-c .l .list li .icon{
		margin-left: 0;
		margin-right: 10px;
	}
	.about .box3 .box-c .list li .icon{
		margin-right: 10px;
	}
}
@media (max-width: 500px) {
	.about .box4 .box-c .r .text-box{
		font-size: 16px;
	}
	.about .box1{
		margin: 30px 0 40px;
	}
	.about .box1 .box-c{
		margin-top: 20px;
	}
	.about .box2, .about .box3,
	.about .box4 .box-c .l,
	.about .box4 .box-c .r .swiper{
		padding: 40px 0;
	}
	.about .box5{
		padding-top: 40px;
	}
	.about .box1 .box-c .l .text-box .text:not(:last-child){
		margin-bottom: 10px;
	}
	.about .box1 .box-c .r{
		margin-top: 25px;
	}
	.about .box1 .box-c .r .playerBtn .icon-shipin-{
		font-size: 50px;
	}
	.about .box1 .box-c .r .playerBtn-text{
		font-size: 14px;
		margin-top: 10px;
	}
	.about .box3 .box-c .list li:not(:last-child){
		margin-bottom: 10px;
	}
}