.topView {
	height: 7.70rem;
	background: url('../assets/image/aboutBg.png') center center no-repeat;
	background-size: 19.20rem 7.70rem;
}

.topView .bg {
	width: 100%;
	height: 7.70rem;
	background: linear-gradient(269deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.67) 100%);

}

.topView .bg .WelcomeToVoidMetrix {
	padding: 2.08rem 0 0 3.20rem;
}

.topView .bg .WelcomeToVoidMetrix .title {
	font-family: MiSans, MiSans;
	font-weight: 800;
	font-size: 0.45rem;
	color: #FFFFFF;
	line-height: 0.54rem;
	margin-bottom: 0.24rem;
}

.topView .bg .WelcomeToVoidMetrix .p {
	width: 5.94rem;
	font-family: PingFang-Medium;
	font-weight: 400;
	font-size: 0.2rem;
	color: rgba(255, 255, 255, 0.7);
	line-height: 0.32rem;
	text-align: left;

}

.M-170 {
	margin-top: -1.70rem;
	padding-top: 0.8rem;
	background: #EFF0FB;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0.2rem;

	.content {
		padding: 0 3.46rem;


		.OurMission {
			margin-bottom: 1.30rem;

			.Our {
				display: flex;
				justify-content: space-between;
				margin-bottom: 1.24rem;

				.left,
				.right {
					width: 5.34rem;

					.title {
						width: 5.34rem;
						font-family: MiSans, MiSans;
						font-weight: 800;
						font-size: 0.24rem;
						color: #081392;
						line-height: 0.28rem;
						margin-bottom: 0.04rem;
					}

					.lineView {
						width: 5.34rem;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-bottom: 0.13rem;

						.dot {
							float: left;
							width: 0.09rem;
							height: 0.09rem;
							background: #081392;

							border-radius: 50%;
						}

						.line {
							flex: 1;
							width: 5.27rem;
							height: 1px;
							background: #081392;
						}
					}

					.p {
						width: 5.34rem;
						font-family: PingFang-Medium;
						font-weight: 400;
						font-size: 0.16rem;
						color: #333333;
						line-height: 0.26rem;
						margin-bottom: 0.32rem;
					}

					.img {
						img {
							width: 5.34rem;
							height: 5.56rem;

						}
					}

				}

				.right {

					.img {

						margin-bottom: 0.32rem;
						width: 5.34rem;
						height: 5.56rem;

						img {
							width: 5.34rem;
							height: 5.56rem;

						}
					}

					.p {
						margin-bottom: 0;
					}


				}

			}

			.mission {
				.title {
					font-family: MiSans, MiSans;
					font-weight: 800;
					font-size: 0.24rem;
					color: #081392;
					line-height: 0.28rem;
					margin-bottom: 0.04rem;
				}

				.lineView {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: 0.13rem;

					.dot {
						float: left;
						width: 0.09rem;
						height: 0.09rem;
						background: #081392;

						border-radius: 50%;
					}

					.line {
						flex: 1;
						width: 5.27rem;
						height: 1px;
						background: #081392;
					}
				}

				.p {

					font-family: PingFang-Medium;
					font-weight: 400;
					font-size: 0.06rem;
					color: #333333;
					line-height: 0.26rem;
					margin-bottom: 0.32rem;
				}

				.img {
					width: 12.28rem;
					height: 5.40rem;
					overflow: hidden;

					img {
						width: 17.49rem;
						height: 5.40rem;

					}
				}
			}


		}
	}

	.FutureOutlook {
		padding: 0.48rem 3.46rem;
		background: #D9DCFF;

		.title {
			text-align: center;
			font-family: MiSans, MiSans;
			font-weight: 800;
			font-size: 0.45rem;
			color: #081392;
			line-height: 0.6rem;
			margin-bottom: 0.24rem;
		}

		.p {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 0.16rem;
			color: #333333;
			line-height: 0.26rem;
			margin-bottom: 0.2rem;
		}
	}

	.content {
		padding: 0 3.46rem;


		.OurMission {
			margin-bottom: 1.30rem;

			.Our {
				display: flex;
				justify-content: space-between;
				margin-bottom: 1.24rem;

				.left,
				.right {
					width: 5.34rem;

					.title {
						width: 5.34rem;
						font-family: MiSans, MiSans;
						font-weight: 800;
						font-size: 0.24rem;
						color: #081392;
						line-height: 0.28rem;
						margin-bottom: 0.04rem;
					}

					.lineView {
						width: 5.34rem;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-bottom: 0.13rem;

						.dot {
							float: left;
							width: 0.09rem;
							height: 0.09rem;
							background: #081392;

							border-radius: 50%;
						}

						.line {
							flex: 1;
							width: 5.27rem;
							height: 1px;
							background: #081392;
						}
					}

					.p {
						width: 5.34rem;
						font-family: PingFang-Medium;
						font-weight: 400;
						font-size: 0.16rem;
						color: #333333;
						line-height: 0.26rem;
						margin-bottom: 0.32rem;
					}

					.img {
						img {
							width: 5.34rem;
							height: 5.56rem;

						}
					}

				}

				.right {

					.img {
						width: 5.34rem;
						height: 5.56rem;
						margin-bottom: 0.32rem;

						img {
							width: 5.34rem;
							height: 5.56rem;

						}
					}

					.p {
						margin-bottom: 0px;
					}


				}

			}

			.mission {
				.title {
					font-family: MiSans, MiSans;
					font-weight: 800;
					font-size: 0.24rem;
					color: #081392;
					line-height: 0.28rem;
					margin-bottom: 0.04rem;
				}

				.lineView {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: 0.13rem;

					.dot {
						float: left;
						width: 0.09rem;
						height: 0.09rem;
						background: #081392;

						border-radius: 50%;
					}

					.line {
						flex: 1;
						width: 5.27rem;
						height: 1px;
						background: #081392;
					}
				}

				.p {

					font-family: PingFang-Medium;
					font-weight: 400;
					font-size: 0.16rem;
					color: #333333;
					line-height: 0.26rem;
					margin-bottom: 0.32rem;
				}

				.img {
					width: 12.28rem;
					height: 5.40rem;
					overflow: hidden;

					img {
						width: 17.49rem;
						height: 5.40rem;

					}
				}
			}


		}
	}
}