@media screen and (min-width:1024px) {
	.history-content[data-v-7fd8a427] {
		position: relative
	}

	.history-arrow[data-v-7fd8a427] {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 48px;
		background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #f7fbff)
	}

	.history-arrow>.iconfont[data-v-7fd8a427] {
		position: absolute;
		top: 0;
		height: 60px;
		font-size: 24px;
		cursor: pointer
	}

	.history-arrow-left[data-v-7fd8a427] {
		left: 0;
		background: none;
		z-index: 999;
	}

	.history-arrow-left>.iconfont[data-v-7fd8a427] {
		left: -40px;
		transform: rotate(180deg)
	}

	.history-arrow-right[data-v-7fd8a427] {
		right: 0
	}

	.history-arrow-right>.iconfont[data-v-7fd8a427] {
		line-height: 100px;
		right: -40px
	}

	.history-timeline[data-v-7fd8a427] {
		overflow-x: hidden
	}

	.history-timeline-body[data-v-7fd8a427] {
		display: flex;
		transition: all .4s ease-in
	}

	.history-timeline-item[data-v-7fd8a427] {
		min-width: 204px
	}

	.history-timeline-item[data-v-7fd8a427]:first-child {
		min-width: 170px
	}

	.history-timeline-item .timeline-item-time[data-v-7fd8a427] {
		font-size: 24px;
		color: #408fff;
		line-height: 32px
	}

	.history-timeline-item .timeline-item-line[data-v-7fd8a427] {
		height: 4px;
		background: #cce1ff;
		margin: 16px 0;
		position: relative
	}

	.history-timeline-item .timeline-item-line[data-v-7fd8a427]:before {
		content: " ";
		position: absolute;
		top: -4px;
		left: 0;
		width: 12px;
		height: 12px;
		background: #408fff;
		border-radius: 50%
	}

	.history-timeline-item .timeline-item-text[data-v-7fd8a427] {
		font-size: 14px;
		color: #333;
		line-height: 20px;
		margin-right: 24px;
		white-space: pre-line
	}
}

@media screen and (max-width:1024px) {
	.history-arrow[data-v-7fd8a427] {
		display: none
	}

	.history-timeline-body[data-v-7fd8a427] {
		display: flex;
		flex-direction: column-reverse;
		transform: translateX(0) !important
	}

	.history-timeline[data-v-7fd8a427] {
		padding-top: 16px
	}

	.history-timeline-item[data-v-7fd8a427] {
		width: 100%;
		display: flex;
		position: relative
	}

	.history-timeline-item .timeline-item-time[data-v-7fd8a427] {
		position: absolute;
		font-size: 16px;
		color: #408fff;
		line-height: 22px;
		font-weight: 700
	}

	.history-timeline-item .timeline-item-line[data-v-7fd8a427] {
		min-width: 4px;
		min-height: 64px;
		background: #cce1ff;
		position: relative;
		margin: 0 16px 0 54px
	}

	.history-timeline-item .timeline-item-line[data-v-7fd8a427]:before {
		content: " ";
		position: absolute;
		top: 7px;
		left: -3px;
		width: 10px;
		height: 10px;
		background: #408fff;
		border-radius: 50%
	}

	.history-timeline-item:first-child .timeline-item-line[data-v-7fd8a427] {
		min-height: 0;
		height: 14px
	}

	.history-timeline-item:last-child .timeline-item-line[data-v-7fd8a427] {
		margin-top: 8px
	}

	.history-timeline-item:last-child .timeline-item-line[data-v-7fd8a427]:before {
		top: 0;
		z-index: 999
	}

	.history-timeline-item:last-child .timeline-item-line[data-v-7fd8a427]:after {
		content: " ";
		position: absolute;
		z-index: 1;
		top: -32px;
		left: 0;
		width: 4px;
		height: 32px;
		background: linear-gradient(180deg, #fff, #97c2ff);
		opacity: .39
	}

	.history-timeline-item .timeline-item-text[data-v-7fd8a427] {
		font-size: 14px;
		color: #333;
		line-height: 20px;
		padding-bottom: 24px
	}
}

.about .about-container[data-v-56cf37bd] {
	padding: 0 16px;
	margin: 0 auto
}

.about .about-title[data-v-56cf37bd] {
	font-weight: 700;
	color: #333;
	text-align: center
}

.about .about-banner[data-v-56cf37bd] {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: #226cff
}

.about .company-culture[data-v-56cf37bd] {
	text-align: center
}

.about .company-culture .company-culture-list__item[data-v-56cf37bd] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
	border: 1px solid #dfe2e6;
	flex: 1;
	text-align: center
}

.about .company-culture .company-culture-list__item .culture-list-item__content[data-v-56cf37bd] {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #333
}

.about .company-culture .company-culture-list__item .culture-list-item__desc[data-v-56cf37bd] {
	color: #999
}

@media screen and (min-width:1024px) {
	.about .about-container[data-v-56cf37bd] {
		max-width: 1200px
	}

	.about .about-title[data-v-56cf37bd] {
		line-height: 56px;
		font-size: 40px;
		margin-bottom: 40px
	}

	.about .about-banner[data-v-56cf37bd] {
		background-size: auto 264px;
		background-image: url(../images/about_banner_2048.png);
		height: 264px;
		text-align: center
	}

	.about .about-banner .about-banner-text[data-v-56cf37bd] {
		font-size: 56px;
		font-weight: 700;
		color: #fff;
		line-height: 78px;
		padding-top: 112px
	}

	.about .development-history[data-v-56cf37bd] {
		padding: 56px 0 64px;
		margin-bottom: 84px;
		background: #f7fbff
	}

	.about .company-culture .company-culture-list[data-v-56cf37bd] {
		display: flex;
		padding-bottom: 80px
	}

	.about .company-culture .company-culture-list__item[data-v-56cf37bd] {
		height: 166px;
		flex: 1;
		margin-right: 24px
	}

	.about .company-culture .company-culture-list__item[data-v-56cf37bd]:last-child {
		margin-right: 0
	}

	.about .company-culture .company-culture-list__item .culture-list-item__content[data-v-56cf37bd] {
		font-size: 32px;
		line-height: 44px
	}

	.about .company-culture .company-culture-list__item .culture-list-item__content>img[data-v-56cf37bd] {
		width: 48px;
		height: 48px;
		margin-right: 16px
	}

	.about .company-culture .company-culture-list__item .culture-list-item__desc[data-v-56cf37bd] {
		font-size: 16px;
		line-height: 22px;
		margin-top: 24px
	}

	.about .company-profile[data-v-56cf37bd] {
		display: flex;
		padding: 56px 0 80px
	}

	.about .company-profile .company-profile-left[data-v-56cf37bd] {
		flex: 1
	}

	.about .company-profile .company-profile-title[data-v-56cf37bd] {
		margin-bottom: 16px;
		font-size: 32px;
		font-weight: 700;
		line-height: 44px;
		color: #333;
		letter-spacing: 0
	}

	.about .company-profile .company-profile-content[data-v-56cf37bd] {
		font-size: 16px;
		color: #666;
		letter-spacing: 0;
		text-align: justify;
		line-height: 24px
	}

	.about .company-profile .company-profile-right[data-v-56cf37bd] {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fafcff;
		width: 588px;
		margin-left: 22px
	}

	.about .position[data-v-56cf37bd] {
		display: flex;
		height: 272px;
		padding-bottom: 120px
	}

	.about .position .position-desc[data-v-56cf37bd] {
		padding: 24px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-shrink: 0;
		width: 384px;
		color: #fff;
		background: #408fff
	}

	.about .position .position-desc .positon-title[data-v-56cf37bd] {
		padding-bottom: 10px;
		position: relative;
		font-size: 32px;
		line-height: 45px;
		color: #fff;
		letter-spacing: 0;
		font-weight: 100
	}

	.about .position .position-desc .positon-title[data-v-56cf37bd]:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 64px;
		height: 4px;
		background: #a6cbff
	}

	.about .position .position-desc .address-nav[data-v-56cf37bd] {
		display: flex;
		align-items: center
	}

	.about .position .position-desc .address-nav .address-nav-item[data-v-56cf37bd] {
		font-size: 16px;
		line-height: 22px;
		color: #a6cbff;
		letter-spacing: 0;
		cursor: pointer
	}

	.about .position .position-desc .address-nav .address-nav-item.active[data-v-56cf37bd] {
		font-size: 20px;
		line-height: 28px;
		color: #fff
	}

	.about .position .position-desc .address-nav .line[data-v-56cf37bd] {
		margin: 0 16px;
		height: 20px;
		border-left: 1px solid #fff;
		transform: rotate(26deg)
	}

	.about .position .position-desc .address-text[data-v-56cf37bd] {
		margin-top: 11px
	}

	.about .position .position-desc .address-text .address-text-item[data-v-56cf37bd] {
		display: none;
		opacity: 0;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		letter-spacing: 0;
		transition: all 2s linear
	}

	.about .position .position-desc .address-text .address-text-item.active[data-v-56cf37bd] {
		display: block;
		opacity: 1
	}

	.about .position .position-image[data-v-56cf37bd] {
		flex: 1
	}

	.about .position .position-image .position-banner-image[data-v-56cf37bd] {
		width: 100%;
		height: 100%
	}

	.about .position-wraper[data-v-56cf37bd] {
		display: none
	}
}

@media screen and (max-width:1024px) {
	.about .about-container[data-v-56cf37bd] {
		max-width: 500px
	}

	.about .about-title[data-v-56cf37bd] {
		line-height: 32px;
		font-size: 24px;
		margin-bottom: 16px
	}

	.about .about-banner[data-v-56cf37bd] {
		background-size: auto 224px;
		background-image: url(../images/about_banner_1024.png);
		height: 224px;
		text-align: center
	}

	.about .about-banner .about-banner-text[data-v-56cf37bd] {
		font-size: 32px;
		font-weight: 700;
		color: #fff;
		padding-top: 126px
	}

	.about .development-history[data-v-56cf37bd] {
		padding: 0;
		margin-bottom: 56px
	}

	.about .company-culture .company-culture-list[data-v-56cf37bd] {
		padding-bottom: 24px
	}

	.about .company-culture .company-culture-list__item[data-v-56cf37bd] {
		height: 88px;
		width: 100%;
		margin-bottom: 8px
	}

	.about .company-culture .company-culture-list__item[data-v-56cf37bd]:last-child {
		margin-bottom: 0
	}

	.about .company-culture .company-culture-list__item .culture-list-item__content[data-v-56cf37bd] {
		font-size: 20px;
		line-height: 28px
	}

	.about .company-culture .company-culture-list__item .culture-list-item__content>img[data-v-56cf37bd] {
		width: 32px;
		height: 32px;
		margin-right: 8px
	}

	.about .company-culture .company-culture-list__item .culture-list-item__desc[data-v-56cf37bd] {
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px
	}

	.about .company-profile[data-v-56cf37bd] {
		width: 100%;
		margin-bottom: 56px
	}

	.about .company-profile .company-profile-left[data-v-56cf37bd] {
		width: 100%;
		margin-top: 40px
	}

	.about .company-profile .company-profile-right[data-v-56cf37bd] {
		display: none
	}

	.about .company-profile .company-profile-title[data-v-56cf37bd] {
		line-height: 32px;
		font-size: 24px;
		margin-bottom: 16px;
		font-weight: 700;
		color: #333;
		text-align: center
	}

	.about .company-profile .company-profile-content[data-v-56cf37bd] {
		width: 100%;
		font-size: 14px;
		color: #666;
		letter-spacing: 0;
		text-align: justify;
		line-height: 24px
	}

	.about .position[data-v-56cf37bd] {
		display: none
	}

	.about .position-wraper[data-v-56cf37bd] {
		padding-top: 32px;
		padding-bottom: 64px
	}

	.about .position-wraper .address-text[data-v-56cf37bd] {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		color: #333;
		line-height: 20px
	}

	.about .position-wraper .position-region[data-v-56cf37bd] {
		height: 56px;
		line-height: 56px
	}

	.about .position-wraper .position-region .region[data-v-56cf37bd] {
		padding: 16px 8px 16px 0;
		color: #999
	}

	.about .position-wraper .position-region .active[data-v-56cf37bd] {
		font-size: 20px;
		color: #333;
		font-weight: 900;
		position: relative
	}

	.about .position-wraper .position-region .active[data-v-56cf37bd]:after {
		content: " ";
		position: absolute;
		bottom: 16px;
		left: 0;
		right: 6px;
		height: 4px;
		background: #408fff;
		opacity: .34
	}

	.about .position-wraper .position-images[data-v-56cf37bd] {
		padding-bottom: 8px
	}

	.about .position-wraper .position-images img[data-v-56cf37bd] {
		width: 100%
	}

	.about .pc-container[data-v-7fb687a8] {
		padding: .933333rem 0;
		margin: 0 auto;
		text-align: center;
	}

	.about .pc-container h3[data-v-7fb687a8] {
		font-size: .373333rem;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333;
		line-height: .533333rem;
		margin-bottom: .666667rem;
	}

	.about .pc-container .wrap[data-v-7fb687a8] {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 16rem;
		margin: 0 auto;
	}

	.about .pc-container .item[data-v-7fb687a8] {
		flex-shrink: 0;
		width: 2.56rem;
		height: 2.56rem;
		background: #fff;
		margin-right: 1.6rem;
		margin-bottom: .64rem;
		line-height: 1;
		color: #fff;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		vertical-align: middle;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding-top: .253333rem;
		box-shadow: 0 0.026667rem 0.133333rem 0 hsla(0, 0%, 60.8%, .27);
		border-radius: .106667rem;
		border: .013333rem solid #fff;
	}

	.about .pc-container .item .hd[data-v-7fb687a8] {
		font-size: .213333rem;
		font-weight: 600;
		color: #333;
		line-height: .293333rem;
	}

	.about .pc-container .item img[data-v-7fb687a8] {
		width: 2.56rem;
		height: 1.613333rem;
		transition: transform .4s;
	}
}