.contain{
	background-color: #fff;
	width: 100vw;
	position: relative;
	overflow-x: hidden;
	.about-us-content{
		width: 100vw;
		min-height: calc(100vh - 4.6rem) !important;
		.connect-us-scroll-bg{
		  	background-image: url('../image/aboutUs/about-us-scroll.png') !important;
		}
		.about-us-data{
			width: 10rem;
			box-sizing: border-box;
			padding: 0.791rem 0.575rem 0.526rem 0.575rem;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			position: relative;
			.data-about-us-data-bg{
				position: absolute;
				z-index: 2;
				background-image: url('../image/aboutUs/about-us-data-bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				bottom: 0;
				left: 0;
				width: 6.865rem;
				height: 3.604rem;
			}
			.data-box{
				width: 4.792rem;
				.us-logo{
					width: 1.375rem;
					height: 0.4571rem;
					img{
						width: 100%;
						height: 100%;
						object-fit: contain;
					}
				}
				.us-title{
					width: 100%;
					/*font-size: 0.21875rem;*/
					font-family:hb;
					margin: 2.1vw 0;
				}
				.us-tips-box{
					/*font-size: 0.09rem;*/
					color: #666666;
					margin-top: 0.08rem;
					.us-tips{
						padding-right: 0.1rem;
						margin-top: 0.08rem;
						line-height: 0.15rem;
					}
				}
				.us-data-contain{
					-width: 1.25rem;
					display: flex;
					flex-wrap: wrap;
					.us-data-card{
						/*width: 1.1354rem;*/
						width: 33%;
						/*margin-right: 0.46rem;*/
						margin-top: 0.208rem;
						.data{
							width: 100%;
							display: flex;
							align-items: flex-end;
							.number{
								max-width: 80%;
								font-size: 0.46875rem;
								font-family:hb;
								color: #0096DE;
							}
							.util{
								color: #0096DE;
								/*font-size: 0.1rem;*/
								position: relative;
								top: -0.1rem;
								margin-left: 0.06rem;
							}
						}
						.text{
							/*font-size: 0.09rem;*/
							color: #000000;
						}
					}
				}
			}
			.about-us-video{
				width: 4.01rem;
				height: 4.927rem;
				position: relative;
				border-radius: 0.05rem;
				overflow: hidden;
				position: relative;
				z-index: 3;
				.video-box{
					width: 100%;
					height: 100%;
					video{
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.video-play-button{
					display: flex;
					align-items: center;
					position: absolute;
					bottom: 2.75% !important;
					transform: translateY(-100%);
					left: 0.2604rem;
					position: relative;
					z-index: 3;
					.toggle-plays{
						width: 0.3645rem;
						height: 0.3645rem;
						border-radius: 50%;
						background-color: rgba(255,255,255,0.3);
						border: 0.01rem solid #fff;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;
						.default{
							height: 0.0825rem;
							width: 0.15rem;
							display: block;
							object-fit: contain;
							position: relative;
							left: 0.01rem;
						}
						.active{
							height: 0.2rem;
							width: 0.2rem;
							display: none;
						}
					}
					.show-all-video{
						color: #fff;
						/*font-size: 0.1rem;*/
						margin-left: 0.1rem;
						cursor: pointer;
					}
				}
				.video-play-button-active{
					.default{
						display: none !important;
					}
					.active{
						display: block !important;
					}
				}
			}
		}
		.develop-history {
			width: 10rem;
			box-sizing: border-box;
			padding: 0.53125rem 0 0.88rem 0;
			padding-top: 0;
			.develop-history-title{
				width: 10rem;
				padding: 0.53125rem 0.575rem 0.598rem 0.575rem;
				box-sizing: border-box
				background-color: #fff;
				/*font-size: 0.21rem;*/
				font-family:hb;
			}
			.develop-history-content{
				width: 10rem;
				background-color: #fff;
				box-sizing: border-box;
				position: relative;
			   .develop-history-content-contain{
				   display: flex;
				    height:  3.526rem;
				   .year-swiper-box{
					   position: relative;
					   padding-left: 0.475rem;
				      .year-swiper{
				    		width: 4.104rem;
							overflow: hidden;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							box-sizing: border-box;
							.swiper-wrapper{
								display: flex;
								align-items: center;
								.swiper-slide{
									width: 0.95rem;
									/*font-size: 0.27rem;*/
									color: #000000;
									font-style: italic;
									text-align: center;
									cursor: pointer;
								}
								.swiper-slide-active{
									width: 1rem;
									color: #0096DE;
									font-size: 0.43rem !important;
								}
							}
				    	}
						.position-relative-left-bg{
							position: absolute;
							width: 100%;
							top: 50%;
							left: 0rem;;
							transform: translateY(-50%);
							width: 1.721rem;
							height: 1.15625rem;
							pointer-events: none;
							background: linear-gradient(to right, rgba(255,255,255, 1) 0%,  rgba(255,255,255, 0.8) 50%, rgba(255,255,255, 0.5)) 100%;
						}
						.position-relative-right-bg{
							transform: translateY(-50%);
							width: 1.4rem;
							right: 0rem;
							left: auto;
							height: 1.15625rem;
							pointer-events: none;
							background: linear-gradient(to left, rgba(255,255,255, 1) 0%,  rgba(255,255,255, 0.8) 50%, rgba(255,255,255, 0.5)) 100%;
						}
				   }
				   .develop-history-banner-click-border{
					   width: 0.02rem;
					   height:  3.526rem;
					   background-color: rgba(0, 0, 0, 0.3);
					   margin: 0 0.15625rem;
					   position: relative;
					   .develop-history-banner-border-top{
						   width: 0.1rem;
						   height: 0.1rem;
						   border-radius: 50%;
						   display: flex;
						   align-items: center;
						   justify-content: center;
						   overflow: hidden;
						   background: #fff;
						   transform: translateX(-45%);
						   position: absolute;
						   .border-line{
							   width: 100%;
							   height: 0.04rem;
							   background: #0096DE;
						   }
					   }
					   .develop-history-banner-border-top-position{
						   top: 15%;
					   }
					   .develop-history-banner-border-bottom{
						   bottom: 15%;
					   }
				   }
				   .develop-year-content-banner{
					   margin: 0 auto;
					   padding-top:  0;
					   position: relative;
					   .develop-year-content-swiper{
						    height:  36.6vw;
							overflow: hidden;
							z-index: 2;
						   .swiper-wrapper{
							   .swiper-slide{
							   		 margin: 0rem;
							   }
							   .develop-year-card{
								   width: 2.3542rem;
								   .develop-year-card-title{
									   width: 2.3542rem;
									   color: #000000;
									   /*font-size: 0.1rem;*/
								   }
								   .develop-year-card-tips{
									   width: 2.3542rem;
									   /*font-size: 0.1rem;*/
									   color: #666666;
									   margin-top: 0.1rem;
								   }
								   .develop-year-card-img{
									   width: 2.3542rem;
									   height: 1.5208rem;
									   margin-top: 0.1rem;
									   img{
										   width: 2.3542rem;
										   height: 1.5208rem;
										   object-fit: cover;
									   }
								   }
							   }
						   }
						   .swiper-slide-active{
							   .develop-year-card-title{
										color: #0096DE !important;
							   }
						   }
					   }
				   }
			   }
			   .hide-develop-year-top-content{
				   width: 100%;
				   top: 0;
				   height: 0.2rem;
				   position: absolute;
				    z-index: 6;
				   background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
			   }
			   .hide-develop-year-tottom-content{
			   	   width: 100%;
			   	   bottom: 0;
			   	   height: 0.3rem;
			   	   position: absolute;
				   background: red;
				   z-index: 6;
			   	   background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
			   }
			}
		}
		.honorary-certificate{
			width: 10rem;
			padding: 0.61rem 0.575rem 0.56rem 0.575rem;
			background-color: #F9F9F9;
			.honorary-certificate-title{
				/*font-size: 0.21rem;*/
				font-family:hb;
			}
			.honorary-certificate-banner{
				width: 8.85rem;
				margin-top: 0.15625rem;
				position: relative;
				.toggle-button{
					z-index: 9;
					position: absolute;
					display: flex;
					align-items: center;
					top: -0.4rem;
					right: 0;
					.swiper-button-next:after{
						display: none !important;
					}
					.swiper-button{
						width: 0.26rem;
						height: 0.26rem;
						border-radius: 50%;
						background: #fff;
						cursor: pointer;
						box-shadow: 0 0rem 0.01rem rgba(0,0,0,0.2);
						animation: show_linear 0.5s;
						display: flex;
						align-items: center;
						justify-content: center;
						img{
							width: 0.104rem;
							height: 0.1rem;
							object-fit: contain;
						}
						.banner-img{
							display: block;
						}
						.banner-active-img{
							display: none;
						}
					}
					.swiper-button-next{
						margin-left: 0.21rem;
					}
					.button-active{
						cursor: pointer;
						box-shadow: none;
						background: #0096DE;
						.banner-img{
							display: none !important;
						}
						.banner-active-img{
							display: block !important;
						}
					}
					.button:hover{
					    box-shadow: none;
						background: #0096DE;
					}
				}
				.swiper{
					width: 8.85rem;
					height: 3.3rem;
					overflow: hidden;
					.swiper-wrapper{
						width: 8.85rem;
						height: 3.3rem;
						display: flex;
						align-items: flex-start;
						.swiper-slide{
							width: 2.8rem;
							height: 2.8rem;
							border: 1px solid #EBEBEB;
							box-sizing: border-box;
							border-radius: 0.05rem;
							position: relative;
							background-color: #FFFFFF;
							.honorary-text{
								width: 2.8rem;
								/*font-size: 0.1458rem;*/
								margin-top: 0.39rem;
								padding: 0 0.25rem;
								color: #0096DE;
								box-sizing: border-box;
							}
							.honorary-tips{
								/*font-size: 0.115rem;*/
								margin-top: 0.04rem;
								text-overflow:clip;
								white-space:normal;
								letter-spacing: 0;
								padding: 0 0.25rem;
								color: #000000;
							}
							.honorary-img-box{
								/*font-size: 0.08rem;*/
								background-color: #fff;
								padding: 0.05rem;
								border-radius: 0.05rem;
								width: 1.5833rem;
								height: 2.24rem;
								position: absolute;
								margin-top: 0.18rem;
								box-shadow: 0 0 0.02rem 0.01rem rgba(0,0,0,0.1);
								right: 10%;
								box-sizing: border-box;
								display: flex;
								align-items: center;
								justify-content: center;
								.honorary-border-box{
									width: 1.483rem;
									height: 2.14rem;
									border: 0.01rem solid rgba(0,150,222,0.2);
									border-radius: 0.05rem;
									display: flex;
									align-items: center;
									justify-content: center;
									box-sizing: border-box;
									img{
										width: 1.271rem;
										height: 1.797rem;
										object-fit: contain;
									}
								}
							}
							.honorary-img-icon-box{
								width: 0.4115rem;
								height: 0.427rem;
								text-align: left;
								position: absolute;
								bottom: 0.2708rem;
								left: 0.25rem;
								img{
									width: 100%;
									height: 100%;
									object-fit: contain;
								}
								.default{
									display: block;
								}
								.active{
									display: none;
								}
							}
						}
						.swiper-slide:hover{
							background-color: #0096DE !important;
							border: none !important;
							transition: all 0.5s;
							.honorary-text{
								color: #fff !important;
							}
							.honorary-tips{
								color: #fff !important;;
							}
							
							.default{
								display: none !important;
							}
							.active{
								display: block !important; 
							}
						}
					}
				}
			}
		}
		.business-culture{
			width: 10rem;
			padding: 0.61rem 0.575rem 1.04rem 0.575rem;
			box-sizing: border-box;
			.business-culture-title{
				/*font-size: 0.21rem;*/
				font-family:hb;
			}
			.business-culture-content{
				width: 8.85rem;
				height: 3.645rem;
				margin: 0.15625rem auto 0;
				background-image: url('../image/aboutUs/business-culture.png');
				background-repeat: no-repeat;
				background-size:cover;
				background-position: center;
				display: flex;
				align-items: center;
				.business-culture-border-both{
					border-left: 0.01rem solid #fff;
					border-right: 0.01rem solid #fff;
				}
				.business-culture-content-card{
					padding: 0 2%;
					flex: 1;
					/*font-size: 0.09rem;*/
					color: #fff;
					text-align: center;
					height: 100%;
					position: relative;
					box-sizing: border-box;
					transition: all 0.5s;
					.bottom-text{
						position: absolute;
						bottom: 0.3697rem;
						left: 50%;
						transform: translateX(-50%);
						.bottom-text-title{
							/*font-size: 0.15625rem;*/
							font-family:hb;
							margin-bottom: 0.05rem;
						}
						.bottom-text-tips{
							display: none;
							line-height: 0.15rem;
						}
					}
				}
				.business-culture-content-card-active{
					background-color: rgba(0, 0, 0, 0.2);
					border-left: none;
					.bottom-text{
						bottom: 0.25rem;
						animation: bottom_to_top 0.5s;
						.bottom-text-tips{
							display: block;
						}
					}
				}
			}
		}
	}
	.bottom{
		padding-top: 0;
	}
}

.ab_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 999;opacity: 0;pointer-events: none;transition:all 0.5s;}
.ab_tc.show{opacity: 1;pointer-events: all;}
.ab_tc .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.ab_tc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:80%;height:70vh;background-color:#000;}
.ab_tc .con video{width: 100%;height: 100%;object-fit: contain;}
.ab_tc .con .out{position: absolute;top: 1vw;right: 1vw;width: 1.5vw;height: 1.5vw;cursor:pointer;z-index:5;transition:all 0.5s;}
.ab_tc .con .out:hover{transform:rotate(180deg);}

.develop-history-title{
	width: 10rem;
	padding: 0.53125rem 0.575rem 0.598rem 0.575rem;
	box-sizing: border-box
	background-color: #fff;
	/*font-size: 0.21rem;*/
	font-family:hb;
}

.ab2 .ts_con {
	display: none;
}

.ab2 .ts_con.on {
	display: block;
}

.ab2 .txt_box {
	position: relative;
	overflow: hidden;
}

.ab2 .txt_box .swiper-pagination {
	display: none;
}

.ab2 .txt_box .swiper-slide .day {
	/*font-size: 20px;*/
	line-height: 28px;
	color: #4B4B4B;
	margin-bottom: 0.78vw;
	transition: all 0.5s;
	font-family: hm;
}

/*.ab2 .txt_box .swiper-slide-duplicate{opacity:0;}*/
.ab2 .txt_box .swiper-slide .p {
	/*font-size: 15px;*/
	line-height: 24px;
	color: #999999;
	transition: all 0.5s;
	padding-right: 0.4vw;
	height: 120px;
	overflow: auto;
	width: calc(100% - 4vw);
	margin-bottom: 0.6vw;
}

.ab2 .txt_box .swiper-slide .p::-webkit-scrollbar {
	width: 2px;
	height: 5px;
}

.ab2 .txt_box .swiper-slide .p::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

.ab2 .txt_box .swiper-slide .p::-webkit-scrollbar-thumb {
	background: #0096DE;
}

.ab2 .txt_box .swiper-slide-active .day {
	font-family: hb;
	color: #0096DE;
}

.ab2 .txt_box .swiper-slide-active .p {
	color: #333333;
}

/*.ab2 .years {*/
/*	position: relative;*/
/*	overflow: hidden;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	margin-top: 2.6vw;*/
/*}*/

/*.ab2 .years .big {*/
/*	font-size: 96px;*/
/*	font-family: Gothic-bold;*/
/*	color: #0096DE;*/
/*	margin-right: 5.2vw;*/
/*}*/

/*.ab2 .years .y_con {*/
/*	width: 470px;*/
/*	position: relative;*/
/*	overflow: hidden;*/
/*	font-size: 24px;*/
/*	font-family: Gothic;*/
/*	color: #616161;*/
/*}*/

/*.ab2 .years .y_con .swiper-slide {*/
/*	height: 3.3vw;*/
/*	line-height: 3.3vw;*/
/*	cursor: pointer;*/
/*}*/

/*.ab2 .years .y_con .swiper-slide.on {*/
/*	font-size: 0;*/
/*	background: url(../img/year_icon.png)no-repeat left center;*/
/*	background-size: 3.3vw 3.3vw;*/
/*}*/

.ab2 .svg_box {
	height: 17vw;
	position: relative;
}

.ab2 .solid_box {
	width: 100%;
	-webkit-clip-path: url(#menu-clip-path);
	clip-path: url(#menu-clip-path);
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ab2 .solid_box .swiper-slide {
	height: 12.5vw;
	background: url(../image/ab2_solid.png);
	background-size: 100% 100%;
	opacity: 0.3;
	transition: all 1s;
}

.ab2 .solid_box .swiper-slide-active {
	opacity: 1;
}

.ab2 .solid_box1 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	cursor: url(../image/np.ico), pointer !important;
}

.ab2 .solid_box1 .swiper-slide {
	height: 15.6vw;
	background: url(../image/ab2_solid2.png)no-repeat left;
	background-size: auto 100%;
	transition: all 1s;
	opacity: 0.3;
}

.ab2 .solid_box1 .swiper-slide-active {
	background-size: auto 100%;
	opacity: 1;
}

/*.ab2 .swiper-button-next {*/
/*	background-image: url(../img/ab_next.png);*/
/*	right: 7vw;*/
/*	top: auto;*/
/*	bottom: 4.48vw;*/
/*	margin-top: 0;*/
/*	width: 4.17vw;*/
/*	height: 4.17vw;*/
/*	background-size: 100% 100%;*/
/*}*/

/*.ab2 .swiper-button-next:hover {*/
/*	background-image: url(../image/ab_next1.png);*/
/*}*/

/*.ab2 .swiper-button-prev {*/
/*	background-image: url(../image/ab_prev.png);*/
/*	left: auto;*/
/*	right: 12vw;*/
/*	top: auto;*/
/*	bottom: 4.48vw;*/
/*	margin-top: 0;*/
/*	width: 4.17vw;*/
/*	height: 4.17vw;*/
/*	background-size: 100% 100%;*/
/*}*/

/*.ab2 .swiper-button-prev:hover {*/
/*	background-image: url(../image/ab_prev1.png);*/
/*}*/

@media (max-width: 1680px) {
    .ab2 .solid_box{
        -webkit-clip-path: url(#menu-clip-path2);
        clip-path: url(#menu-clip-path2);
    }
}
@media (max-width: 1600px) {
    .ab2 .solid_box{
        -webkit-clip-path: url(#menu-clip-path3);
        clip-path: url(#menu-clip-path3);
    }
}
@media (max-width: 1440px) {
    .ab2 .solid_box{
        -webkit-clip-path: url(#menu-clip-path4);
        clip-path: url(#menu-clip-path4);
    }
}
@media (max-width: 1280px) {
    .ab2 .solid_box{
        -webkit-clip-path: url(#menu-clip-path5);
        clip-path: url(#menu-clip-path5);
    }
}