<template>
	<div class="homepage-container flex-col">
		<div class="hero-section flex-col">
			<!-- HeaderNav组件已移到Layout中 -->
			<div class="hero-content flex-row">
				<div class="section_8 flex-col">
					<!-- 导航文字已移到HeaderNav组件中 -->
					<span
						class="paragraph_1">细胞级修复&nbsp;重启生命活力<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<span class="paragraph_2">中国科学院专家团队创新研发，技术行业领先<br />多项国家发明专利及权威认证，科学背书，品质保障<br />全球明星和富豪的健康标配</span>
					<img class="image_4" 
						src="https://lanhu-oss-proxy.lanhuapp.com/34fbf3cb24858cf9f2af7bd5d7594db8" />
				</div>
				<div class="section_9 flex-row justify-center">
					<div style="width: 50%;" class="align-center justify-center">
						<img class="image_7 " 
							src="https://lanhu-oss-proxy.lanhuapp.com/a786e2b1a7d997d42aa0b466b62790d0" />
					</div>
					<div style="width: 50%;" class="align-center justify-center">
						<img class="image_7" 
							src="https://lanhu-oss-proxy.lanhuapp.com/a97e62b72e65ecb70c8b77318028218c" />
					</div>
				</div>
			</div>
			<div class="hero-description flex-col justify-end">
				<div class="group_1 flex-row justify-between">
					<div class="text-group_1 flex-col justify-between">
						<span class="text_3">多模态物理能量自愈舱的巅峰之作</span>
						<span class="text_4">科技重构生命能量，激活人体与生俱来的自愈潜能</span>
					</div>
					<img class="image_9" 
						src="https://lanhu-oss-proxy.lanhuapp.com/17086003d05bec617a822b257ee01e52" />
				</div>
				<span class="text_5">02.技术定位：多模态物理复合能量场新范式</span>
				<span class="text_6">多模态物理复合能量场技术，尖端科技升级再创新，科技健康管理先进设备。</span>
				<div class="text-wrapper_1 align-center justify-center flex-col">
					<span class="text_7">READ&nbsp;MORE</span>
				</div>
				<div class="list_1 flex-row">
					<div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }"
						v-for="(item, index) in loopData0" :key="index">
						<div class="text-group_2 flex-col justify-between">
							<div>
								<span class="text_8" v-html="item.lanhutext0"></span>
								<span class="text_8" v-html="item.lanhutext2"></span>
							</div>
							<span class="text_9" v-html="item.lanhutext1"></span>
						</div>
						<div class="image-wrapper_3 flex-row">
							<img class="label_3"  :src="item.lanhuimage0" />
							<img v-if="item.slot2 === 2" class="image_10" 
								:src="item.specialSlot2.lanhuimage0" />
							<img v-if="item.slot1 === 1" class="image_11" 
								src="https://lanhu-oss-proxy.lanhuapp.com/b2686f8b451366ed76052a07ee785a85" />
						</div>
					</div>
				</div>
			</div>
			<div class="product-advantages flex-row justify-between">
				<div class="section_10 flex-col">
					<div class="text-group_3 flex-col justify-between">
						<span class="text_10">产品优势</span>
						<span class="text_11">中国科学院专家创新研发</span>
					</div>
					<img class="image_12" 
						src="https://lanhu-oss-proxy.lanhuapp.com/8b74cc1195173e6be75834c3a2756c24" />
					<span class="text_12">INNOVATION UPGRADE</span>
					<div class="text-group_4 flex-col justify-between">
						<span class="paragraph_3">多模态物理能量场<br />科学技术，创新再升级</span>
						<span class="text_13">融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量，直击细胞本源，提升细胞活力，激活人体与生俱来的自愈力。</span>
					</div>
				</div>
				<div class="section_11 flex-col">
					<div class="image-wrapper_4 flex-row">
						<img class="image_13" 
							src="https://lanhu-oss-proxy.lanhuapp.com/a66609a1f71f3af2633369417b5b3a79" />
					</div>
					<div class="image-wrapper_5 flex-row">
						<img class="image_14" 
							src="https://lanhu-oss-proxy.lanhuapp.com/f22d64caba6087500cb55236caf7c74e" />
					</div>
					<div class="text-wrapper_2 flex-row">
						<span class="text_14">AUTHORITATIVE PLATFORM</span>
					</div>
					<div class="section_12 flex-row">
						<div class="text-group_5 flex-col justify-between">
							<span class="text_15">中科院权威平台</span>
							<span class="text_16">中国科学院专家创新研发</span>
						</div>
					</div>
				</div>
			</div>
			<div class="technology-section flex-col">
				<div class="group_2 flex-row justify-between">
					<div class="text-group_6 flex-col justify-between">
						<span class="text_17">关于我们</span>
						<span class="text_18">一家专注于多模态物理能量自愈技术研发与应用的创新科技企业</span>
					</div>
					<img class="image_15" 
						src="https://lanhu-oss-proxy.lanhuapp.com/2b843ce0de44da316532309356b3a617" />
				</div>
				<div class="group_3 flex-row justify-between">
					<div class="section_13 flex-col">
						<div class="section_14 flex-col"></div>
						<div class="text-group_7 flex-col justify-between">
							<span class="text_19">使命与愿景</span>
							<span class="text_20">MISSION AND VISION</span>
						</div>
					</div>
					<div class="section_15 flex-col">
						<div class="box_7 flex-col"></div>
						<span class="text_21">核心技术</span>
						<span class="text_22">CORE TECHNOLOGY</span>
					</div>
					<div class="section_16 flex-col">
						<div class="box_8 flex-col"></div>
						<div class="text-group_8 flex-col justify-between">
							<span class="text_23">研发实力</span>
							<span class="text_24">R D CAPABILITY</span>
						</div>
					</div>
				</div>
				<div class="group_4 flex-row justify-between">
					<div class="box_9 flex-col">
						<div class="section_17 flex-col"></div>
						<div class="text-group_9 flex-col justify-between">
							<span class="text_25">产品应用</span>
							<span class="text_26">PRODUCT APPLICATION</span>
						</div>
					</div>
					<div class="box_10 flex-col">
						<div class="block_1 flex-col"></div>
						<div class="text-group_10 flex-col justify-between">
							<span class="text_27">社会责任</span>
							<span class="text_28">SOCIAL RESOINSIBILITY</span>
						</div>
					</div>
					<div class="box_11 flex-row">
						<div class="image-text_1 flex-row justify-between">
							<span class="text-group_11">READ MORE</span>
							<img class="image_16" 
								src="https://lanhu-oss-proxy.lanhuapp.com/76881372345ecc12411ede93d82c5c05" />
						</div>
					</div>
				</div>
			</div>
			<div class="box_12 flex-col">
				<div class="block_2 flex-row justify-between">
					<div class="text-group_12 flex-col justify-between">
						<span class="text_29">合作优势</span>
						<span class="text_30">轻资产运营，高回报收益，共享万亿健康产业红利</span>
					</div>
					<img class="image_17" 
						src="https://lanhu-oss-proxy.lanhuapp.com/f904f6587a1392c79415fce89273dc00" />
				</div>
				<div class="block_3 flex-row justify-between">
					<div class="group_5 flex-col">
						<div class="group_6 flex-row justify-between">
							<div class="group_7 flex-col justify-between">
								<img class="image_18" 
									src="https://lanhu-oss-proxy.lanhuapp.com/423048cb998a3bb1b561d2fe9c184555" />
								<span class="text_31">设备购买模式</span>
							</div>
							<div class="group_8 flex-col"></div>
						</div>
						<div class="text-wrapper_3 flex-row">
							<span
								class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br /><br />计划快速回本并持续盈利的投资者。</span>
						</div>
					</div>
					<div class="group_9 flex-col">
						<div class="section_18 flex-row justify-between">
							<div class="block_4 flex-col justify-between">
								<img class="image_19" 
									src="https://lanhu-oss-proxy.lanhuapp.com/6026f4ae193bdcab95700de3c1e3c92b" />
								<span class="text_32">设备租赁模式</span>
							</div>
							<div class="block_5 flex-col"></div>
						</div>
						<div class="text-wrapper_4 flex-row">
							<span class="paragraph_5">初创健康机构、健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span>
						</div>
					</div>
				</div>
			</div>
			<div class="box_15  flex-col">
				<div class="group_10 flex-row justify-between">
					<div class="text-group_13 flex-col justify-between">
						<span class="text_39">联系我们</span>
						<span class="text_40">开启您的健康科技事业</span>
					</div>
					<img class="image_21" 
						src="https://lanhu-oss-proxy.lanhuapp.com/9e55b9babdfd867b51f44c2dab0a46f0" />
				</div>
				<div class="group_11 flex-row justify-between">
					<el-input class="text-wrapper_7" placeholder="您的姓名" />
					<el-input class="text-wrapper_8" placeholder="您的手机" />
					<el-input class="text-wrapper_9" placeholder="您的微信" />
				</div>
				<el-input class="text-wrapper_10" type="textarea" :rows="7" placeholder="请输入您要咨询的问题" />
				<div class="group_12 flex-row justify-between">
					<span class="text_45">*&nbsp;您提交的信息请确保填写真实，以便我们再48小时内联系您</span>
					<div class="text-wrapper_11 align-center justify-center flex-col">
						<span class="text_46">提交</span>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer组件已移到Layout中 -->
	</div>
</template>
<script>
	import HeroSection from '@/components/HeroSection.vue'

	export default {
		components: {
			HeroSection
		},
		data() {
			return {
				loopData0: [{
						lanhuBg0: 'url(https://lanhu-oss-proxy.lanhuapp.com/725d9aeacbd77d4ecf460ae5f30fb0d2) 100% no-repeat',
						lanhutext0: 'SEIENTIFIC<br/>BASIS',
						lanhutext1: '科学依据',
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/54afd63bd175cf37b6e12faec9b0f837',
						slot1: 1,
					},
					{
						lanhuBg0: 'url(https://lanhu-oss-proxy.lanhuapp.com/c61a239f33d95df3e1b6d225b576c3af) 100% no-repeat',
						lanhutext0: 'TECHNICAL<br/>POSITIONING',
						lanhutext1: '技术定位',
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/beb907682bc4ff00a7c44e0998fb4ad9',
						specialSlot2: {
							lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/5844b2fb7d66b575e705d7f97c3ff03c',
						},
						slot2: 2,
					},
					{
						lanhuBg0: 'url(https://lanhu-oss-proxy.lanhuapp.com/9e0a69bf8829a3edca781afbe862a12c) 100% no-repeat',
						lanhutext0: 'CELL CHARGING<br/>STATION',
						lanhutext1: '人体细胞的无限充电站',
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/a278d1543a57f9e08d6f8e8408fe9e78',
						specialSlot2: {
							lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/a048bfd17216d9fa41e434e5c268c455',
						},
						slot2: 2,
					},
				],
				constants: {},
			};
		},
		methods: {},
	};
</script>
<style src="./common.css" />
<style lang="css" scoped>
	.homepage-container {
		position: relative;
		width: 100vw;
		height: 320vw;
		overflow: hidden;
	}

	.hero-section {
		position: relative;
		width: 100vw;
		height: 320vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/ae73196d6fa4d2ee8fda0fe85a541ff4) 100% no-repeat;
		background-size: 100% 100%;
	}

	.hero-content {
		width: 100vw;
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/7d06f6bec66ed54f93af3cf8621f7ef4) 100% no-repeat;
		background-size: 100% 100%;
	}

	.section_1 {
		position: relative;
		width: 9.43vw;
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/731d51545a971a22d49b17563169dc51) 100% no-repeat;
		background-size: 100% 100%;
	}

	.image_1 {
		width: 4.17vw;
		height: 4.17vw;
		margin: 1.35vw 0 0 2.13vw;
	}

	.text_1 {
		width: 0.32vw;
		height: 0.84vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 3.75vw;
		margin: 4.21vw 0 0 4.01vw;
	}

	.image_2 {
		width: 0.06vw;
		height: 25.32vw;
		margin: 2.76vw 0 0 4.16vw;
	}

	.section_2 {
		background-color: rgba(255, 255, 255, 1);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 2.76vw 0 0 4.01vw;
	}

	.section_3 {
		background-color: rgba(255, 255, 255, 0);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 0.93vw 0 0 4.01vw;
	}

	.section_4 {
		background-color: rgba(255, 255, 255, 0);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 0.93vw 0 0 4.01vw;
	}

	.section_5 {
		background-color: rgba(255, 255, 255, 0);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 0.98vw 0 0 4.01vw;
	}

	.section_6 {
		background-color: rgba(255, 255, 255, 0);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 0.93vw 0 0 4.01vw;
	}

	.section_7 {
		background-color: rgba(255, 255, 255, 0);
		border-radius: 50%;
		width: 0.42vw;
		height: 0.42vw;
		border: 1px solid rgba(255, 255, 255, 1);
		margin: 0.93vw 0 7.6vw 4.01vw;
	}

	.image_3 {
		position: absolute;
		left: 8.39vw;
		top: 0;
		width: 2.04vw;
		height: 56.25vw;
	}

	.section_8 {
		width: 40.73vw;
		height: 23.96vw;
		margin: 2.86vw 0 0 4.06vw;
	}

	.text_2 {
		width: 40.11vw;
		height: 1.05vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.04vw;
		font-family: OPPOSans-M;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 3.75vw;
		margin-left: 0.06vw;
	}

	.paragraph_1 {
		width: 40.73vw;
		height: 3.6vw;
		overflow-wrap: break-word;
		color: rgba(0, 199, 218, 1);
		font-size: 3.64vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.2;
		margin-top: 5.42vw;
	}

	.paragraph_2 {
		width: 40.73vw;
		height: 5.63vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.25vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		line-height: 1.6;
		margin-top: 1.25vw;
	}

	.image_4 {
		width: 13.03vw;
		height: 3.65vw;
		margin: 3.38vw 0 0 0.2vw;
	}

	.section_9 {
		position: absolute;
		right: 0;
		width: 10vw;
		height: 5.32vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/ffd6c73339ae1120541cc18b6e8c41c8) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 51vw;
	}

	.label_1 {
		width: 1.67vw;
		height: 1.67vw;
		margin-left: 32.19vw;
	}

	.image-wrapper_1 {
		height: 5.32vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/5c8e223f2e635a5a69f05e6189636253) 100% no-repeat;
		background-size: 100% 100%;
		width: 18.23vw;
	}

	.label_2 {
		width: 1.1vw;
		height: 1.36vw;
		margin: 2.08vw 0 0 8.59vw;
	}

	.thumbnail_1 {
		width: 0.42vw;
		height: 0.42vw;
		margin: 2.44vw 0 0 3.95vw;
	}

	.image-wrapper_2 {
		height: 1.57vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/2e8a50a096f202f5ad2cbd8a5fa6236e) 100% no-repeat;
		background-size: 100% 100%;
		width: 1.57vw;
		margin: 1.87vw 0 0 1.04vw;
	}

	.image_5 {
		width: 1.57vw;
		height: 0.84vw;
		margin-top: 0.73vw;
	}

	.image_6 {
		width: 0.06vw;
		height: 5.32vw;
		margin-left: 3.96vw;
	}

	.image_7 {
		width: 1vw;
		height: 1.8vw;
	}

	.hero-description {
		width: 100vw;
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/70031cfca24aed172eb0eceb26daea48) 100% no-repeat;
		background-size: 100% 100%;
	}

	.group_1 {
		width: 72.97vw;
		height: 7.04vw;
		margin: 6.25vw 0 0 13.48vw;
	}

	.text-group_1 {
		width: 54.38vw;
		height: 7.04vw;
	}

	.text_3 {
		background-image: linear-gradient(90deg,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 199, 218, 1) 100%,
				rgba(0, 199, 218, 1) 100%);
		width: 60vw;
		overflow-wrap: break-word;
		color: rgba(0, 82, 217, 1);
		font-size: 3.64vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		background-clip: text;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_4 {
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 2;
	}

	.image_9 {
		width: 2.09vw;
		height: 0.63vw;
	}

	.text_5 {
		width: 36.62vw;
		height: 1.83vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.87vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 8.48vw 0 0 13.54vw;
	}

	.text_6 {
		width: 36.15vw;
		height: 3.18vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		line-height: 1.6;
		margin: 1.25vw 0 0 13.43vw;
	}

	.text-wrapper_1 {
		height: 3.13vw;
		background: url(@/assets/homepage/ReadMore.png) 100% no-repeat;
		background-size: 100% 100%;
		width: 10.42vw;
		margin: 6.3vw 0 0 13.38vw;
	}

	.text_7 {
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: Gilroy-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
	}

	.list_1 {
		width: 72.92vw;
		height: 13.55vw;
		justify-content: space-between;
		margin: 5.26vw 0 0 13.54vw;
	}

	.list-items_1 {
		height: 13.55vw;
		background-size: 100% 100%;
		width: 24.33vw;
	}

	.text-group_2 {
		width: 5vw;
		height: 4.33vw;
		margin: 3.12vw 0 0 2.55vw;
	}

	.text_8 {
		width: 6.05vw;
		height: 2.24vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.text_9 {
		width: 12.4vw;
		height: 1.2vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.25vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 0.88vw 0 0 0.05vw;
	}

	.image-wrapper_3 {
		width: 19.12vw;
		height: 2.71vw;
		margin: 0.67vw 0 2.7vw 2.6vw;
	}

	.label_3 {
		width: 1.36vw;
		height: 1.36vw;
		margin-top: 0.94vw;
	}

	.image_10 {
		width: 2.92vw;
		height: 2.82vw;
		margin: -0.05vw 0 0 14.84vw;
	}

	.image_11 {
		width: 2.09vw;
		height: 2.71vw;
		margin-left: 15.68vw;
	}

	.product-advantages {
		width: 100vw;
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/0a39b256baabaad035245300c66b5ecc) 100% no-repeat;
		background-size: 100% 100%;
	}

	.section_10 {
		width: 36.46vw;
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/51f0881b7874707083ecd9d2f85f657a) 100% no-repeat;
		background-size: 100% 100%;
		margin-left: 13.55vw;
	}

	.text-group_3 {
		width: 18.55vw;
		height: 5.11vw;
		margin: 6.3vw 0 0 2.55vw;
	}

	.text_10 {
		background-image: linear-gradient(90deg,
				rgba(255, 255, 255, 1) 0,
				rgba(255, 255, 255, 1) 0,
				rgba(0, 199, 218, 1) 100%,
				rgba(0, 199, 218, 1) 100%);
		width: 9.9vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 2.5vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		background-clip: text;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_11 {
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
	}

	.image_12 {
		width: 4.69vw;
		height: 5.21vw;
		margin: 8.8vw 0 0 15.67vw;
	}

	.text_12 {
		width: 8.44vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin: 2.65vw 0 0 13.85vw;
	}

	.text-group_4 {
		width: 20.84vw;
		height: 9.33vw;
		margin: 0.78vw 0 17.08vw 7.6vw;
	}

	.paragraph_3 {
		width: 20.84vw;
		height: 4.8vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 2.08vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: center;
		line-height: 2.5vw;
	}

	.text_13 {
		width: 19.69vw;
		height: 3.81vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: center;
		line-height: 1.36vw;
		margin: 0.72vw 0 0 0.62vw;
	}

	.section_11 {
		height: 56.15vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/adbd30c68311515ff390fea73b091fb8) 100% no-repeat;
		background-size: 100% 100%;
		width: 36.41vw;
		margin: 0.05vw 13.59vw 0 0;
	}

	.image-wrapper_4 {
		width: 2.09vw;
		height: 0.63vw;
		margin: 6.19vw 0 0 34.37vw;
	}

	.image_13 {
		width: 2.09vw;
		height: 0.63vw;
	}

	.image-wrapper_5 {
		width: 4.38vw;
		height: 5.21vw;
		margin: 13.33vw 0 0 16.04vw;
	}

	.image_14 {
		width: 4.38vw;
		height: 5.21vw;
	}

	.text-wrapper_2 {
		width: 10.16vw;
		height: 0.99vw;
		margin: 2.65vw 0 0 13.17vw;
	}

	.text_14 {
		width: 10.16vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.section_12 {
		width: 14.28vw;
		height: 3.96vw;
		margin: 0.78vw 0 22.39vw 11.09vw;
	}

	.text-group_5 {
		width: 14.28vw;
		height: 3.96vw;
	}

	.text_15 {
		width: 14.28vw;
		height: 2.09vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 2.08vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 2.5vw;
	}

	.text_16 {
		width: 10.16vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 1.36vw;
		margin: 0.88vw 0 0 2.08vw;
	}

	.technology-section {
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/03400cd245b3c14ec7dcd43c6dcee2ae) 100% no-repeat;
		background-size: 100% 100%;
		width: 100vw;
	}

	.group_2 {
		width: 72.97vw;
		height: 5.21vw;
		margin: 6.19vw 0 0 13.48vw;
	}

	.text-group_6 {
		width: 47.77vw;
		height: 5.21vw;
	}

	.text_17 {
		background-image: linear-gradient(90deg,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 199, 218, 1) 100%,
				rgba(0, 199, 218, 1) 100%);
		width: 10vw;
		overflow-wrap: break-word;
		color: rgba(0, 82, 217, 1);
		font-size: 2.5vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_18 {
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
	}

	.image_15 {
		width: 2.09vw;
		height: 0.63vw;
		margin-top: 0.06vw;
	}

	.group_3 {
		width: 72.92vw;
		height: 12.5vw;
		margin: 6.3vw 0 0 13.54vw;
	}

	.section_13 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
	}

	.section_14 {
		width: 3.96vw;
		height: 3.13vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/e38b754db402ca4f7c312064404d728d) 100% no-repeat;
		background-size: 100% 100%;
		margin: 2.65vw 0 0 2.76vw;
	}

	.text-group_7 {
		width: 8.44vw;
		height: 3.18vw;
		margin: 1.3vw 0 2.23vw 2.55vw;
	}

	.text_19 {
		width: 8.44vw;
		height: 1.62vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.4;
	}

	.text_20 {
		width: 7.92vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.4;
		margin: 0.57vw 0 0 0.2vw;
	}

	.section_15 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
		margin-left: 1.31vw;
	}

	.box_7 {
		width: 3.29vw;
		height: 3.29vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/a56154341326b609b4f02a8dae8c3d0a) 100% no-repeat;
		background-size: 100% 100%;
		margin: 2.6vw 0 0 3.12vw;
	}

	.text_21 {
		width: 6.72vw;
		height: 1.62vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.4;
		margin: 1.19vw 0 0 2.55vw;
	}

	.text_22 {
		width: 7.24vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.4;
		margin: 0.57vw 0 2.23vw 2.76vw;
	}

	.section_16 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
		margin-left: 1.31vw;
	}

	.box_8 {
		width: 3.44vw;
		height: 3.44vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/36631d130ef36600cbb4dd07a36719c7) 100% no-repeat;
		background-size: 100% 100%;
		margin: 2.5vw 0 0 3.02vw;
	}

	.text-group_8 {
		width: 6.57vw;
		height: 3.18vw;
		margin: 1.14vw 0 2.23vw 2.55vw;
	}

	.text_23 {
		width: 6.57vw;
		height: 1.62vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
	}

	.text_24 {
		width: 6.31vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin: 0.57vw 0 0 0.2vw;
	}

	.group_4 {
		width: 72.92vw;
		height: 12.5vw;
		margin: 1.3vw 0 12.23vw 13.54vw;
	}

	.box_9 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
	}

	.section_17 {
		width: 3.13vw;
		height: 3.13vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/88bb08aa61302723c635a350ec4f4310) 100% no-repeat;
		background-size: 100% 100%;
		margin: 2.65vw 0 0 3.17vw;
	}

	.text-group_9 {
		width: 8.91vw;
		height: 3.23vw;
		margin: 1.25vw 0 2.23vw 2.6vw;
	}

	.text_25 {
		width: 6.52vw;
		height: 1.67vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
	}

	.text_26 {
		width: 8.75vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin: 0.57vw 0 0 0.15vw;
	}

	.box_10 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
		margin-left: 1.31vw;
	}

	.block_1 {
		width: 3.44vw;
		height: 3.23vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/bd2594e04933b40134163c1f042afa7f) 100% no-repeat;
		background-size: 100% 100%;
		margin: 2.6vw 0 0 3.02vw;
	}

	.text-group_10 {
		width: 9.43vw;
		height: 3.18vw;
		margin: 1.25vw 0 2.23vw 2.55vw;
	}

	.text_27 {
		width: 6.72vw;
		height: 1.62vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
	}

	.text_28 {
		width: 9.28vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.25vw;
		font-family: DINEngsbek-Alternate;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin: 0.57vw 0 0 0.15vw;
	}

	.box_11 {
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 20px;
		width: 23.44vw;
		height: 12.5vw;
		margin-left: 1.31vw;
	}

	.image-text_1 {
		width: 7.97vw;
		height: 0.73vw;
		margin: 5.88vw 0 0 7.7vw;
	}

	.text-group_11 {
		width: 5.89vw;
		height: 0.73vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 0.93vw;
		font-family: Gilroy-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
	}

	.image_16 {
		width: 1.25vw;
		height: 0.68vw;
		margin-top: 0.7vw;
	}

	.box_12 {
		height: 56.25vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/8004e12f2e16c1def4567f8c36fccaf2) 100% no-repeat;
		background-size: 100% 100%;
		width: 100vw;
	}

	.block_2 {
		width: 73.03vw;
		height: 5.37vw;
		margin: 6.25vw 0 0 13.43vw;
	}

	.text-group_12 {
		width: 37.45vw;
		height: 5.37vw;
	}

	.text_29 {
		background-image: linear-gradient(90deg,
				rgba(255, 255, 255, 1) 0,
				rgba(255, 255, 255, 1) 0,
				rgba(0, 199, 218, 1) 100%,
				rgba(0, 199, 218, 1) 100%);
		width: 9.9vw;
		overflow-wrap: break-word;
		color: rgba(0, 82, 217, 1);
		font-size: 2.5vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_30 {
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 2;
	}

	.image_17 {
		width: 2.09vw;
		height: 0.63vw;
	}

	.block_3 {
		width: 72.97vw;
		height: 19.8vw;
		margin: 8.95vw 0 15.88vw 13.48vw;
	}

	.group_5 {
		backdrop-filter: blur(15px);

		/* 可选：添加背景色透明度 */
		background-color: rgba(70, 164, 219, 0.5);
		border-radius: 20px;
		height: 19.8vw;
		width: 35.42vw;
	}

	.group_6 {
		width: 29.64vw;
		height: 8.29vw;
		margin: 1.87vw 0 0 3.54vw;
	}

	.group_7 {
		width: 9.9vw;
		height: 7.04vw;
		margin-top: 1.25vw;
	}

	.image_18 {
		width: 4.38vw;
		height: 4.07vw;
		margin-left: 0.27vw;
	}

	.text_31 {
		width: 9.9vw;
		height: 1.67vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin-top: 1.31vw;
	}

	.group_8 {
		width: 6.05vw;
		height: 7.4vw;
	}

	.text-wrapper_3 {
		width: 21.57vw;
		height: 4.33vw;
		margin: 1.3vw 0 4.01vw 3.48vw;
	}

	.paragraph_4 {
		width: 21.57vw;
		height: 4.33vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		line-height: 1.25vw;
	}

	.group_9 {
		backdrop-filter: blur(15px);

		/* 可选：添加背景色透明度 */
		background-color: rgba(70, 164, 219, 0.5);
		border-radius: 20px;
		height: 19.8vw;
		width: 35.42vw;
	}

	.section_18 {
		width: 30.47vw;
		height: 8.29vw;
		margin: 1.87vw 0 0 3.54vw;
	}

	.block_4 {
		width: 9.9vw;
		height: 7.19vw;
		margin-top: 1.1vw;
	}

	.image_19 {
		width: 3.65vw;
		height: 4.38vw;
		margin-left: 0.63vw;
	}

	.text_32 {
		width: 9.9vw;
		height: 1.67vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin-top: 1.15vw;
	}

	.block_5 {
		width: 6.88vw;
		height: 7.4vw;
	}

	.text-wrapper_4 {
		width: 21.57vw;
		height: 4.33vw;
		margin: 1.3vw 0 4.01vw 3.48vw;
	}

	.paragraph_5 {
		width: 21.57vw;
		height: 4.33vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		line-height: 1.25vw;
	}

	.box_13 {
		width: 100vw;
		height: 18.23vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/e8fe491d505475400432d9f727b976e9) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 38.03vw;
		justify-content: flex-center;
	}

	.box_14 {
		width: 34.85vw;
		height: 8.91vw;
		margin: 4.68vw 0 0 13.48vw;
	}

	.text_33 {
		width: 6.88vw;
		height: 1.15vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.14vw;
		font-family: MicrosoftYaHei-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin-left: 0.06vw;
	}

	.text_34 {
		width: 30.11vw;
		height: 0.84vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.83vw;
		font-family: MicrosoftYaHei-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
		margin-top: 1.15vw;
	}

	.text-wrapper_5 {
		width: 16.25vw;
		height: 1.15vw;
		margin: 2.65vw 0 0 0.1vw;
	}

	.text_35 {
		width: 4.54vw;
		height: 1.15vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.14vw;
		font-family: MicrosoftYaHei-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.text_36 {
		width: 2.3vw;
		height: 1.15vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.14vw;
		font-family: MicrosoftYaHei-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.text-wrapper_6 {
		width: 34.8vw;
		height: 0.84vw;
		margin: 1.14vw 0 0 0.05vw;
	}

	.text_37 {
		width: 9.8vw;
		height: 0.84vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.83vw;
		font-family: MicrosoftYaHei-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.text_38 {
		width: 20.84vw;
		height: 0.84vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.83vw;
		font-family: MicrosoftYaHei-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 1.25vw;
	}

	.paragraph_6 {
		width: 7.5vw;
		height: 2.19vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: MicrosoftYaHei-Bold;
		font-weight: 700;
		text-align: right;
		line-height: 1.25vw;
		margin: 8.02vw 0 0 20.41vw;
	}

	.image_20 {
		width: 8.86vw;
		height: 8.86vw;
		margin: 4.68vw 13.54vw 0 1.35vw;
	}

	.box_15 {
		position: absolute;
		left: 0;
		top: 281.25vw;
		width: 100vw;
		height: 38.08vw;
	}

	.group_10 {
		width: 73.03vw;
		height: 5.16vw;
		margin: 6.25vw 0 0 13.43vw;
	}

	.text-group_13 {
		width: 17.04vw;
		height: 5.16vw;
	}

	.text_39 {
		background-image: linear-gradient(90deg,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 82, 217, 1) 0,
				rgba(0, 199, 218, 1) 100%,
				rgba(0, 199, 218, 1) 100%);
		width: 10vw;
		overflow-wrap: break-word;
		color: rgba(0, 82, 217, 1);
		font-size: 2.5vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_40 {
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 1.66vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 2;
	}

	.image_21 {
		width: 2.09vw;
		height: 0.63vw;
	}

	.group_11 {
		width: 72.92vw;
		height: 3.13vw;
		margin: 2.65vw 0 0 13.54vw;
	}

	.text-wrapper_7 {
		background-color: rgba(241, 244, 247, 1);
		border-radius: 10px 10px 9px 9px;
		height: 3.13vw;
		width: 22.92vw;
	}

	.text_41 {
		width: 3.65vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(149, 149, 149, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 1.09vw 0 0 1.25vw;
	}

	.text-wrapper_8 {
		background-color: rgba(241, 244, 247, 1);
		border-radius: 10px 10px 9px 9px;
		height: 3.13vw;
		margin-left: 2.09vw;
		width: 22.92vw;
	}

	.text_42 {
		width: 3.75vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(149, 149, 149, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 1.09vw 0 0 1.25vw;
	}

	.text-wrapper_9 {
		background-color: rgba(241, 244, 247, 1);
		border-radius: 10px 10px 9px 9px;
		height: 3.13vw;
		margin-left: 2.09vw;
		width: 22.92vw;
	}

	.text_43 {
		width: 3.75vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(149, 149, 149, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 1.09vw 0 0 1.25vw;
	}

	.text-wrapper_10 {
		border-radius: 10px 10px 9px 9px;
		height: 7.82vw;
		width: 72.92vw;
		margin: 2.08vw 0 0 13.54vw;
	}

	.text_44 {
		width: 9.38vw;
		height: 0.99vw;
		overflow-wrap: break-word;
		color: rgba(149, 149, 149, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 1.88vw;
		margin: 1.09vw 0 0 1.25vw;
	}

	.group_12 {
		width: 73.08vw;
		height: 3.13vw;
		margin: 2.08vw 0 5.78vw 13.38vw;
	}

	.text_45 {
		width: 25.42vw;
		height: 1.05vw;
		overflow-wrap: break-word;
		color: rgba(67, 67, 67, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-M;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
		margin-top: 0.63vw;
	}

	.text-wrapper_11 {
		background-color: rgba(0, 82, 217, 1);
		border-radius: 10px 10px 9px 9px;
		height: 3.13vw;
		width: 22.92vw;
	}

	.text_46 {
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: OPPOSans-B;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
	}
</style>