<template>
	<div class="page flex-col">
		<!-- 使用HeaderNav组件替代重复的导航栏 -->
		<HeaderNav />
		<div class="group_1 flex-row justify-end">
			<!-- 导航栏已移到HeaderNav组件中 -->
			<div class="box_2 flex-col">
				<span class="text_2">EVENT&nbsp;INFORMATION</span>
				<span class="text_3">企业资质</span>
				<img class="image_2" src="@/assets/common/line.png" />
			</div>
			<div class="box_3 flex-col">
				<img class="label_1" src="https://lanhu-oss-proxy.lanhuapp.com/72a342012afc5abdbeced29aa8415c77" />
				<pageBtnGroupVue style="margin-top: 41.55vw;margin-left: -42.3vw;" :btn-group="[{
									name:'企业资质',
									url:'/certification',
									isSelect:true
								}]" />
			</div>
		</div>
		<div class="group_2 flex-col">
			<div class="group_3 flex-row">
				<div class="block_2 flex-col">
					<span class="text_5">企业资质</span>
					<span class="text_6">法定与经营合法性</span>
					<img class="image_3" src="https://lanhu-oss-proxy.lanhuapp.com/b5615e80e4d9d9f7e100e284fc3d13f8" />
				</div>
				<img class="image_4" src="https://lanhu-oss-proxy.lanhuapp.com/127e96245b2d86e6ef062a0c51ac9ff0" />
				<img class="image_5" src="https://lanhu-oss-proxy.lanhuapp.com/a5a8e2dfafb9c684be816b5df70d9d8d" />
			</div>
			<div class="group_4 flex-col">
				<span class="text_7">核心技术知识产权</span>
				<span class="text_8">创新是我们的基因。强大的技术专利壁垒，为您构筑无法复制的核心竞争力，确保市场独家优势。</span>
				<div class="image-wrapper_1 flex-row">
					<img class="image_6" :src="item.lanhuimage0" v-for="(item, index) in loopData0" :key="index" />
				</div>
			</div>
		</div>
		<!-- 使用Footer组件替代重复的页脚代码 -->
		<Footer />
	</div>
</template>
<script>
	import HeaderNav from '@/components/HeaderNav.vue'
	import Footer from '@/components/Footer.vue'
	import HeroSection from '@/components/HeroSection.vue'
	import pageBtnGroupVue from '../components/page_btn_group.vue';

	export default {
		components: {
			HeaderNav,
			Footer,
			HeroSection,
			pageBtnGroupVue
		},
		data() {
			return {
				loopData0: [{
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/4204615dcd5c4228716950d592818126',
					},
					{
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/7faad42d56d27d31d0d56543176a1b98',
					},
					{
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/794d8dfaaf0cccdffb96adc67dc995aa',
					},
					{
						lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/13bf63125c52d54adcaaa8eefeac5001',
					},
				],
				constants: {},
			};
		},
		methods: {},
	};
</script>
<style src="./common.css" />
<style scoped>
	.page {
		position: relative;
		width: 100vw;
		height: 175vw;
		overflow: hidden;
	}

	.group_1 {
		width: 100vw;
		height: 51.05vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/3cdb25200d6a9cd9c567304f42cf01fa) 100% no-repeat;
		background-size: 100% 100%;
	}

	.image_1 {
		width: 6.25vw;
		height: 4.95vw;
		margin: 0.93vw 0 0 2.6vw;
	}

	.box_2 {
		width: 40.53vw;
		height: 30.53vw;
		margin: 2.86vw 0 0 4.58vw;
	}

	.text_1 {
		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.11vw;
	}

	.text_2 {
		width: 40.32vw;
		height: 3.03vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 4.16vw;
		font-family: Gilroy-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 3.75vw;
		margin: 18.22vw 0 0 0.2vw;
	}

	.text_3 {
		width: 7.4vw;
		height: 1.83vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.87vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 2.19vw;
		margin-top: 1.72vw;
	}

	.image_2 {
		width: 0.27vw;
		height: 3.08vw;
		margin: 1.61vw 0 0 0.1vw;
	}

	.box_3 {
		height: 51.05vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/afa8c5393379504c6e6fd392c6fdddd5) 100% no-repeat;
		background-size: 100% 100%;
		margin-left: 2.3vw;
		width: 43.75vw;
		position: relative;
	}

	.label_1 {
		width: 1.67vw;
		height: 1.67vw;
		margin: 2.6vw 0 0 39.47vw;
	}

	.block_1 {
		position: absolute;
		left: -42.7vw;
		top: 45.84vw;
		width: 86.46vw;
		height: 5.21vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/40acffe4797cade9cf88dd6c597b24dd) 100% no-repeat;
		background-size: 100% 100%;
	}

	.text-wrapper_1 {
		height: 5.21vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/f8c508cc48898a08a281938f114c5f88) 100% no-repeat;
		background-size: 100% 100%;
		width: 18.23vw;
	}

	.text_4 {
		width: 6.15vw;
		height: 1.57vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 1.56vw;
		font-family: OPPOSans-R;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 2.19vw;
		margin: 1.82vw 0 0 6.04vw;
	}

	.image-text_1 {
		width: 4.38vw;
		height: 1.05vw;
		margin: 2.03vw 2.6vw 0 61.25vw;
	}

	.text-group_1 {
		width: 2.56vw;
		height: 0.73vw;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 0.93vw;
		font-family: Gilroy-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 2.19vw;
		margin-top: 0.21vw;
	}

	.thumbnail_1 {
		width: 0.94vw;
		height: 1.05vw;
	}

	.group_2 {
		width: 100vw;
		height: 124.85vw;
		margin-bottom: 18.18vw;
	}

	.group_3 {
		width: 85.47vw;
		height: 51.57vw;
		margin: 7.29vw 0 0 13.48vw;
	}

	.block_2 {
		width: 64.43vw;
		height: 51.57vw;
	}

	.text_5 {
		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%);
		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;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.text_6 {
		width: 14.9vw;
		height: 1.83vw;
		overflow-wrap: break-word;
		color: rgba(49, 49, 49, 1);
		font-size: 1.87vw;
		font-family: OPPOSans-M;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
		margin: 3.75vw 0 0 0.1vw;
	}

	.image_3 {
		width: 55.79vw;
		height: 40.63vw;
		border: 1px solid rgba(210, 210, 210, 1);
		margin: 2.91vw 0 0 8.64vw;
	}

	.image_4 {
		width: 2.09vw;
		height: 0.63vw;
		margin-left: 6.46vw;
	}

	.image_5 {
		width: 11.46vw;
		height: 19.12vw;
		margin-left: 1.05vw;
	}

	.group_4 {
		width: 100vw;
		height: 49.38vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/b6acc594f3e8978ce0337ceda4bcd203) 100% no-repeat;
		background-size: 100% 100%;
		margin: 6.25vw 0 10.36vw 0;
	}

	.text_7 {
		width: 14.95vw;
		height: 1.88vw;
		overflow-wrap: break-word;
		color: rgba(49, 49, 49, 1);
		font-size: 1.87vw;
		font-family: OPPOSans-M;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
		margin: 6.25vw 0 0 13.54vw;
	}

	.text_8 {
		width: 52.97vw;
		height: 1.36vw;
		overflow-wrap: break-word;
		color: rgba(49, 49, 49, 1);
		font-size: 1.25vw;
		font-family: OPPOSans-M;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 1.57vw;
		margin: 2.7vw 0 0 13.48vw;
	}

	.image-wrapper_1 {
		width: 72.92vw;
		height: 21.88vw;
		justify-content: space-between;
		margin: 5.67vw 0 9.63vw 13.54vw;
	}

	.image_6 {
		width: 16.67vw;
		height: 21.88vw;
		margin-right: 2.09vw;
	}

	.group_5 {
		position: absolute;
		left: 0;
		top: 175.84vw;
		width: 100vw;
		height: 18.23vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/2eb9e1141134b4c9ff24c82786103bfa) 100% no-repeat;
		background-size: 100% 100%;
		justify-content: flex-center;
	}

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

	.text_9 {
		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_10 {
		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_2 {
		width: 16.25vw;
		height: 1.15vw;
		margin: 2.65vw 0 0 0.1vw;
	}

	.text_11 {
		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_12 {
		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_3 {
		width: 34.8vw;
		height: 0.84vw;
		margin: 1.14vw 0 0 0.05vw;
	}

	.text_13 {
		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_14 {
		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_1 {
		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-wrapper_2 {
		background-color: rgba(255, 255, 255, 1);
		border-radius: 30px;
		height: 8.86vw;
		width: 8.86vw;
		margin: 4.68vw 13.54vw 0 1.35vw;
	}

	.image_7 {
		width: 6.25vw;
		height: 6.15vw;
		margin: 1.35vw 0 0 1.3vw;
	}

	.image-wrapper_3 {
		height: 5.21vw;
		background: url(https://lanhu-oss-proxy.lanhuapp.com/b6e72b93fb077b8c8d228e6bc505d448) 100% no-repeat;
		background-size: 100% 100%;
		width: 5.21vw;
		position: absolute;
		left: 79.43vw;
		top: -2.6vw;
	}

	.image_8 {
		width: 1.36vw;
		height: 0.73vw;
		margin: 2.23vw 0 0 1.92vw;
	}
</style>