Skip to content

W
wanyou_website
Commit 9ffe9169 by yang
Options

提交

parent 3d59ad6a
Showing with 2825 additions and 2770 deletions
.gitignore 0 → 100644
## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
##
## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
# User-specific files
*.rsuser
*.suo
*.user
*.userosscache
*.sln.docstates
node_modules/
# User-specific files (MonoDevelop/Xamarin Studio)
*.userprefs
# Mono auto generated files
mono_crash.*
# Build results
[Dd]ebug/
[Dd]ebugPublic/
[Rr]elease/
[Rr]eleases/
x64/
x86/
[Ww][Ii][Nn]32/
[Aa][Rr][Mm]/
[Aa][Rr][Mm]64/
bld/
[Bb]in/
[Oo]bj/
[Oo]ut/
[Ll]og/
[Ll]ogs/
# Visual Studio 2015/2017 cache/options directory
.vs/
# Uncomment if you have tasks that create the project's static files in wwwroot
#wwwroot/
# Visual Studio 2017 auto generated files
Generated\ Files/
# MSTest test Results
[Tt]est[Rr]esult*/
[Bb]uild[Ll]og.*
# NUnit
*.VisualState.xml
TestResult.xml
nunit-*.xml
# Build Results of an ATL Project
[Dd]ebugPS/
[Rr]eleasePS/
dlldata.c
# Benchmark Results
BenchmarkDotNet.Artifacts/
# .NET Core
project.lock.json
project.fragment.lock.json
artifacts/
# ASP.NET Scaffolding
ScaffoldingReadMe.txt
# StyleCop
StyleCopReport.xml
# Files built by Visual Studio
*_i.c
*_p.c
*_h.h
*.ilk
*.meta
*.obj
*.iobj
*.pch
*.pdb
*.ipdb
*.pgc
*.pgd
*.rsp
*.sbr
*.tlb
*.tli
*.tlh
*.tmp
*.tmp_proj
*_wpftmp.csproj
*.log
*.vspscc
*.vssscc
.builds
*.pidb
*.svclog
*.scc
# Chutzpah Test files
_Chutzpah*
# Visual C++ cache files
ipch/
*.aps
*.ncb
*.opendb
*.opensdf
*.sdf
*.cachefile
*.VC.db
*.VC.VC.opendb
# Visual Studio profiler
*.psess
*.vsp
*.vspx
*.sap
# Visual Studio Trace Files
*.e2e
# TFS 2012 Local Workspace
$tf/
# Guidance Automation Toolkit
*.gpState
# ReSharper is a .NET coding add-in
_ReSharper*/
*.[Rr]e[Ss]harper
*.DotSettings.user
# TeamCity is a build add-in
_TeamCity*
# DotCover is a Code Coverage Tool
*.dotCover
# AxoCover is a Code Coverage Tool
.axoCover/*
!.axoCover/settings.json
# Coverlet is a free, cross platform Code Coverage Tool
coverage*.json
coverage*.xml
coverage*.info
# Visual Studio code coverage results
*.coverage
*.coveragexml
# NCrunch
_NCrunch_*
.*crunch*.local.xml
nCrunchTemp_*
# MightyMoose
*.mm.*
AutoTest.Net/
# Web workbench (sass)
.sass-cache/
# Installshield output folder
[Ee]xpress/
# DocProject is a documentation generator add-in
DocProject/buildhelp/
DocProject/Help/*.HxT
DocProject/Help/*.HxC
DocProject/Help/*.hhc
DocProject/Help/*.hhk
DocProject/Help/*.hhp
DocProject/Help/Html2
DocProject/Help/html
# Click-Once directory
publish/
# Publish Web Output
*.[Pp]ublish.xml
*.azurePubxml
# Note: Comment the next line if you want to checkin your web deploy settings,
# but database connection strings (with potential passwords) will be unencrypted
*.pubxml
*.publishproj
# Microsoft Azure Web App publish settings. Comment the next line if you want to
# checkin your Azure Web App publish settings, but sensitive information contained
# in these scripts will be unencrypted
PublishScripts/
# NuGet Packages
*.nupkg
# NuGet Symbol Packages
*.snupkg
# The packages folder can be ignored because of Package Restore
**/[Pp]ackages/*
# except build/, which is used as an MSBuild target.
!**/[Pp]ackages/build/
# Uncomment if necessary however generally it will be regenerated when needed
#!**/[Pp]ackages/repositories.config
# NuGet v3's project.json files produces more ignorable files
*.nuget.props
*.nuget.targets
# Microsoft Azure Build Output
csx/
*.build.csdef
# Microsoft Azure Emulator
ecf/
rcf/
# Windows Store app package directories and files
AppPackages/
BundleArtifacts/
Package.StoreAssociation.xml
_pkginfo.txt
*.appx
*.appxbundle
*.appxupload
# Visual Studio cache files
# files ending in .cache can be ignored
*.[Cc]ache
# but keep track of directories ending in .cache
!?*.[Cc]ache/
# Others
ClientBin/
~$*
*~
*.dbmdl
*.dbproj.schemaview
*.jfm
*.pfx
*.publishsettings
orleans.codegen.cs
# Including strong name files can present a security risk
# (https://github.com/github/gitignore/pull/2483#issue-259490424)
#*.snk
# Since there are multiple workflows, uncomment next line to ignore bower_components
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
#bower_components/
# RIA/Silverlight projects
Generated_Code/
# Backup & report files from converting an old project file
# to a newer Visual Studio version. Backup files are not needed,
# because we have git ;-)
_UpgradeReport_Files/
Backup*/
UpgradeLog*.XML
UpgradeLog*.htm
ServiceFabricBackup/
*.rptproj.bak
# SQL Server files
*.mdf
*.ldf
*.ndf
# Business Intelligence projects
*.rdl.data
*.bim.layout
*.bim_*.settings
*.rptproj.rsuser
*- [Bb]ackup.rdl
*- [Bb]ackup ([0-9]).rdl
*- [Bb]ackup ([0-9][0-9]).rdl
# Microsoft Fakes
FakesAssemblies/
# GhostDoc plugin setting file
*.GhostDoc.xml
# Node.js Tools for Visual Studio
.ntvs_analysis.dat
node_modules/
# Visual Studio 6 build log
*.plg
# Visual Studio 6 workspace options file
*.opt
# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
*.vbw
# Visual Studio LightSwitch build output
**/*.HTMLClient/GeneratedArtifacts
**/*.DesktopClient/GeneratedArtifacts
**/*.DesktopClient/ModelManifest.xml
**/*.Server/GeneratedArtifacts
**/*.Server/ModelManifest.xml
_Pvt_Extensions
# Paket dependency manager
.paket/paket.exe
paket-files/
# FAKE - F# Make
.fake/
# CodeRush personal settings
.cr/personal
# Python Tools for Visual Studio (PTVS)
__pycache__/
*.pyc
# Cake - Uncomment if you are using it
# tools/**
# !tools/packages.config
# Tabs Studio
*.tss
# Telerik's JustMock configuration file
*.jmconfig
# BizTalk build output
*.btp.cs
*.btm.cs
*.odx.cs
*.xsd.cs
# OpenCover UI analysis results
OpenCover/
# Azure Stream Analytics local run output
ASALocalRun/
# MSBuild Binary and Structured Log
*.binlog
# NVidia Nsight GPU debugger configuration file
*.nvuser
# MFractors (Xamarin productivity tool) working folder
.mfractor/
# Local History for Visual Studio
.localhistory/
# BeatPulse healthcheck temp database
healthchecksdb
# Backup folder for Package Reference Convert tool in Visual Studio 2017
MigrationBackup/
# Ionide (cross platform F# VS Code tools) working folder
.ionide/
# Fody - auto-generated XML schema
FodyWeavers.xsd
\ No newline at end of file
src/views/Cooperation.vue
...@@ -16,25 +16,24 @@ ...@@ -16,25 +16,24 @@
<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/e7686206eed4ca67e1bdc497ab2bf39d" /> <img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/e7686206eed4ca67e1bdc497ab2bf39d" />
</div> </div>
<div class="group_4 flex-row"> <div class="group_4 flex-row">
<div class="box_1 flex-row">
<div class="text-wrapper_3 flex-col"> <pageBtnGroupVue style="margin-top: 0vw;margin-left: 0.5vw;" :btn-group="[{
<span class="text_4">设备购买模式</span> name:'设备购买模式',
</div> url:'/cooperation',
<span class="text_5">设备租赁模式</span> isSelect:true
<img class="image_3" },{
src="https://lanhu-oss-proxy.lanhuapp.com/c42354c23c7d9678f888b95804ad19a7" /> name:'设备租赁模式',
<span class="text_6">运营商分级</span> url:'/lease',
<img class="image_4" isSelect:false
src="https://lanhu-oss-proxy.lanhuapp.com/21cba1dd0f37c47a90333f20701cd0d7" /> },{
<span class="text_7">代理商体系</span> name:'运营商分级',
<img class="image_5" url:'/operator',
src="https://lanhu-oss-proxy.lanhuapp.com/459f6114631c65646cd65792d2457b4e" /> isSelect:false
<div class="image-text_1 flex-row justify-between"> },{
<span class="text-group_1">HOME</span> name:'代理商体系',
<img class="thumbnail_1" url:'/agent',
src="https://lanhu-oss-proxy.lanhuapp.com/a67f1bb792655f8b9c61ed0772531299" /> isSelect:false
</div> }]" />
</div>
</div> </div>
</div> </div>
<div class="group_5 flex-col"> <div class="group_5 flex-col">
...@@ -124,12 +123,14 @@ ...@@ -124,12 +123,14 @@
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default { export default {
components: { components: {
HeaderNav, HeaderNav,
Footer, Footer,
HeroSection HeroSection,
pageBtnGroupVue
}, },
data() { data() {
return { return {
...@@ -261,119 +262,6 @@ ...@@ -261,119 +262,6 @@
margin: 12.44vw 0 0 13.54vw; margin: 12.44vw 0 0 13.54vw;
} }
.box_1 {
width: 86.46vw;
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/94bcb0cab5acc62ff652fc3a3065567c) 100% no-repeat;
background-size: 100% 100%;
}
.text-wrapper_3 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/12a9278ffa356657848728ac927a958c) 100% no-repeat;
background-size: 100% 100%;
width: 18.23vw;
}
.text_4 {
width: 9.28vw;
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 4.47vw;
}
.text_5 {
width: 9.28vw;
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 4.47vw;
}
.image_3 {
width: 0.06vw;
height: 2.3vw;
margin: 1.45vw 0 0 4.47vw;
}
.text_6 {
width: 7.77vw;
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 5.2vw;
}
.image_4 {
width: 0.06vw;
height: 2.3vw;
margin: 1.45vw 0 0 5.15vw;
}
.text_7 {
width: 7.71vw;
height: 1.52vw;
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.87vw 0 0 5.26vw;
}
.image_5 {
width: 0.06vw;
height: 2.3vw;
margin: 1.45vw 0 0 5.2vw;
}
.image-text_1 {
width: 4.38vw;
height: 1.05vw;
margin: 2.03vw 2.6vw 0 6.56vw;
}
.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_5 { .group_5 {
width: 100vw; width: 100vw;
height: 124.85vw; height: 124.85vw;
......
src/views/agent.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<!-- 使用HeaderNav组件替代重复的导航栏 --> <!-- 使用HeaderNav组件替代重复的导航栏 -->
<HeaderNav /> <HeaderNav />
<div class="box_1 flex-col"> <div class="box_1 flex-col">
<div class="block_1 flex-row justify-end"> <div class="block_1 flex-row justify-end">
<!-- 导航栏已移到HeaderNav组件中 --> <!-- 导航栏已移到HeaderNav组件中 -->
<div class="group_1 flex-col"> <div class="group_1 flex-col">
<span class="text_2">cooperation</span> <span class="text_2">cooperation</span>
<span class="text_3">合作优势</span> <span class="text_3">合作优势</span>
<img <img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/f7c3d0ce785e2dac90441b9270decc8e" />
class="image_2" </div>
<div class="group_2 flex-col">
src="https://lanhu-oss-proxy.lanhuapp.com/f7c3d0ce785e2dac90441b9270decc8e" <div class="image-wrapper_1 flex-row">
/> <img class="label_1"
</div> src="https://lanhu-oss-proxy.lanhuapp.com/f70fb3b969d2aa568b8d0dae88348ad9" />
<div class="group_2 flex-col"> </div>
<div class="image-wrapper_1 flex-row"> <div class="text-wrapper_1 flex-row">
<img <span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
class="label_1" </div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
src="https://lanhu-oss-proxy.lanhuapp.com/f70fb3b969d2aa568b8d0dae88348ad9" name:'设备购买模式',
/> url:'/cooperation',
</div> isSelect:false
<div class="text-wrapper_1 flex-row"> },{
<span class="paragraph_1" name:'设备租赁模式',
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span url:'/lease',
> isSelect:false
</div> },{
<div class="block_2 flex-row"> name:'运营商分级',
<span class="text_4">设备购买模式</span> url:'/operator',
<img isSelect:false
class="image_3" },{
name:'代理商体系',
src="https://lanhu-oss-proxy.lanhuapp.com/f30dd3ca8f8c1a2835f132e743e2c7bf" url:'/agent',
/> isSelect:true
<span class="text_5">设备租赁模式</span> }]" />
<img </div>
class="image_4" </div>
<div class="block_3 flex-col">
src="https://lanhu-oss-proxy.lanhuapp.com/b84071656cb622c4fe9ceb76a2d05318" <div class="box_2 flex-row">
/> <div class="group_3 flex-col">
<span class="text_6">运营商分级</span> <span class="text_8">代理商体系</span>
<div class="text-wrapper_2 flex-col"> <span class="text_9">低风险高回报，抢占区域市场</span>
<span class="text_7">代理商体系</span> <div class="box_3 flex-col">
</div> <div class="box_4 flex-row">
<div class="image-text_1 flex-row justify-between"> <span class="text_10">省级代理商</span>
<span class="text-group_1">HOME</span> <img class="image_5"
<img src="https://lanhu-oss-proxy.lanhuapp.com/aa1f8518dfb618869f07b8e8174cf117" />
class="thumbnail_1" <div class="box_5 flex-col justify-between">
<span class="text_11">年收益预估</span>
src="https://lanhu-oss-proxy.lanhuapp.com/9e787f9efb19c179681ac43cb422d296" <div class="text-wrapper_3 flex-row justify-between">
/> <span class="text_12">300</span>
</div> <span class="text_13">万</span>
</div> </div>
</div> </div>
</div> <span class="text_14">-</span> <span class="text_15">800</span>
<div class="block_3 flex-col"> <span class="text_16">万+</span>
<div class="box_2 flex-row"> </div>
<div class="group_3 flex-col"> <div class="image-text_2 flex-row">
<span class="text_8">代理商体系</span> <div class="image-text_3 flex-row">
<span class="text_9">低风险高回报，抢占区域市场</span> <div class="image-text_4 flex-row justify-between">
<div class="box_3 flex-col"> <img class="image_6"
<div class="box_4 flex-row"> src="https://lanhu-oss-proxy.lanhuapp.com/c498b52435211b1c989dd5fed114cd93" />
<span class="text_10">省级代理商</span> <div class="text-wrapper_4">
<img <span class="text_17">独家资源：</span>
class="image_5" <span class="paragraph_2">享有省内优先推广权，避免恶性竞争。<br /></span>
<span class="text_18">高额返利：</span>
src="https://lanhu-oss-proxy.lanhuapp.com/aa1f8518dfb618869f07b8e8174cf117" <span class="paragraph_3">完成年度目标后，最高可获15%销售返点。<br /></span>
/> <span class="text_19">扶持政策：</span>
<div class="box_5 flex-col justify-between"> <span class="text_20">总部提供会销支持、专家站台、广告投放补贴。</span>
<span class="text_11">年收益预估</span> </div>
<div class="text-wrapper_3 flex-row justify-between"> </div>
<span class="text_12">300</span> <img class="image_7"
<span class="text_13">万</span> src="https://lanhu-oss-proxy.lanhuapp.com/af45116e6de1cef719993bac03311427" />
</div> </div>
</div> <img class="image_8"
<span class="text_14">-</span> <span class="text_15">800</span> src="https://lanhu-oss-proxy.lanhuapp.com/9aa875a53fd5a772a33476413de00155" />
<span class="text_16">万+</span> </div>
</div> </div>
<div class="image-text_2 flex-row"> </div>
<div class="image-text_3 flex-row"> <div class="group_4 flex-col justify-between">
<div class="image-text_4 flex-row justify-between"> <img class="image_9"
<img src="https://lanhu-oss-proxy.lanhuapp.com/adb1339fe50d70b41d882ffbb117d7d6" />
class="image_6" <div class="box_6 flex-col">
<div class="group_5 flex-row">
src="https://lanhu-oss-proxy.lanhuapp.com/c498b52435211b1c989dd5fed114cd93" <span class="text_21">全国代理商</span>
/> <img class="image_10"
<div class="text-wrapper_4"> src="https://lanhu-oss-proxy.lanhuapp.com/ae99d9d6d1b447c54746ccbd27101ec5" />
<span class="text_17">独家资源：</span> <div class="text-wrapper_5 flex-col justify-between">
<span class="paragraph_2" <span class="text_22">年收益预估</span>
>享有省内优先推广权，避免恶性竞争。<br <span class="text_23">1000</span>
/></span> </div>
<span class="text_18">高额返利：</span> <span class="text_24">万+</span>
<span class="paragraph_3" </div>
>完成年度目标后，最高可获15%销售返点。<br <div class="image-text_5 flex-row">
/></span> <div class="image-text_6 flex-row">
<span class="text_19">扶持政策：</span> <div class="image-text_7 flex-row justify-between">
<span class="text_20" <img class="image_11"
>总部提供会销支持、专家站台、广告投放补贴。</span src="https://lanhu-oss-proxy.lanhuapp.com/afcc5beb2ba19bb232984ed4c6d3b333" />
> <div class="text-wrapper_6">
</div> <span class="text_25">无区域限制：</span>
</div> <span class="paragraph_4">全国范围招商，利润空间最大化。<br /></span>
<img <span class="text_26">顶级分润：</span>
class="image_7" <span class="paragraph_5">享受20%渠道销售分成+股权激励（优秀代理商）。<br /></span>
<span class="text_27">战略合作：</span>
src="https://lanhu-oss-proxy.lanhuapp.com/af45116e6de1cef719993bac03311427" <span class="text_28">直接对接总部资源，参与新产品内测。</span>
/> </div>
</div> </div>
<img <img class="image_12"
class="image_8" src="https://lanhu-oss-proxy.lanhuapp.com/329db6218825daa69a56b1f918551a7c" />
</div>
src="https://lanhu-oss-proxy.lanhuapp.com/9aa875a53fd5a772a33476413de00155" <img class="image_13"
/> src="https://lanhu-oss-proxy.lanhuapp.com/98946aee61d554e4f13689a22ca2a9b2" />
</div> </div>
</div> </div>
</div> </div>
<div class="group_4 flex-col justify-between"> <img class="image_14" src="https://lanhu-oss-proxy.lanhuapp.com/77d7ed91546aab2da4044daee20586b9" />
<img </div>
class="image_9" <div class="text-wrapper_7 flex-row">
<span class="text_29">为什么选择阳生万物？</span>
src="https://lanhu-oss-proxy.lanhuapp.com/adb1339fe50d70b41d882ffbb117d7d6" </div>
/> <div class="box_7 flex-row">
<div class="box_6 flex-col"> <div class="group_6 flex-row">
<div class="group_5 flex-row"> <div class="box_8 flex-col">
<span class="text_21">全国代理商</span> <div class="block_4 flex-col"></div>
<img <div class="text-group_2 flex-col justify-between">
class="image_10" <span class="text_30">技术垄断</span>
<span class="text_31">Technological&nbsp;monopoly</span>
src="https://lanhu-oss-proxy.lanhuapp.com/ae99d9d6d1b447c54746ccbd27101ec5" </div>
/> <span class="text_32">独家多模态能量专利，竞品无法复制</span>
<div class="text-wrapper_5 flex-col justify-between"> </div>
<span class="text_22">年收益预估</span> <img class="image_15"
<span class="text_23">1000</span> src="https://lanhu-oss-proxy.lanhuapp.com/445815afa412008511a20e0d5818f7f7" />
</div> <div class="box_9 flex-col">
<span class="text_24">万+</span> <div class="box_10 flex-col"></div>
</div> <div class="text-group_3 flex-col justify-between">
<div class="image-text_5 flex-row"> <span class="text_33">运营无忧</span>
<div class="image-text_6 flex-row"> <span class="text_34">Worry&nbsp;free&nbsp;operation</span>
<div class="image-text_7 flex-row justify-between"> </div>
<img <span class="text_35">从选址装修到客户转化，全程标准化支持</span>
class="image_11" </div>
<img class="image_16"
src="https://lanhu-oss-proxy.lanhuapp.com/afcc5beb2ba19bb232984ed4c6d3b333" src="https://lanhu-oss-proxy.lanhuapp.com/240819dad4bd7ac329d85e2156c942ee" />
/> <div class="box_11 flex-col">
<div class="text-wrapper_6"> <div class="box_12 flex-col"></div>
<span class="text_25">无区域限制：</span> <div class="text-group_4 flex-col justify-between">
<span class="paragraph_4" <span class="text_36">市场刚需</span>
>全国范围招商，利润空间最大化。<br <span class="text_37">Market&nbsp;demand</span>
/></span> </div>
<span class="text_26">顶级分润：</span> <span class="text_38">亚健康人群超7亿，政策支持预防医学产业</span>
<span class="paragraph_5" </div>
>享受20%渠道销售分成+股权激励（优秀代理商）。<br </div>
/></span> </div>
<span class="text_27">战略合作：</span> </div>
<span class="text_28" <!-- 使用Footer组件替代重复的页脚代码 -->
>直接对接总部资源，参与新产品内测。</span <Footer />
> </div>
</div> </div>
</div>
<img
class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/329db6218825daa69a56b1f918551a7c"
/>
</div>
<img
class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/98946aee61d554e4f13689a22ca2a9b2"
/>
</div>
</div>
</div>
<img
class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/77d7ed91546aab2da4044daee20586b9"
/>
</div>
<div class="text-wrapper_7 flex-row">
<span class="text_29">为什么选择阳生万物？</span>
</div>
<div class="box_7 flex-row">
<div class="group_6 flex-row">
<div class="box_8 flex-col">
<div class="block_4 flex-col"></div>
<div class="text-group_2 flex-col justify-between">
<span class="text_30">技术垄断</span>
<span class="text_31">Technological&nbsp;monopoly</span>
</div>
<span class="text_32">独家多模态能量专利，竞品无法复制</span>
</div>
<img
class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/445815afa412008511a20e0d5818f7f7"
/>
<div class="box_9 flex-col">
<div class="box_10 flex-col"></div>
<div class="text-group_3 flex-col justify-between">
<span class="text_33">运营无忧</span>
<span class="text_34">Worry&nbsp;free&nbsp;operation</span>
</div>
<span class="text_35">从选址装修到客户转化，全程标准化支持</span>
</div>
<img
class="image_16"
src="https://lanhu-oss-proxy.lanhuapp.com/240819dad4bd7ac329d85e2156c942ee"
/>
<div class="box_11 flex-col">
<div class="box_12 flex-col"></div>
<div class="text-group_4 flex-col justify-between">
<span class="text_36">市场刚需</span>
<span class="text_37">Market&nbsp;demand</span>
</div>
<span class="text_38">亚健康人群超7亿，政策支持预防医学产业</span>
</div>
</div>
</div>
</div>
<!-- 使用Footer组件替代重复的页脚代码 -->
<Footer />
</div>
</div>
</template> </template>
<script> <script>
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default {
components: { export default {
HeaderNav, components: {
Footer, HeaderNav,
HeroSection Footer,
}, HeroSection,
data() { pageBtnGroupVue
return { },
constants: {}, data() {
}; return {
}, constants: {},
methods: {}, };
}; },
methods: {},
};
</script> </script>
<style src="./common.css" /> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 159.9vw; height: 159.9vw;
overflow: hidden; overflow: hidden;
} }
.box_1 { .box_1 {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 159.9vw; height: 159.9vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/d58f545318d623a91a8c78031be12819) background: url(https://lanhu-oss-proxy.lanhuapp.com/d58f545318d623a91a8c78031be12819) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.block_1 { .block_1 {
width: 100vw; width: 100vw;
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/70926bcbb19749429ec37e3dd2834033_mergeImage.png) background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/70926bcbb19749429ec37e3dd2834033_mergeImage.png) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%;
} }
.image_1 { .image_1 {
width: 6.25vw; width: 6.25vw;
height: 4.95vw; height: 4.95vw;
margin: 0.93vw 0 0 2.6vw; margin: 0.93vw 0 0 2.6vw;
} }
.group_1 { .group_1 {
width: 40.21vw; width: 40.21vw;
height: 30.53vw; height: 30.53vw;
margin: 2.86vw 0 0 4.58vw; margin: 2.86vw 0 0 4.58vw;
} }
.text_1 { .text_1 {
width: 40.11vw; width: 40.11vw;
height: 1.05vw; height: 1.05vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin-left: 0.11vw; margin-left: 0.11vw;
} }
.text_2 { .text_2 {
width: 28.75vw; width: 28.75vw;
height: 3.03vw; height: 3.03vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 4.16vw; font-size: 4.16vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin: 18.22vw 0 0 0.05vw; margin: 18.22vw 0 0 0.05vw;
} }
.text_3 { .text_3 {
width: 7.4vw; width: 7.4vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 1.78vw; margin-top: 1.78vw;
} }
.image_2 { .image_2 {
width: 0.27vw; width: 0.27vw;
height: 3.08vw; height: 3.08vw;
margin: 1.56vw 0 0 0.1vw; margin: 1.56vw 0 0 0.1vw;
} }
.group_2 { .group_2 {
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7226bce1da397685fb71a2541238a149) background: url(https://lanhu-oss-proxy.lanhuapp.com/7226bce1da397685fb71a2541238a149) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 2.61vw;
margin-left: 2.61vw; width: 43.75vw;
width: 43.75vw; position: relative;
position: relative; }
}
.image-wrapper_1 { .image-wrapper_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
margin: 2.6vw 0 0 39.47vw; margin: 2.6vw 0 0 39.47vw;
} }
.label_1 { .label_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
} }
.text-wrapper_1 { .text-wrapper_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
margin: 17.86vw 0 24.63vw -7.5vw; margin: 17.86vw 0 24.63vw -7.5vw;
} }
.paragraph_1 { .paragraph_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 2.19vw; line-height: 2.19vw;
} }
.block_2 { .block_2 {
position: absolute; position: absolute;
left: -42.7vw; left: -42.7vw;
top: 45.84vw; top: 45.84vw;
width: 86.46vw; width: 86.46vw;
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0b66f421388271204c6ec234885e551f) background: url(https://lanhu-oss-proxy.lanhuapp.com/0b66f421388271204c6ec234885e551f) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.text_4 { .text_4 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.47vw; margin: 1.82vw 0 0 4.47vw;
} }
.image_3 { .image_3 {
width: 0.06vw; width: 0.06vw;
height: 2.3vw; height: 2.3vw;
margin: 1.92vw 0 0 4.47vw; margin: 1.92vw 0 0 4.47vw;
} }
.text_5 { .text_5 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.42vw; margin: 1.82vw 0 0 4.42vw;
} }
.image_4 { .image_4 {
width: 0.06vw; width: 0.06vw;
height: 2.3vw; height: 2.3vw;
margin: 1.45vw 0 0 4.47vw; margin: 1.45vw 0 0 4.47vw;
} }
.text_6 { .text_6 {
width: 7.77vw; width: 7.77vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 5.2vw; margin: 1.82vw 0 0 5.2vw;
} }
.text-wrapper_2 { .text-wrapper_2 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/133f945a1142cb42663caf0410be6fa3) background: url(https://lanhu-oss-proxy.lanhuapp.com/133f945a1142cb42663caf0410be6fa3) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 5.21vw;
margin-left: 5.21vw; width: 18.23vw;
width: 18.23vw; }
}
.text_7 { .text_7 {
width: 7.71vw; width: 7.71vw;
height: 1.52vw; height: 1.52vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.87vw 0 0 5.26vw; margin: 1.87vw 0 0 5.26vw;
} }
.image-text_1 { .image-text_1 {
width: 4.38vw; width: 4.38vw;
height: 1.05vw; height: 1.05vw;
margin: 2.03vw 2.6vw 0 6.56vw; margin: 2.03vw 2.6vw 0 6.56vw;
} }
.text-group_1 { .text-group_1 {
width: 2.56vw; width: 2.56vw;
height: 0.73vw; height: 0.73vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: Gilroy-Medium; font-family: Gilroy-Medium;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 0.21vw; margin-top: 0.21vw;
} }
.thumbnail_1 { .thumbnail_1 {
width: 0.94vw; width: 0.94vw;
height: 1.05vw; height: 1.05vw;
} }
.block_3 { .block_3 {
width: 100vw; width: 100vw;
height: 90.68vw; height: 90.68vw;
margin-bottom: 18.18vw; margin-bottom: 18.18vw;
} }
.box_2 { .box_2 {
width: 85.47vw; width: 85.47vw;
height: 34.38vw; height: 34.38vw;
margin: 7.29vw 0 0 13.48vw; margin: 7.29vw 0 0 13.48vw;
} }
.group_3 { .group_3 {
width: 35.47vw; width: 35.47vw;
height: 34.38vw; height: 34.38vw;
} }
.text_8 { .text_8 {
background-image: linear-gradient( background-image: linear-gradient(90deg,
90deg, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%, rgba(0, 199, 218, 1) 100%);
rgba(0, 199, 218, 1) 100% width: 12.4vw;
); height: 2.4vw;
width: 12.4vw; overflow-wrap: break-word;
height: 2.4vw; color: rgba(0, 82, 217, 1);
overflow-wrap: break-word; font-size: 2.5vw;
color: rgba(0, 82, 217, 1); font-family: OPPOSans-B;
font-size: 2.5vw; font-weight: 700;
font-family: OPPOSans-B; text-align: left;
font-weight: 700; white-space: nowrap;
text-align: left; line-height: 1.57vw;
white-space: nowrap; -webkit-background-clip: text;
line-height: 1.57vw; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
-webkit-text-fill-color: transparent;
}
.text_9 { .text_9 {
width: 22.04vw; width: 22.04vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 2.45vw; margin-top: 2.45vw;
} }
.box_3 { .box_3 {
width: 35.42vw; width: 35.42vw;
height: 23.44vw; height: 23.44vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/fc12cfcd034992200d1dfe0eab87c5a9) background: url(https://lanhu-oss-proxy.lanhuapp.com/fc12cfcd034992200d1dfe0eab87c5a9) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin: 4.27vw 0 0 0.05vw;
margin: 4.27vw 0 0 0.05vw; }
}
.box_4 { .box_4 {
width: 28.96vw; width: 28.96vw;
height: 4.54vw; height: 4.54vw;
margin: 2.5vw 0 0 2.76vw; margin: 2.5vw 0 0 2.76vw;
} }
.text_10 { .text_10 {
width: 8.18vw; width: 8.18vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
} }
.image_5 { .image_5 {
width: 0.06vw; width: 0.06vw;
height: 4.48vw; height: 4.48vw;
margin: 0.05vw 0 0 1.97vw; margin: 0.05vw 0 0 1.97vw;
} }
.box_5 { .box_5 {
width: 6.72vw; width: 6.72vw;
height: 4.54vw; height: 4.54vw;
margin-left: 1.88vw; margin-left: 1.88vw;
} }
.text_11 { .text_11 {
width: 6.2vw; width: 6.2vw;
height: 1.25vw; height: 1.25vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-left: 0.11vw; margin-left: 0.11vw;
} }
.text-wrapper_3 { .text-wrapper_3 {
width: 6.72vw; width: 6.72vw;
height: 2.35vw; height: 2.35vw;
margin-top: 0.94vw; margin-top: 0.94vw;
} }
.text_12 { .text_12 {
width: 5.47vw; width: 5.47vw;
height: 2.3vw; height: 2.3vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 3.12vw; font-size: 3.12vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 0.06vw; margin-top: 0.06vw;
} }
.text_13 { .text_13 {
width: 0.89vw; width: 0.89vw;
height: 0.89vw; height: 0.89vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
} }
.text_14 { .text_14 {
width: 0.68vw; width: 0.68vw;
height: 0.21vw; height: 0.21vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 2.5vw; font-size: 2.5vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin: 3.54vw 0 0 0.57vw; margin: 3.54vw 0 0 0.57vw;
} }
.text_15 { .text_15 {
width: 5.53vw; width: 5.53vw;
height: 2.3vw; height: 2.3vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 3.12vw; font-size: 3.12vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin: 2.23vw 0 0 1.66vw; margin: 2.23vw 0 0 1.66vw;
} }
.text_16 { .text_16 {
width: 1.46vw; width: 1.46vw;
height: 0.89vw; height: 0.89vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin: 2.18vw 0 0 0.26vw; margin: 2.18vw 0 0 0.26vw;
} }
.image-text_2 { .image-text_2 {
position: relative; position: relative;
width: 28.39vw; width: 28.39vw;
height: 6.46vw; height: 6.46vw;
margin: 5.05vw 0 4.89vw 2.23vw; margin: 5.05vw 0 4.89vw 2.23vw;
} }
.image-text_3 { .image-text_3 {
position: relative; position: relative;
width: 28.39vw; width: 28.39vw;
height: 6.46vw; height: 6.46vw;
} }
.image-text_4 { .image-text_4 {
width: 28.39vw; width: 28.39vw;
height: 6.46vw; height: 6.46vw;
} }
.image_6 { .image_6 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
margin-top: 5.42vw; margin-top: 5.42vw;
} }
.text-wrapper_4 { .text-wrapper_4 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
font-size: 0; font-size: 0;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_17 { .text_17 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.paragraph_2 { .paragraph_2 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_18 { .text_18 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.paragraph_3 { .paragraph_3 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_19 { .text_19 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_20 { .text_20 {
width: 26.41vw; width: 26.41vw;
height: 6.46vw; height: 6.46vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.image_7 { .image_7 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0.06vw; top: 0.06vw;
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.image_8 { .image_8 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 2.92vw; top: 2.92vw;
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.group_4 { .group_4 {
width: 35.42vw; width: 35.42vw;
height: 34.38vw; height: 34.38vw;
margin-left: 2.09vw; margin-left: 2.09vw;
} }
.image_9 { .image_9 {
width: 2.09vw; width: 2.09vw;
height: 0.63vw; height: 0.63vw;
margin-left: 33.34vw; margin-left: 33.34vw;
} }
.box_6 { .box_6 {
width: 35.42vw; width: 35.42vw;
height: 23.44vw; height: 23.44vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/4e4a03210f74822c28a4fe1d3d0330b9) background: url(https://lanhu-oss-proxy.lanhuapp.com/4e4a03210f74822c28a4fe1d3d0330b9) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-top: 10.32vw;
margin-top: 10.32vw; }
}
.group_5 { .group_5 {
width: 21.05vw; width: 21.05vw;
height: 4.54vw; height: 4.54vw;
margin: 2.5vw 0 0 2.76vw; margin: 2.5vw 0 0 2.76vw;
} }
.text_21 { .text_21 {
width: 8.18vw; width: 8.18vw;
height: 1.62vw; height: 1.62vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
} }
.image_10 { .image_10 {
width: 0.06vw; width: 0.06vw;
height: 4.48vw; height: 4.48vw;
margin: 0.05vw 0 0 1.97vw; margin: 0.05vw 0 0 1.97vw;
} }
.text-wrapper_5 { .text-wrapper_5 {
width: 7.04vw; width: 7.04vw;
height: 4.54vw; height: 4.54vw;
margin-left: 1.83vw; margin-left: 1.83vw;
} }
.text_22 { .text_22 {
width: 6.2vw; width: 6.2vw;
height: 1.25vw; height: 1.25vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-left: 0.16vw; margin-left: 0.16vw;
} }
.text_23 { .text_23 {
width: 7.04vw; width: 7.04vw;
height: 2.3vw; height: 2.3vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 3.12vw; font-size: 3.12vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 0.99vw; margin-top: 0.99vw;
} }
.text_24 { .text_24 {
width: 1.46vw; width: 1.46vw;
height: 0.89vw; height: 0.89vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin: 2.18vw 0 0 0.52vw; margin: 2.18vw 0 0 0.52vw;
} }
.image-text_5 { .image-text_5 {
position: relative; position: relative;
width: 30.11vw; width: 30.11vw;
height: 6.57vw; height: 6.57vw;
margin: 5.05vw 0 4.79vw 2.23vw; margin: 5.05vw 0 4.79vw 2.23vw;
} }
.image-text_6 { .image-text_6 {
position: relative; position: relative;
width: 30.11vw; width: 30.11vw;
height: 6.57vw; height: 6.57vw;
} }
.image-text_7 { .image-text_7 {
width: 30.11vw; width: 30.11vw;
height: 6.57vw; height: 6.57vw;
} }
.image_11 { .image_11 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
margin-top: 5.42vw; margin-top: 5.42vw;
} }
.text-wrapper_6 { .text-wrapper_6 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
font-size: 0; font-size: 0;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_25 { .text_25 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.paragraph_4 { .paragraph_4 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_26 { .text_26 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.paragraph_5 { .paragraph_5 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_27 { .text_27 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.text_28 { .text_28 {
width: 28.13vw; width: 28.13vw;
height: 6.57vw; height: 6.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(49, 49, 49, 1); color: rgba(49, 49, 49, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.image_12 { .image_12 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0.06vw; top: 0.06vw;
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.image_13 { .image_13 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 2.92vw; top: 2.92vw;
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.image_14 { .image_14 {
width: 11.46vw; width: 11.46vw;
height: 19.12vw; height: 19.12vw;
margin-left: 1.05vw; margin-left: 1.05vw;
} }
.text-wrapper_7 { .text-wrapper_7 {
width: 23.7vw; width: 23.7vw;
height: 2.4vw; height: 2.4vw;
margin: 5.41vw 0 0 36.56vw; margin: 5.41vw 0 0 36.56vw;
} }
.text_29 { .text_29 {
width: 23.7vw; width: 23.7vw;
height: 2.4vw; height: 2.4vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(0, 82, 217, 1); color: rgba(0, 82, 217, 1);
font-size: 2.5vw; font-size: 2.5vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.67vw; line-height: 1.67vw;
} }
.box_7 { .box_7 {
width: 72.92vw; width: 72.92vw;
height: 25.53vw; height: 25.53vw;
margin: 2.6vw 0 13.07vw 13.54vw; margin: 2.6vw 0 13.07vw 13.54vw;
} }
.group_6 { .group_6 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 40px; border-radius: 40px;
width: 72.92vw; width: 72.92vw;
height: 25.53vw; height: 25.53vw;
border: 1px solid rgba(210, 210, 210, 1); border: 1px solid rgba(210, 210, 210, 1);
} }
.box_8 { .box_8 {
width: 15.16vw; width: 15.16vw;
height: 13.96vw; height: 13.96vw;
margin: 5.88vw 0 0 5.26vw; margin: 5.88vw 0 0 5.26vw;
} }
.block_4 { .block_4 {
width: 4.38vw; width: 4.38vw;
height: 4.38vw; height: 4.38vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c9e66460e1988f7ef8b5fd191036324f) background: url(https://lanhu-oss-proxy.lanhuapp.com/c9e66460e1988f7ef8b5fd191036324f) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 5.32vw;
margin-left: 5.32vw; }
}
.text-group_2 { .text-group_2 {
width: 10.84vw; width: 10.84vw;
height: 3.18vw; height: 3.18vw;
margin: 2.39vw 0 0 2.18vw; margin: 2.39vw 0 0 2.18vw;
} }
.text_30 { .text_30 {
width: 6.72vw; width: 6.72vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-left: 2.04vw; margin-left: 2.04vw;
} }
.text_31 { .text_31 {
width: 10.84vw; width: 10.84vw;
height: 0.99vw; height: 0.99vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: DINEngsbek-Alternate; font-family: DINEngsbek-Alternate;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 0.53vw; margin-top: 0.53vw;
} }
.text_32 { .text_32 {
width: 15.16vw; width: 15.16vw;
height: 2.71vw; height: 2.71vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 1.31vw; margin-top: 1.31vw;
} }
.image_15 { .image_15 {
width: 0.06vw; width: 0.06vw;
height: 17.24vw; height: 17.24vw;
margin: 4.16vw 0 0 4.73vw; margin: 4.16vw 0 0 4.73vw;
} }
.box_9 { .box_9 {
width: 15.16vw; width: 15.16vw;
height: 13.86vw; height: 13.86vw;
margin: 5.98vw 0 0 4.21vw; margin: 5.98vw 0 0 4.21vw;
} }
.box_10 { .box_10 {
width: 4.59vw; width: 4.59vw;
height: 4.17vw; height: 4.17vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/30f8e694bc71507fa805670ecb3463b7) background: url(https://lanhu-oss-proxy.lanhuapp.com/30f8e694bc71507fa805670ecb3463b7) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 4.9vw;
margin-left: 4.9vw; }
}
.text-group_3 { .text-group_3 {
width: 9.48vw; width: 9.48vw;
height: 3.18vw; height: 3.18vw;
margin: 2.5vw 0 0 2.86vw; margin: 2.5vw 0 0 2.86vw;
} }
.text_33 { .text_33 {
width: 6.67vw; width: 6.67vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-left: 1.41vw; margin-left: 1.41vw;
} }
.text_34 { .text_34 {
width: 9.48vw; width: 9.48vw;
height: 0.99vw; height: 0.99vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: DINEngsbek-Alternate; font-family: DINEngsbek-Alternate;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 0.53vw; margin-top: 0.53vw;
} }
.text_35 { .text_35 {
width: 15.16vw; width: 15.16vw;
height: 2.71vw; height: 2.71vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 1.31vw; margin-top: 1.31vw;
} }
.image_16 { .image_16 {
width: 0.06vw; width: 0.06vw;
height: 17.24vw; height: 17.24vw;
margin: 4.16vw 0 0 4.89vw; margin: 4.16vw 0 0 4.89vw;
} }
.box_11 { .box_11 {
width: 14.69vw; width: 14.69vw;
height: 13.96vw; height: 13.96vw;
margin: 5.88vw 4.42vw 0 4.27vw; margin: 5.88vw 4.42vw 0 4.27vw;
} }
.box_12 { .box_12 {
width: 3.49vw; width: 3.49vw;
height: 4.38vw; height: 4.38vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ca4d5a369374a1bc043f7b17c0644acc) background: url(https://lanhu-oss-proxy.lanhuapp.com/ca4d5a369374a1bc043f7b17c0644acc) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 5.73vw;
margin-left: 5.73vw; }
}
.text-group_4 { .text-group_4 {
width: 6.57vw; width: 6.57vw;
height: 3.13vw; height: 3.13vw;
margin: 2.39vw 0 0 4.06vw; margin: 2.39vw 0 0 4.06vw;
} }
.text_36 { .text_36 {
width: 6.57vw; width: 6.57vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
} }
.text_37 { .text_37 {
width: 6.57vw; width: 6.57vw;
height: 0.89vw; height: 0.89vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: DINEngsbek-Alternate; font-family: DINEngsbek-Alternate;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 0.58vw; margin-top: 0.58vw;
} }
.text_38 { .text_38 {
width: 14.69vw; width: 14.69vw;
height: 2.71vw; height: 2.71vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 1.36vw; margin-top: 1.36vw;
} }
.block_5 { .block_5 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 141.67vw; top: 141.67vw;
width: 100vw; width: 100vw;
height: 18.23vw; height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e95c13052baa89d0a3e761e60b88a025) background: url(https://lanhu-oss-proxy.lanhuapp.com/e95c13052baa89d0a3e761e60b88a025) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; justify-content: flex-center;
justify-content: flex-center; }
}
.section_1 { .section_1 {
width: 34.85vw; width: 34.85vw;
height: 8.91vw; height: 8.91vw;
margin: 4.68vw 0 0 13.48vw; margin: 4.68vw 0 0 13.48vw;
} }
.text_39 { .text_39 {
width: 6.88vw; width: 6.88vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-left: 0.06vw; margin-left: 0.06vw;
} }
.text_40 { .text_40 {
width: 30.11vw; width: 30.11vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 1.15vw; margin-top: 1.15vw;
} }
.text-wrapper_8 { .text-wrapper_8 {
width: 16.25vw; width: 16.25vw;
height: 1.15vw; height: 1.15vw;
margin: 2.65vw 0 0 0.1vw; margin: 2.65vw 0 0 0.1vw;
} }
.text_41 { .text_41 {
width: 4.54vw; width: 4.54vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_42 { .text_42 {
width: 2.3vw; width: 2.3vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text-wrapper_9 { .text-wrapper_9 {
width: 34.8vw; width: 34.8vw;
height: 0.84vw; height: 0.84vw;
margin: 1.14vw 0 0 0.05vw; margin: 1.14vw 0 0 0.05vw;
} }
.text_43 { .text_43 {
width: 9.8vw; width: 9.8vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_44 { .text_44 {
width: 20.84vw; width: 20.84vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.paragraph_6 { .paragraph_6 {
width: 7.5vw; width: 7.5vw;
height: 2.19vw; height: 2.19vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: right; text-align: right;
line-height: 1.25vw; line-height: 1.25vw;
margin: 8.02vw 0 0 20.41vw; margin: 8.02vw 0 0 20.41vw;
} }
.image-wrapper_2 { .image-wrapper_2 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 30px; border-radius: 30px;
height: 8.86vw; height: 8.86vw;
width: 8.86vw; width: 8.86vw;
margin: 4.68vw 13.54vw 0 1.35vw; margin: 4.68vw 13.54vw 0 1.35vw;
} }
.image_17 { .image_17 {
width: 6.25vw; width: 6.25vw;
height: 6.15vw; height: 6.15vw;
margin: 1.35vw 0 0 1.3vw; margin: 1.35vw 0 0 1.3vw;
} }
.image-wrapper_3 { .image-wrapper_3 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a1d1e09ff711656be72e0ac793cc0614) background: url(https://lanhu-oss-proxy.lanhuapp.com/a1d1e09ff711656be72e0ac793cc0614) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; width: 5.21vw;
width: 5.21vw; position: absolute;
position: absolute; left: 79.43vw;
left: 79.43vw; top: -2.6vw;
top: -2.6vw;
}
.image_18 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
} }
.image_18 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style> </style>
\ No newline at end of file
src/views/certification.vue
...@@ -11,16 +11,11 @@ ...@@ -11,16 +11,11 @@
</div> </div>
<div class="box_3 flex-col"> <div class="box_3 flex-col">
<img class="label_1" src="https://lanhu-oss-proxy.lanhuapp.com/72a342012afc5abdbeced29aa8415c77" /> <img class="label_1" src="https://lanhu-oss-proxy.lanhuapp.com/72a342012afc5abdbeced29aa8415c77" />
<div class="block_1 flex-row"> <pageBtnGroupVue style="margin-top: 41.55vw;margin-left: -42.3vw;" :btn-group="[{
<div class="text-wrapper_1 flex-col"> name:'企业资质',
<span class="text_4">企业资质</span> url:'/certification',
</div> isSelect:true
<div class="image-text_1 flex-row justify-between"> }]" />
<span class="text-group_1">HOME</span>
<img class="thumbnail_1"
src="https://lanhu-oss-proxy.lanhuapp.com/d109527f14f5572d8c1ecf2eb29bebfd" />
</div>
</div>
</div> </div>
</div> </div>
<div class="group_2 flex-col"> <div class="group_2 flex-col">
...@@ -49,12 +44,14 @@ ...@@ -49,12 +44,14 @@
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default { export default {
components: { components: {
HeaderNav, HeaderNav,
Footer, Footer,
HeroSection HeroSection,
pageBtnGroupVue
}, },
data() { data() {
return { return {
......
src/views/contact-us.vue
...@@ -12,18 +12,11 @@ ...@@ -12,18 +12,11 @@
<div class="image-wrapper_1 flex-row"> <div class="image-wrapper_1 flex-row">
<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/2224e1dfa599083044d5a6918a4b498b" /> <img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/2224e1dfa599083044d5a6918a4b498b" />
</div> </div>
<div class="group_4 flex-row"> <pageBtnGroupVue style="margin-top: 41.55vw;margin-left: 14vw;" :btn-group="[{
<div class="box_2 flex-row"> name:'企业资质',
<div class="text-wrapper_1 flex-col"> url:'/certification',
<span class="text_4">联系我们</span> isSelect:true
</div> }]" />
<div class="image-text_1 flex-row justify-between">
<span class="text-group_2">HOME</span>
<img class="thumbnail_1"
src="https://lanhu-oss-proxy.lanhuapp.com/417d3846858be4f0a8f341ece732d0bc" />
</div>
</div>
</div>
</div> </div>
<div class="box_3 flex-col"> <div class="box_3 flex-col">
<div class="block_1 flex-row justify-between"> <div class="block_1 flex-row justify-between">
...@@ -113,12 +106,14 @@ ...@@ -113,12 +106,14 @@
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default { export default {
components: { components: {
HeaderNav, HeaderNav,
Footer, Footer,
HeroSection HeroSection,
pageBtnGroupVue
}, },
data() { data() {
return { return {
......
src/views/lease.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<!-- 使用HeaderNav组件替代重复的导航栏 --> <!-- 使用HeaderNav组件替代重复的导航栏 -->
<HeaderNav /> <HeaderNav />
<div class="group_1 flex-col"> <div class="group_1 flex-col">
<div class="section_1 flex-row justify-end"> <div class="section_1 flex-row justify-end">
<!-- 导航栏已移到HeaderNav组件中 --> <!-- 导航栏已移到HeaderNav组件中 -->
<div class="box_1 flex-col"> <div class="box_1 flex-col">
<span class="text_2">cooperation</span> <span class="text_2">cooperation</span>
<span class="text_3">合作优势</span> <span class="text_3">合作优势</span>
<img <img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/8178002b22a7a69a2d8ddb9644a3b939" />
class="image_2" </div>
<div class="box_2 flex-col">
src="https://lanhu-oss-proxy.lanhuapp.com/8178002b22a7a69a2d8ddb9644a3b939" <div class="image-wrapper_1 flex-row">
/> <img class="label_1"
</div> src="https://lanhu-oss-proxy.lanhuapp.com/5d5a4d04132690a7d6dd94d2a0f0f423" />
<div class="box_2 flex-col"> </div>
<div class="image-wrapper_1 flex-row"> <div class="text-wrapper_1 flex-row">
<img <span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
class="label_1" </div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
src="https://lanhu-oss-proxy.lanhuapp.com/5d5a4d04132690a7d6dd94d2a0f0f423" name:'设备购买模式',
/> url:'/cooperation',
</div> isSelect:false
<div class="text-wrapper_1 flex-row"> },{
<span class="paragraph_1" name:'设备租赁模式',
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span url:'/lease',
> isSelect:true
</div> },{
<div class="group_2 flex-row"> name:'运营商分级',
<span class="text_4">设备购买模式</span> url:'/operator',
<div class="text-wrapper_2 flex-col"> isSelect:false
<span class="text_5">设备租赁模式</span> },{
</div> name:'代理商体系',
<span class="text_6">运营商分级</span> url:'/agent',
<img isSelect:false
class="image_3" }]" />
</div>
src="https://lanhu-oss-proxy.lanhuapp.com/2021cd3d4eb126a8707768d37f730b86" </div>
/> <div class="section_2 flex-col">
<span class="text_7">代理商体系</span> <div class="group_3 flex-row">
<img <div class="box_3 flex-col">
class="image_4" <span class="text_8">设备租赁模式</span>
<span class="text_9">适合低成本试水市场的创业者！</span>
src="https://lanhu-oss-proxy.lanhuapp.com/b79f1f7e60a2f75acbff095c9991d16b" <img class="image_5"
/> src="https://lanhu-oss-proxy.lanhuapp.com/657ee418e362b514ee7f683a321d50c7" />
<div class="image-text_1 flex-row justify-between"> </div>
<span class="text-group_1">HOME</span> <img class="image_6" src="https://lanhu-oss-proxy.lanhuapp.com/579f993d0b2a96b6254576dd598b28f3" />
<img <img class="image_7" src="https://lanhu-oss-proxy.lanhuapp.com/93c6a78f6013e1e7f38a59a33327f42f" />
class="thumbnail_1" </div>
<div class="group_4 flex-row">
src="https://lanhu-oss-proxy.lanhuapp.com/1879c496ea4639dd16a4fc3e80fee70f" <div class="group_5 flex-col">
/> <div class="group_6 flex-row justify-between">
</div> <img class="label_2"
</div> src="https://lanhu-oss-proxy.lanhuapp.com/f83e72d1ddc74b329e8a1906d83858b8" />
</div> <span class="text_10">适合对象</span>
</div> </div>
<div class="section_2 flex-col"> <div class="group_7 flex-row justify-between">
<div class="group_3 flex-row"> <div class="image-text_2 flex-row">
<div class="box_3 flex-col"> <div class="image-text_3 flex-row justify-between">
<span class="text_8">设备租赁模式</span> <img class="image_8"
<span class="text_9">适合低成本试水市场的创业者！</span> src="https://lanhu-oss-proxy.lanhuapp.com/161db5194a90cc65a0107718ba98689f" />
<img <span class="paragraph_2">初创健康机构：健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span>
class="image_5" </div>
<img class="image_9"
src="https://lanhu-oss-proxy.lanhuapp.com/657ee418e362b514ee7f683a321d50c7" src="https://lanhu-oss-proxy.lanhuapp.com/5517f81ecd9081d65839dc6e83d96ba7" />
/> </div>
</div> <div class="image-text_4 flex-row justify-between">
<img <img class="image_10"
class="image_6" src="https://lanhu-oss-proxy.lanhuapp.com/6ddbce0f0185d0071abec27ca7ad0ee2" />
<span class="text-group_2">轻资产运营理念的支持者，保险或保健品团队。</span>
src="https://lanhu-oss-proxy.lanhuapp.com/579f993d0b2a96b6254576dd598b28f3" </div>
/> </div>
<img </div>
class="image_7" </div>
<div class="group_8 flex-row">
src="https://lanhu-oss-proxy.lanhuapp.com/93c6a78f6013e1e7f38a59a33327f42f" <div class="section_3 flex-col">
/> <div class="group_9 flex-row justify-between">
</div> <img class="label_3"
<div class="group_4 flex-row"> src="https://lanhu-oss-proxy.lanhuapp.com/7423bfc3a53db5a8234f561f11c46d47" />
<div class="group_5 flex-col"> <span class="text_11">核心优势</span>
<div class="group_6 flex-row justify-between"> </div>
<img <div class="group_10 flex-row justify-between">
class="label_2" <div class="image-text_5 flex-row justify-between">
<div class="image-wrapper_2 flex-col justify-between">
src="https://lanhu-oss-proxy.lanhuapp.com/f83e72d1ddc74b329e8a1906d83858b8" <img class="image_11"
/> src="https://lanhu-oss-proxy.lanhuapp.com/01c4e7004c7b35434649d9a271b29cf0" />
<span class="text_10">适合对象</span> <img class="image_12"
</div> src="https://lanhu-oss-proxy.lanhuapp.com/6abe205f626d9ef3123acd27574def27" />
<div class="group_7 flex-row justify-between"> </div>
<div class="image-text_2 flex-row"> <span
<div class="image-text_3 flex-row justify-between"> class="text-group_3">大额购置成本：仅需支付押金+月租，即可启动运营，资金占用极低。<br />灵活退出机制：合约期满可退租或转购买（押金抵扣设备款）。</span>
<img </div>
class="image_8" <div class="image-text_6 flex-row justify-between">
<img class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/161db5194a90cc65a0107718ba98689f" src="https://lanhu-oss-proxy.lanhuapp.com/c7b0cd5af78f41734ad9bc4e1ff3d3cc" />
/> <span class="text-group_4">快速盈利验证：按单次收费300-800元，月均60客即可覆盖租金，剩余均为纯利。</span>
<span class="paragraph_2" </div>
>初创健康机构：健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span </div>
> </div>
</div> </div>
<img <div class="group_11 flex-row">
class="image_9" <div class="group_12 flex-col">
<div class="section_4 flex-row justify-between">
src="https://lanhu-oss-proxy.lanhuapp.com/5517f81ecd9081d65839dc6e83d96ba7" <img class="label_4"
/> src="https://lanhu-oss-proxy.lanhuapp.com/c891e7af7624d72d0814d363dd499264" />
</div> <span class="text_12">政策支持</span>
<div class="image-text_4 flex-row justify-between"> </div>
<img <div class="section_5 flex-row">
class="image_10" <img class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/14a80c7685fda29776affc015cec0b4f" />
src="https://lanhu-oss-proxy.lanhuapp.com/6ddbce0f0185d0071abec27ca7ad0ee2" <span class="text_13">首月免租金（限前50名签约伙伴）。</span>
/> <div class="image-text_7 flex-row justify-between">
<span class="text-group_2" <img class="image_15"
>轻资产运营理念的支持者，保险或保健品团队。</span src="https://lanhu-oss-proxy.lanhuapp.com/ab839dca4d2efe1f76f53b1beaa79d68" />
> <span class="text-group_5">提供客户引流支持（线上+线下推广模板）。</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="group_8 flex-row"> </div>
<div class="section_3 flex-col"> <!-- 使用Footer组件替代重复的页脚代码 -->
<div class="group_9 flex-row justify-between"> <Footer />
<img </div>
class="label_3" </div>
src="https://lanhu-oss-proxy.lanhuapp.com/7423bfc3a53db5a8234f561f11c46d47"
/>
<span class="text_11">核心优势</span>
</div>
<div class="group_10 flex-row justify-between">
<div class="image-text_5 flex-row justify-between">
<div class="image-wrapper_2 flex-col justify-between">
<img
class="image_11"
src="https://lanhu-oss-proxy.lanhuapp.com/01c4e7004c7b35434649d9a271b29cf0"
/>
<img
class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/6abe205f626d9ef3123acd27574def27"
/>
</div>
<span class="text-group_3"
>大额购置成本：仅需支付押金+月租，即可启动运营，资金占用极低。<br />灵活退出机制：合约期满可退租或转购买（押金抵扣设备款）。</span
>
</div>
<div class="image-text_6 flex-row justify-between">
<img
class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/c7b0cd5af78f41734ad9bc4e1ff3d3cc"
/>
<span class="text-group_4"
>快速盈利验证：按单次收费300-800元，月均60客即可覆盖租金，剩余均为纯利。</span
>
</div>
</div>
</div>
</div>
<div class="group_11 flex-row">
<div class="group_12 flex-col">
<div class="section_4 flex-row justify-between">
<img
class="label_4"
src="https://lanhu-oss-proxy.lanhuapp.com/c891e7af7624d72d0814d363dd499264"
/>
<span class="text_12">政策支持</span>
</div>
<div class="section_5 flex-row">
<img
class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/14a80c7685fda29776affc015cec0b4f"
/>
<span class="text_13">首月免租金（限前50名签约伙伴）。</span>
<div class="image-text_7 flex-row justify-between">
<img
class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/ab839dca4d2efe1f76f53b1beaa79d68"
/>
<span class="text-group_5"
>提供客户引流支持（线上+线下推广模板）。</span
>
</div>
</div>
</div>
</div>
</div>
<!-- 使用Footer组件替代重复的页脚代码 -->
<Footer />
</div>
</div>
</template> </template>
<script> <script>
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default {
components: { export default {
HeaderNav, components: {
Footer, HeaderNav,
HeroSection Footer,
}, HeroSection,
data() { pageBtnGroupVue
return { },
constants: {}, data() {
}; return {
}, constants: {},
methods: {}, };
}; },
methods: {},
};
</script> </script>
<style src="./common.css" /> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 194.07vw; height: 194.07vw;
overflow: hidden; overflow: hidden;
} }
.group_1 { .group_1 {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 194.07vw; height: 194.07vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/62dd678d224b66e829dc69063ca4b26c) background: url(https://lanhu-oss-proxy.lanhuapp.com/62dd678d224b66e829dc69063ca4b26c) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.section_1 { .section_1 {
width: 100vw; width: 100vw;
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1183ce6d25e441a6b140402c64b1b3f9_mergeImage.png) background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1183ce6d25e441a6b140402c64b1b3f9_mergeImage.png) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%;
} }
.image_1 { .image_1 {
width: 6.25vw; width: 6.25vw;
height: 4.95vw; height: 4.95vw;
margin: 0.93vw 0 0 2.6vw; margin: 0.93vw 0 0 2.6vw;
} }
.box_1 { .box_1 {
width: 40.21vw; width: 40.21vw;
height: 30.53vw; height: 30.53vw;
margin: 2.86vw 0 0 4.58vw; margin: 2.86vw 0 0 4.58vw;
} }
.text_1 { .text_1 {
width: 40.11vw; width: 40.11vw;
height: 1.05vw; height: 1.05vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin-left: 0.11vw; margin-left: 0.11vw;
} }
.text_2 { .text_2 {
width: 28.75vw; width: 28.75vw;
height: 3.03vw; height: 3.03vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 4.16vw; font-size: 4.16vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin: 18.22vw 0 0 0.05vw; margin: 18.22vw 0 0 0.05vw;
} }
.text_3 { .text_3 {
width: 7.4vw; width: 7.4vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 1.78vw; margin-top: 1.78vw;
} }
.image_2 { .image_2 {
width: 0.27vw; width: 0.27vw;
height: 3.08vw; height: 3.08vw;
margin: 1.56vw 0 0 0.1vw; margin: 1.56vw 0 0 0.1vw;
} }
.box_2 { .box_2 {
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/27038ec4650aa0718cacb72e86f4f676) background: url(https://lanhu-oss-proxy.lanhuapp.com/27038ec4650aa0718cacb72e86f4f676) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 2.61vw;
margin-left: 2.61vw; width: 43.75vw;
width: 43.75vw; position: relative;
position: relative; }
}
.image-wrapper_1 { .image-wrapper_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
margin: 2.6vw 0 0 39.47vw; margin: 2.6vw 0 0 39.47vw;
} }
.label_1 { .label_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
} }
.text-wrapper_1 { .text-wrapper_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
margin: 17.86vw 0 24.63vw -7.5vw; margin: 17.86vw 0 24.63vw -7.5vw;
} }
.paragraph_1 { .paragraph_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 2.19vw; line-height: 2.19vw;
} }
.group_2 { .group_2 {
position: absolute; position: absolute;
left: -42.7vw; left: -42.7vw;
top: 45.84vw; top: 45.84vw;
width: 86.46vw; width: 86.46vw;
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/faeb2a975230bce2938035ba58270853) background: url(https://lanhu-oss-proxy.lanhuapp.com/faeb2a975230bce2938035ba58270853) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.text_4 { .text_4 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.47vw; margin: 1.82vw 0 0 4.47vw;
} }
.text-wrapper_2 { .text-wrapper_2 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f203de88faea6af3ecbbd6d5b9def8bb) background: url(https://lanhu-oss-proxy.lanhuapp.com/f203de88faea6af3ecbbd6d5b9def8bb) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 4.54vw;
margin-left: 4.54vw; width: 18.23vw;
width: 18.23vw; }
}
.text_5 { .text_5 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.42vw; margin: 1.82vw 0 0 4.42vw;
} }
.text_6 { .text_6 {
width: 7.77vw; width: 7.77vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 5.2vw; margin: 1.82vw 0 0 5.2vw;
} }
.image_3 { .image_3 {
width: 0.06vw; width: 0.06vw;
height: 2.3vw; height: 2.3vw;
margin: 1.45vw 0 0 5.15vw; margin: 1.45vw 0 0 5.15vw;
} }
.text_7 { .text_7 {
width: 7.71vw; width: 7.71vw;
height: 1.52vw; height: 1.52vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.87vw 0 0 5.26vw; margin: 1.87vw 0 0 5.26vw;
} }
.image_4 { .image_4 {
width: 0.06vw; width: 0.06vw;
height: 2.3vw; height: 2.3vw;
margin: 1.45vw 0 0 5.2vw; margin: 1.45vw 0 0 5.2vw;
} }
.image-text_1 { .image-text_1 {
width: 4.38vw; width: 4.38vw;
height: 1.05vw; height: 1.05vw;
margin: 2.03vw 2.6vw 0 6.56vw; margin: 2.03vw 2.6vw 0 6.56vw;
} }
.text-group_1 { .text-group_1 {
width: 2.56vw; width: 2.56vw;
height: 0.73vw; height: 0.73vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: Gilroy-Medium; font-family: Gilroy-Medium;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 0.21vw; margin-top: 0.21vw;
} }
.thumbnail_1 { .thumbnail_1 {
width: 0.94vw; width: 0.94vw;
height: 1.05vw; height: 1.05vw;
} }
.section_2 { .section_2 {
width: 100vw; width: 100vw;
height: 124.85vw; height: 124.85vw;
margin-bottom: 18.18vw; margin-bottom: 18.18vw;
} }
.group_3 { .group_3 {
width: 85.42vw; width: 85.42vw;
height: 31.52vw; height: 31.52vw;
margin: 7.29vw 0 0 13.54vw; margin: 7.29vw 0 0 13.54vw;
} }
.box_3 { .box_3 {
width: 58.39vw; width: 58.39vw;
height: 31.52vw; height: 31.52vw;
} }
.text_8 { .text_8 {
background-image: linear-gradient( background-image: linear-gradient(90deg,
90deg, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%, rgba(0, 199, 218, 1) 100%);
rgba(0, 199, 218, 1) 100% width: 14.8vw;
); height: 2.45vw;
width: 14.8vw; overflow-wrap: break-word;
height: 2.45vw; color: rgba(0, 82, 217, 1);
overflow-wrap: break-word; font-size: 2.5vw;
color: rgba(0, 82, 217, 1); font-family: OPPOSans-B;
font-size: 2.5vw; font-weight: 700;
font-family: OPPOSans-B; text-align: left;
font-weight: 700; white-space: nowrap;
text-align: left; line-height: 1.57vw;
white-space: nowrap; -webkit-background-clip: text;
line-height: 1.57vw; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
-webkit-text-fill-color: transparent;
}
.text_9 { .text_9 {
width: 22.66vw; width: 22.66vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 2.35vw; margin-top: 2.35vw;
} }
.image_5 { .image_5 {
width: 50.99vw; width: 50.99vw;
height: 23.03vw; height: 23.03vw;
margin: 2.03vw 0 0 7.39vw; margin: 2.03vw 0 0 7.39vw;
} }
.image_6 { .image_6 {
width: 2.09vw; width: 2.09vw;
height: 0.63vw; height: 0.63vw;
margin-left: 12.45vw; margin-left: 12.45vw;
} }
.image_7 { .image_7 {
width: 11.46vw; width: 11.46vw;
height: 19.12vw; height: 19.12vw;
margin-left: 1.05vw; margin-left: 1.05vw;
} }
.group_4 { .group_4 {
width: 72.92vw; width: 72.92vw;
height: 20.84vw; height: 20.84vw;
margin: 6.35vw 0 0 13.54vw; margin: 6.35vw 0 0 13.54vw;
} }
.group_5 { .group_5 {
height: 20.84vw; height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/6deeaf5c933b774e9231d7ef3d0ca428) background: url(https://lanhu-oss-proxy.lanhuapp.com/6deeaf5c933b774e9231d7ef3d0ca428) 0vw -0.89vw no-repeat;
0vw -0.89vw no-repeat; background-size: 75.78vw 21.71vw;
background-size: 75.78vw 21.71vw; width: 72.92vw;
width: 72.92vw;
} }
.group_6 { .group_6 {
width: 10.73vw; width: 10.73vw;
height: 2.09vw; height: 2.09vw;
margin: 2.96vw 0 0 3.75vw; margin: 2.96vw 0 0 3.75vw;
} }
.label_2 { .label_2 {
width: 2.09vw; width: 2.09vw;
height: 2.09vw; height: 2.09vw;
} }
.text_10 { .text_10 {
width: 7.4vw; width: 7.4vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 0.11vw; margin-top: 0.11vw;
} }
.group_7 { .group_7 {
width: 57.5vw; width: 57.5vw;
height: 3.75vw; height: 3.75vw;
margin: 4.47vw 0 7.55vw 3.54vw; margin: 4.47vw 0 7.55vw 3.54vw;
} }
.image-text_2 { .image-text_2 {
position: relative; position: relative;
width: 29.64vw; width: 29.64vw;
height: 3.75vw; height: 3.75vw;
} }
.image-text_3 { .image-text_3 {
width: 29.64vw; width: 29.64vw;
height: 3.75vw; height: 3.75vw;
} }
.image_8 { .image_8 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.paragraph_2 { .paragraph_2 {
width: 27.45vw; width: 27.45vw;
height: 3.75vw; height: 3.75vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.image_9 { .image_9 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 2.71vw; top: 2.71vw;
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.image-text_4 { .image-text_4 {
width: 23.39vw; width: 23.39vw;
height: 1.15vw; height: 1.15vw;
} }
.image_10 { .image_10 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.text-group_2 { .text-group_2 {
width: 21.2vw; width: 21.2vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.67vw; line-height: 1.67vw;
} }
.group_8 { .group_8 {
width: 72.92vw; width: 72.92vw;
height: 20.84vw; height: 20.84vw;
margin: 2.08vw 0 0 13.54vw; margin: 2.08vw 0 0 13.54vw;
} }
.section_3 { .section_3 {
height: 20.84vw; height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/b363bc255e227e874a212f8745566977) background: url(https://lanhu-oss-proxy.lanhuapp.com/b363bc255e227e874a212f8745566977) 0vw -0.89vw no-repeat;
0vw -0.89vw no-repeat; background-size: 75.78vw 21.71vw;
background-size: 75.78vw 21.71vw; width: 72.92vw;
width: 72.92vw;
} }
.group_9 { .group_9 {
width: 10.73vw; width: 10.73vw;
height: 1.98vw; height: 1.98vw;
margin: 2.91vw 0 0 3.75vw; margin: 2.91vw 0 0 3.75vw;
} }
.label_3 { .label_3 {
width: 2.09vw; width: 2.09vw;
height: 1.98vw; height: 1.98vw;
} }
.text_11 { .text_11 {
width: 7.45vw; width: 7.45vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 0.16vw; margin-top: 0.16vw;
} }
.group_10 { .group_10 {
width: 66.05vw; width: 66.05vw;
height: 5.53vw; height: 5.53vw;
margin: 4.63vw 0 5.78vw 3.54vw; margin: 4.63vw 0 5.78vw 3.54vw;
} }
.image-text_5 { .image-text_5 {
width: 30.84vw; width: 30.84vw;
height: 5.53vw; height: 5.53vw;
} }
.image-wrapper_2 { .image-wrapper_2 {
width: 1.1vw; width: 1.1vw;
height: 5.53vw; height: 5.53vw;
} }
.image_11 { .image_11 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.image_12 { .image_12 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
margin-top: 3.44vw; margin-top: 3.44vw;
} }
.text-group_3 { .text-group_3 {
width: 28.65vw; width: 28.65vw;
height: 5.42vw; height: 5.42vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.image-text_6 { .image-text_6 {
width: 31.93vw; width: 31.93vw;
height: 2.71vw; height: 2.71vw;
} }
.image_13 { .image_13 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.text-group_4 { .text-group_4 {
width: 29.74vw; width: 29.74vw;
height: 2.71vw; height: 2.71vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
.group_11 { .group_11 {
width: 72.92vw; width: 72.92vw;
height: 20.84vw; height: 20.84vw;
margin: 2.08vw 0 13.02vw 13.54vw; margin: 2.08vw 0 13.02vw 13.54vw;
} }
.group_12 { .group_12 {
height: 20.84vw; height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/754cc4244240ca3825eac2bbf56b578d) background: url(https://lanhu-oss-proxy.lanhuapp.com/754cc4244240ca3825eac2bbf56b578d) 0vw -0.89vw no-repeat;
0vw -0.89vw no-repeat; background-size: 75.78vw 21.71vw;
background-size: 75.78vw 21.71vw; width: 72.92vw;
width: 72.92vw;
} }
.section_4 { .section_4 {
width: 10.47vw; width: 10.47vw;
height: 2.09vw; height: 2.09vw;
margin: 2.91vw 0 0 3.95vw; margin: 2.91vw 0 0 3.95vw;
} }
.label_4 { .label_4 {
width: 1.67vw; width: 1.67vw;
height: 2.09vw; height: 2.09vw;
} }
.text_12 { .text_12 {
width: 7.35vw; width: 7.35vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin-top: 0.16vw; margin-top: 0.16vw;
} }
.section_5 { .section_5 {
width: 56.1vw; width: 56.1vw;
height: 1.05vw; height: 1.05vw;
margin: 4.53vw 0 10.26vw 3.54vw; margin: 4.53vw 0 10.26vw 3.54vw;
} }
.image_14 { .image_14 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.text_13 { .text_13 {
width: 16.2vw; width: 16.2vw;
height: 1.05vw; height: 1.05vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.67vw; line-height: 1.67vw;
margin-left: 1.15vw; margin-left: 1.15vw;
} }
.image-text_7 { .image-text_7 {
width: 21.98vw; width: 21.98vw;
height: 1.05vw; height: 1.05vw;
margin-left: 15.68vw; margin-left: 15.68vw;
} }
.image_15 { .image_15 {
width: 1.1vw; width: 1.1vw;
height: 1.05vw; height: 1.05vw;
} }
.text-group_5 { .text-group_5 {
width: 19.8vw; width: 19.8vw;
height: 1.05vw; height: 1.05vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.67vw; line-height: 1.67vw;
} }
.section_6 { .section_6 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 175.84vw; top: 175.84vw;
width: 100vw; width: 100vw;
height: 18.23vw; height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f3a3eb03f8d9c2f5d69121ff927034d6) background: url(https://lanhu-oss-proxy.lanhuapp.com/f3a3eb03f8d9c2f5d69121ff927034d6) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; justify-content: flex-center;
justify-content: flex-center; }
}
.box_4 { .box_4 {
width: 34.85vw; width: 34.85vw;
height: 8.91vw; height: 8.91vw;
margin: 4.68vw 0 0 13.48vw; margin: 4.68vw 0 0 13.48vw;
} }
.text_14 { .text_14 {
width: 6.88vw; width: 6.88vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-left: 0.06vw; margin-left: 0.06vw;
} }
.text_15 { .text_15 {
width: 30.11vw; width: 30.11vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 1.15vw; margin-top: 1.15vw;
} }
.text-wrapper_3 { .text-wrapper_3 {
width: 16.25vw; width: 16.25vw;
height: 1.15vw; height: 1.15vw;
margin: 2.65vw 0 0 0.1vw; margin: 2.65vw 0 0 0.1vw;
} }
.text_16 { .text_16 {
width: 4.54vw; width: 4.54vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_17 { .text_17 {
width: 2.3vw; width: 2.3vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text-wrapper_4 { .text-wrapper_4 {
width: 34.8vw; width: 34.8vw;
height: 0.84vw; height: 0.84vw;
margin: 1.14vw 0 0 0.05vw; margin: 1.14vw 0 0 0.05vw;
} }
.text_18 { .text_18 {
width: 9.8vw; width: 9.8vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_19 { .text_19 {
width: 20.84vw; width: 20.84vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.paragraph_3 { .paragraph_3 {
width: 7.5vw; width: 7.5vw;
height: 2.19vw; height: 2.19vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: right; text-align: right;
line-height: 1.25vw; line-height: 1.25vw;
margin: 8.02vw 0 0 20.41vw; margin: 8.02vw 0 0 20.41vw;
} }
.image-wrapper_3 { .image-wrapper_3 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 30px; border-radius: 30px;
height: 8.86vw; height: 8.86vw;
width: 8.86vw; width: 8.86vw;
margin: 4.68vw 13.54vw 0 1.35vw; margin: 4.68vw 13.54vw 0 1.35vw;
} }
.image_16 { .image_16 {
width: 6.25vw; width: 6.25vw;
height: 6.15vw; height: 6.15vw;
margin: 1.35vw 0 0 1.3vw; margin: 1.35vw 0 0 1.3vw;
} }
.image-wrapper_4 { .image-wrapper_4 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ac7da81aefa7b4057824a4f9127b678e) background: url(https://lanhu-oss-proxy.lanhuapp.com/ac7da81aefa7b4057824a4f9127b678e) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; width: 5.21vw;
width: 5.21vw; position: absolute;
position: absolute; left: 79.43vw;
left: 79.43vw; top: -2.6vw;
top: -2.6vw;
}
.image_17 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
} }
</style> .image_17 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style>
\ No newline at end of file
src/views/operator.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<!-- 使用HeaderNav组件替代重复的导航栏 --> <!-- 使用HeaderNav组件替代重复的导航栏 -->
<HeaderNav /> <HeaderNav />
<div class="section_1 flex-col"> <div class="section_1 flex-col">
<div class="box_1 flex-row justify-end"> <div class="box_1 flex-row justify-end">
<!-- 导航栏已移到HeaderNav组件中 --> <!-- 导航栏已移到HeaderNav组件中 -->
<div class="box_2 flex-col"> <div class="box_2 flex-col">
<span class="text_2">cooperation</span> <span class="text_2">cooperation</span>
<span class="text_3">合作优势</span> <span class="text_3">合作优势</span>
<img <img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/4926f8f45c7b8960de431a2fb711cc74" />
class="image_2" </div>
<div class="box_3 flex-col">
src="https://lanhu-oss-proxy.lanhuapp.com/4926f8f45c7b8960de431a2fb711cc74" <div class="image-wrapper_1 flex-row">
/> <img class="label_1"
</div> src="https://lanhu-oss-proxy.lanhuapp.com/61c5472e47aa41ef42ad4d7e511100ba" />
<div class="box_3 flex-col"> </div>
<div class="image-wrapper_1 flex-row"> <div class="text-wrapper_1 flex-row">
<img <span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
class="label_1" </div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
src="https://lanhu-oss-proxy.lanhuapp.com/61c5472e47aa41ef42ad4d7e511100ba" name:'设备购买模式',
/> url:'/cooperation',
</div> isSelect:false
<div class="text-wrapper_1 flex-row"> },{
<span class="paragraph_1" name:'设备租赁模式',
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span url:'/lease',
> isSelect:false
</div> },{
<div class="group_1 flex-row"> name:'运营商分级',
<span class="text_4">设备购买模式</span> url:'/operator',
<img isSelect:true
class="image_3" },{
name:'代理商体系',
src="https://lanhu-oss-proxy.lanhuapp.com/fa026d9d5ff74fc62af3cb9b7ab44531" url:'/agent',
/> isSelect:false
<span class="text_5">设备租赁模式</span> }]" />
<div class="text-wrapper_2 flex-col"> </div>
<span class="text_6">运营商分级</span> </div>
</div> <div class="box_4 flex-col">
<span class="text_7">代理商体系</span> <div class="box_5 flex-row justify-between">
<div class="image-text_1 flex-row justify-between"> <div class="group_2 flex-col">
<span class="text-group_1">HOME</span> <div class="block_1 flex-row justify-between">
<img <span class="text_8">运营商分级</span>
class="thumbnail_1" <img class="image_4"
src="https://lanhu-oss-proxy.lanhuapp.com/4d94ccc5a55d303a4919ebb498c78bd1" />
src="https://lanhu-oss-proxy.lanhuapp.com/580cac74c19acecc148aa69444e32a22" </div>
/> <span class="text_9">越早加入，收益越大</span>
</div> <div class="block_2 flex-col">
</div> <div class="image-wrapper_2 flex-row">
</div> <img class="image_5" :src="item.lanhuimage0" v-for="(item, index) in loopData0"
</div> :key="index" />
<div class="box_4 flex-col"> </div>
<div class="box_5 flex-row justify-between"> <div class="list_1 flex-row">
<div class="group_2 flex-col"> <div class="text-group_2 flex-col justify-between" v-for="(item, index) in loopData1"
<div class="block_1 flex-row justify-between"> :key="index">
<span class="text_8">运营商分级</span> <span class="text_10" v-html="item.lanhutext0"></span>
<img <span class="text_11" v-html="item.lanhutext1"></span>
class="image_4" </div>
</div>
src="https://lanhu-oss-proxy.lanhuapp.com/4d94ccc5a55d303a4919ebb498c78bd1" </div>
/> </div>
</div> <img class="image_6" src="https://lanhu-oss-proxy.lanhuapp.com/37480a72bb3aa65fc40f94b6a3e5de2f" />
<span class="text_9">越早加入，收益越大</span> </div>
<div class="block_2 flex-col"> </div>
<div class="image-wrapper_2 flex-row"> <!-- 使用Footer组件替代重复的页脚代码 -->
<img <Footer />
class="image_5" </div>
</div>
:src="item.lanhuimage0"
v-for="(item, index) in loopData0"
:key="index"
/>
</div>
<div class="list_1 flex-row">
<div
class="text-group_2 flex-col justify-between"
v-for="(item, index) in loopData1"
:key="index"
>
<span class="text_10" v-html="item.lanhutext0"></span>
<span class="text_11" v-html="item.lanhutext1"></span>
</div>
</div>
</div>
</div>
<img
class="image_6"
src="https://lanhu-oss-proxy.lanhuapp.com/37480a72bb3aa65fc40f94b6a3e5de2f"
/>
</div>
</div>
<!-- 使用Footer组件替代重复的页脚代码 -->
<Footer />
</div>
</div>
</template> </template>
<script> <script>
import HeaderNav from '@/components/HeaderNav.vue' import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue' import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue' import HeroSection from '@/components/HeroSection.vue'
import pageBtnGroupVue from '../components/page_btn_group.vue';
export default {
components: { export default {
HeaderNav, components: {
Footer, HeaderNav,
HeroSection Footer,
}, HeroSection,
data() { pageBtnGroupVue
return { },
loopData0: [ data() {
{ return {
lanhuimage0: loopData0: [{
'https://lanhu-oss-proxy.lanhuapp.com/4f7e1003a818bdfa61a2ad80520e31fa', lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/4f7e1003a818bdfa61a2ad80520e31fa',
}, },
{ {
lanhuimage0: lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/0297295a31cb24d28c9dc44617880a91',
'https://lanhu-oss-proxy.lanhuapp.com/0297295a31cb24d28c9dc44617880a91', },
}, {
{ lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/b8d6c8edf4a46e118a510af47add3f94',
lanhuimage0: },
'https://lanhu-oss-proxy.lanhuapp.com/b8d6c8edf4a46e118a510af47add3f94', {
}, lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/f25585b66cc9a333755d76d6a5add1cc',
{ },
lanhuimage0: ],
'https://lanhu-oss-proxy.lanhuapp.com/f25585b66cc9a333755d76d6a5add1cc', loopData1: [{
}, lanhutext0: '一般运营商',
], lanhutext1: 'General&nbsp;operator'
loopData1: [ },
{ lanhutext0: '一般运营商', lanhutext1: 'General&nbsp;operator' }, {
{ lanhutext0: '银牌运营商', lanhutext1: 'Silver&nbsp;operator' }, lanhutext0: '银牌运营商',
{ lanhutext0: '金牌运营商', lanhutext1: 'Gold&nbsp;Operator' }, lanhutext1: 'Silver&nbsp;operator'
{ lanhutext0: '钻石运营商', lanhutext1: 'Diamond&nbsp;operator' }, },
], {
constants: {}, lanhutext0: '金牌运营商',
}; lanhutext1: 'Gold&nbsp;Operator'
}, },
methods: {}, {
}; lanhutext0: '钻石运营商',
lanhutext1: 'Diamond&nbsp;operator'
},
],
constants: {},
};
},
methods: {},
};
</script> </script>
<style src="./common.css" /> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 128.65vw; height: 128.65vw;
overflow: hidden; overflow: hidden;
} }
.section_1 { .section_1 {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 128.65vw; height: 128.65vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a27c35e937aa4e12aea16815570da728) background: url(https://lanhu-oss-proxy.lanhuapp.com/a27c35e937aa4e12aea16815570da728) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.box_1 { .box_1 {
width: 100vw; width: 100vw;
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/194f26c02f9241948fff44169fc25a81_mergeImage.png) background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/194f26c02f9241948fff44169fc25a81_mergeImage.png) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%;
} }
.image_1 { .image_1 {
width: 6.25vw; width: 6.25vw;
height: 4.95vw; height: 4.95vw;
margin: 0.93vw 0 0 2.6vw; margin: 0.93vw 0 0 2.6vw;
} }
.box_2 { .box_2 {
width: 40.21vw; width: 40.21vw;
height: 30.53vw; height: 30.53vw;
margin: 2.86vw 0 0 4.58vw; margin: 2.86vw 0 0 4.58vw;
} }
.text_1 { .text_1 {
width: 40.11vw; width: 40.11vw;
height: 1.05vw; height: 1.05vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.04vw; font-size: 1.04vw;
font-family: OPPOSans-M; font-family: OPPOSans-M;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin-left: 0.11vw; margin-left: 0.11vw;
} }
.text_2 { .text_2 {
width: 28.75vw; width: 28.75vw;
height: 3.03vw; height: 3.03vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 4.16vw; font-size: 4.16vw;
font-family: Gilroy-Bold; font-family: Gilroy-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 3.75vw; line-height: 3.75vw;
margin: 18.22vw 0 0 0.05vw; margin: 18.22vw 0 0 0.05vw;
} }
.text_3 { .text_3 {
width: 7.4vw; width: 7.4vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 1.78vw; margin-top: 1.78vw;
} }
.image_2 { .image_2 {
width: 0.27vw; width: 0.27vw;
height: 3.08vw; height: 3.08vw;
margin: 1.56vw 0 0 0.1vw; margin: 1.56vw 0 0 0.1vw;
} }
.box_3 { .box_3 {
height: 51.05vw; height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7c31beb5b499b356dc860a6d44fd9a4f) background: url(https://lanhu-oss-proxy.lanhuapp.com/7c31beb5b499b356dc860a6d44fd9a4f) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 2.61vw;
margin-left: 2.61vw; width: 43.75vw;
width: 43.75vw; position: relative;
position: relative; }
}
.image-wrapper_1 { .image-wrapper_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
margin: 2.6vw 0 0 39.47vw; margin: 2.6vw 0 0 39.47vw;
} }
.label_1 { .label_1 {
width: 1.67vw; width: 1.67vw;
height: 1.67vw; height: 1.67vw;
} }
.text-wrapper_1 { .text-wrapper_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
margin: 17.86vw 0 24.63vw -7.5vw; margin: 17.86vw 0 24.63vw -7.5vw;
} }
.paragraph_1 { .paragraph_1 {
width: 40.99vw; width: 40.99vw;
height: 4.28vw; height: 4.28vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.87vw; font-size: 1.87vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
line-height: 2.19vw; line-height: 2.19vw;
} }
.group_1 { .group_1 {
position: absolute; position: absolute;
left: -42.7vw; left: -42.7vw;
top: 45.84vw; top: 45.84vw;
width: 86.46vw; width: 86.46vw;
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/dc51e580c2eaac765525b36bf53b4f2f) background: url(https://lanhu-oss-proxy.lanhuapp.com/dc51e580c2eaac765525b36bf53b4f2f) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; }
}
.text_4 { .text_4 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.47vw; margin: 1.82vw 0 0 4.47vw;
} }
.image_3 { .image_3 {
width: 0.06vw; width: 0.06vw;
height: 2.3vw; height: 2.3vw;
margin: 1.92vw 0 0 4.47vw; margin: 1.92vw 0 0 4.47vw;
} }
.text_5 { .text_5 {
width: 9.28vw; width: 9.28vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 4.42vw; margin: 1.82vw 0 0 4.42vw;
} }
.text-wrapper_2 { .text-wrapper_2 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e12d5ff8ead3bcd1087c58c1603cfa80) background: url(https://lanhu-oss-proxy.lanhuapp.com/e12d5ff8ead3bcd1087c58c1603cfa80) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; margin-left: 4.43vw;
margin-left: 4.43vw; width: 18.23vw;
width: 18.23vw; }
}
.text_6 { .text_6 {
width: 7.77vw; width: 7.77vw;
height: 1.57vw; height: 1.57vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.82vw 0 0 5.31vw; margin: 1.82vw 0 0 5.31vw;
} }
.text_7 { .text_7 {
width: 7.71vw; width: 7.71vw;
height: 1.52vw; height: 1.52vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.56vw; font-size: 1.56vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin: 1.87vw 0 0 5.31vw; margin: 1.87vw 0 0 5.31vw;
} }
.image-text_1 { .image-text_1 {
width: 4.38vw; width: 4.38vw;
height: 1.05vw; height: 1.05vw;
margin: 2.03vw 2.6vw 0 11.82vw; margin: 2.03vw 2.6vw 0 11.82vw;
} }
.text-group_1 { .text-group_1 {
width: 2.56vw; width: 2.56vw;
height: 0.73vw; height: 0.73vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: Gilroy-Medium; font-family: Gilroy-Medium;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 2.19vw; line-height: 2.19vw;
margin-top: 0.21vw; margin-top: 0.21vw;
} }
.thumbnail_1 { .thumbnail_1 {
width: 0.94vw; width: 0.94vw;
height: 1.05vw; height: 1.05vw;
} }
.box_4 { .box_4 {
width: 100vw; width: 100vw;
height: 59.43vw; height: 59.43vw;
margin-bottom: 18.18vw; margin-bottom: 18.18vw;
} }
.box_5 { .box_5 {
width: 85.47vw; width: 85.47vw;
height: 39.07vw; height: 39.07vw;
margin: 7.29vw 0 0 13.48vw; margin: 7.29vw 0 0 13.48vw;
} }
.group_2 { .group_2 {
width: 72.97vw; width: 72.97vw;
height: 39.07vw; height: 39.07vw;
} }
.block_1 { .block_1 {
width: 72.97vw; width: 72.97vw;
height: 2.45vw; height: 2.45vw;
} }
.text_8 { .text_8 {
background-image: linear-gradient( background-image: linear-gradient(90deg,
90deg, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0, rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%, rgba(0, 199, 218, 1) 100%);
rgba(0, 199, 218, 1) 100% width: 12.45vw;
); height: 2.45vw;
width: 12.45vw; overflow-wrap: break-word;
height: 2.45vw; color: rgba(0, 82, 217, 1);
overflow-wrap: break-word; font-size: 2.5vw;
color: rgba(0, 82, 217, 1); font-family: OPPOSans-B;
font-size: 2.5vw; font-weight: 700;
font-family: OPPOSans-B; text-align: left;
font-weight: 700; white-space: nowrap;
text-align: left; line-height: 1.57vw;
white-space: nowrap; -webkit-background-clip: text;
line-height: 1.57vw; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
-webkit-text-fill-color: transparent;
}
.image_4 { .image_4 {
width: 2.09vw; width: 2.09vw;
height: 0.63vw; height: 0.63vw;
} }
.text_9 { .text_9 {
width: 15.21vw; width: 15.21vw;
height: 1.83vw; height: 1.83vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-R; font-family: OPPOSans-R;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
margin: 2.39vw 0 0 0.05vw; margin: 2.39vw 0 0 0.05vw;
} }
.block_2 { .block_2 {
width: 72.92vw; width: 72.92vw;
height: 28.13vw; height: 28.13vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/128dea2f974433d36ea394d22c161702) -0.16vw -0.16vw background: url(https://lanhu-oss-proxy.lanhuapp.com/128dea2f974433d36ea394d22c161702) -0.16vw -0.16vw no-repeat;
no-repeat; background-size: 73.22vw 28.43vw;
background-size: 73.22vw 28.43vw; margin: 4.27vw 0 0 0.05vw;
margin: 4.27vw 0 0 0.05vw; }
}
.image-wrapper_2 { .image-wrapper_2 {
width: 65.94vw; width: 65.94vw;
height: 11.15vw; height: 11.15vw;
margin: 4.16vw 0 0 4.42vw; margin: 4.16vw 0 0 4.42vw;
} }
.image_5 { .image_5 {
width: 9.43vw; width: 9.43vw;
height: 10.21vw; height: 10.21vw;
margin: 0.72vw 8.33vw 0 0; margin: 0.72vw 8.33vw 0 0;
} }
.list_1 { .list_1 {
width: 63.13vw; width: 63.13vw;
height: 3.18vw; height: 3.18vw;
justify-content: space-between; justify-content: space-between;
margin: 3.38vw 0 6.25vw 4.89vw; margin: 3.38vw 0 6.25vw 4.89vw;
} }
.text-group_2 { .text-group_2 {
width: 8.39vw; width: 8.39vw;
height: 3.18vw; height: 3.18vw;
margin-right: 9.85vw; margin-right: 9.85vw;
} }
.text_10 { .text_10 {
width: 8.44vw; width: 8.44vw;
height: 1.67vw; height: 1.67vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.66vw; font-size: 1.66vw;
font-family: OPPOSans-B; font-family: OPPOSans-B;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.57vw; line-height: 1.57vw;
} }
.text_11 { .text_11 {
width: 7.87vw; width: 7.87vw;
height: 0.99vw; height: 0.99vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(67, 67, 67, 1); color: rgba(67, 67, 67, 1);
font-size: 1.25vw; font-size: 1.25vw;
font-family: DINEngsbek-Alternate; font-family: DINEngsbek-Alternate;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin: 0.52vw 0 0 0.36vw; margin: 0.52vw 0 0 0.36vw;
} }
.image_6 { .image_6 {
width: 11.46vw; width: 11.46vw;
height: 19.12vw; height: 19.12vw;
} }
.box_6 { .box_6 {
position: absolute; position: absolute;
left: 0; left: 0;
top: 110.42vw; top: 110.42vw;
width: 100vw; width: 100vw;
height: 18.23vw; height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0750a15a5ce4b96a9b3ee715e06fbac4) background: url(https://lanhu-oss-proxy.lanhuapp.com/0750a15a5ce4b96a9b3ee715e06fbac4) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; justify-content: flex-center;
justify-content: flex-center; }
}
.box_7 { .box_7 {
width: 34.85vw; width: 34.85vw;
height: 8.91vw; height: 8.91vw;
margin: 4.68vw 0 0 13.48vw; margin: 4.68vw 0 0 13.48vw;
} }
.text_12 { .text_12 {
width: 6.88vw; width: 6.88vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-left: 0.06vw; margin-left: 0.06vw;
} }
.text_13 { .text_13 {
width: 30.11vw; width: 30.11vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
margin-top: 1.15vw; margin-top: 1.15vw;
} }
.text-wrapper_3 { .text-wrapper_3 {
width: 16.25vw; width: 16.25vw;
height: 1.15vw; height: 1.15vw;
margin: 2.65vw 0 0 0.1vw; margin: 2.65vw 0 0 0.1vw;
} }
.text_14 { .text_14 {
width: 4.54vw; width: 4.54vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_15 { .text_15 {
width: 2.3vw; width: 2.3vw;
height: 1.15vw; height: 1.15vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.14vw; font-size: 1.14vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text-wrapper_4 { .text-wrapper_4 {
width: 34.8vw; width: 34.8vw;
height: 0.84vw; height: 0.84vw;
margin: 1.14vw 0 0 0.05vw; margin: 1.14vw 0 0 0.05vw;
} }
.text_16 { .text_16 {
width: 9.8vw; width: 9.8vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.text_17 { .text_17 {
width: 20.84vw; width: 20.84vw;
height: 0.84vw; height: 0.84vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.83vw; font-size: 0.83vw;
font-family: MicrosoftYaHei-Semibold; font-family: MicrosoftYaHei-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
line-height: 1.25vw; line-height: 1.25vw;
} }
.paragraph_2 { .paragraph_2 {
width: 7.5vw; width: 7.5vw;
height: 2.19vw; height: 2.19vw;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 0.93vw; font-size: 0.93vw;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: 700; font-weight: 700;
text-align: right; text-align: right;
line-height: 1.25vw; line-height: 1.25vw;
margin: 8.02vw 0 0 20.41vw; margin: 8.02vw 0 0 20.41vw;
} }
.image-wrapper_3 { .image-wrapper_3 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 30px; border-radius: 30px;
height: 8.86vw; height: 8.86vw;
width: 8.86vw; width: 8.86vw;
margin: 4.68vw 13.54vw 0 1.35vw; margin: 4.68vw 13.54vw 0 1.35vw;
} }
.image_7 { .image_7 {
width: 6.25vw; width: 6.25vw;
height: 6.15vw; height: 6.15vw;
margin: 1.35vw 0 0 1.3vw; margin: 1.35vw 0 0 1.3vw;
} }
.image-wrapper_4 { .image-wrapper_4 {
height: 5.21vw; height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c95aa795b4876c98d94ce1dc72d7d99b) background: url(https://lanhu-oss-proxy.lanhuapp.com/c95aa795b4876c98d94ce1dc72d7d99b) 100% no-repeat;
100% no-repeat; background-size: 100% 100%;
background-size: 100% 100%; width: 5.21vw;
width: 5.21vw; position: absolute;
position: absolute; left: 79.43vw;
left: 79.43vw; top: -2.6vw;
top: -2.6vw;
}
.image_8 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
} }
</style> .image_8 {
width: 1.36vw;
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment