<template>
  <div class="page flex-col">
    <SecondHeader :title="'COOPERATION'"
                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
							name:'品牌介绍',
							url:'/Product',
							isSelect:false
						},{
							name:'用户案例',
							url:'/case',
							isSelect:false
						},{
							name:'增值服务',
							url:'/serve',
							isSelect:true
						}]"/>
    <div class="box_3 flex-col">
      <div class="block_1 flex-row justify-between">
        <div class="box_4 flex-col">
          <div class="group_2 flex-row justify-between">
            <span class="text_7">增值服务</span>
            <img class="image_6"
                 src="@/assets/serve/icon_1.png"/>
          </div>
          <span class="text_8">不止于设备，更提供全周期健康管理</span>
          <span
              class="text_9">选择阳生万物，您投资的不仅是国际领先的科技产品，更是一套成熟的商业模式和持续盈利的保障。我们通过全方位的增值服务，为您扫清障碍，赋能增长，共同开拓千亿级蓝海市场。</span>
          <div class="group_3 flex-col">
            <div class="box_5 flex-row">
              <span class="text_10">市场启动与培训支持</span>
              <img class="image_7"
                   src="@/assets/serve/icon_2.png"/>
              <span class="text_11">整装待发：从0到1的快速启动赋能</span>
            </div>
            <div class="box_6 flex-row">
              <img class="image_8"
                   src="@/assets/serve/icon_3.png"/>
              <div class="text-wrapper_2">
                <span class="paragraph_1">“金牌指挥官”认证培训<br/></span>
                <span class="text_12">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。</span>
              </div>
              <img class="image_9"
                   src="@/assets/serve/icon_4.png"/>
              <div class="text-wrapper_3">
                <span class="paragraph_2">专属启动工具包<br/></span>
                <span
                    class="text_13">赠送内含高标准营销物料（宣传视频、PPT、手册、海报）、合同范本、话术手册的“开业大礼包”，助您快速开业。</span>
              </div>
              <img class="image_10"
                   src="@/assets/serve/icon_5.png"/>
              <div class="text-wrapper_4">
                <span class="paragraph_3">试点体验舱支持<br/></span>
                <span
                    class="text_14">根据市场开拓计划，优先为优质代理商提供短期使用的体验舱，助力市场预热和客户转化。</span>
              </div>
            </div>
          </div>
        </div>
        <img class="image_11" src="@/assets/serve/icon_6.png"/>
      </div>
      <div class="block_2 flex-row">
        <div class="box_7 flex-col">
          <div class="box_8 flex-row">
            <span class="text_15">营销与销售支持</span>
            <img class="image_12"
                 src="@/assets/serve/icon_7.png"/>
            <span class="text_16">精准获客：数字化营销与品牌强力背书</span>
          </div>
          <div class="box_9 flex-row">
            <img class="image_13"
                 src="@/assets/serve/icon_8.png"/>
            <div class="text-wrapper_5">
              <span class="paragraph_4">全域营销素材支持<br/></span>
              <span
                  class="text_17">总部持续生产高质量新媒体内容（公众号文章、短视频、小红书笔记、KOL测评），您可一键转发，轻松打造本地化专业人设。</span>
            </div>
            <img class="image_14"
                 src="@/assets/serve/icon_9.png"/>
            <div class="text-wrapper_6">
              <span class="paragraph_5">线上线索精准导流<br/></span>
              <span
                  class="text_18">总部通过品牌投放、自媒体运营获取的潜在客户咨询，将根据区域精准派发给您，助力您高效成交。</span>
            </div>
            <img class="image_15"
                 src="@/assets/serve/icon_10.png"/>
            <div class="text-wrapper_7">
              <span class="paragraph_6">高端品牌活动授权<br/></span>
              <span
                  class="text_19">授权您以“阳生万物”名义在当地举办沙龙、品鉴会、健康讲座，总部提供活动方案策划与执行指导，提升您的品牌权威性。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="block_3 flex-row">
        <div class="group_4 flex-col">
          <div class="box_10 flex-row">
            <span class="text_20">运营与技术支持</span>
            <img class="image_16"
                 src="@/assets/serve/icon_11.png"/>
            <span class="text_21">无忧运营：一站式后端保障服务</span>
          </div>
          <div class="box_11 flex-row">
            <img class="image_17"
                 src="@/assets/serve/icon_12.png"/>
            <div class="text-wrapper_8">
              <span class="paragraph_7">专属代理商管理后台<br/></span>
              <span
                  class="text_22">提供智能化后台管理系统，实时查看合同、租金支付、预约管理、客户信息、一键保修，管理业务一目了然。</span>
            </div>
            <img class="image_18"
                 src="@/assets/serve/icon_13.png"/>
            <div class="text-wrapper_9">
              <span class="paragraph_8">7x24小时技术响应中心<br/></span>
              <span
                  class="text_23">总部建立专家技术团队，为您的客户提供远程技术支持和故障诊断，复杂问题提供上门服务，极大减轻您的售后压力。</span>
            </div>
            <img class="image_19"
                 src="@/assets/serve/icon_14.png"/>
            <div class="text-wrapper_10">
              <span class="paragraph_9">客户成功协同服务<br/></span>
              <span
                  class="text_24">协助您为客户提供专业的售前体验、售中讲解和售后回访服务指南，确保客户获得最佳体验，提升复购和转介绍率。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="block_4 flex-row">
        <div class="box_12 flex-col">
          <div class="box_13 flex-row">
            <span class="text_25">持续盈利与商业创新支持</span>
            <img class="image_20"
                 src="@/assets/serve/icon_15.png"/>
            <span class="text_26">赢在未来：挖掘持续收入与跨界增长</span>
          </div>
          <div class="box_14 flex-row">
            <img class="image_21"
                 src="@/assets/serve/icon_16.png"/>
            <div class="text-wrapper_11">
              <span class="paragraph_10">多元化商业模式咨询<br/></span>
              <span
                  class="text_27">总部输出经过验证的多元化盈利模型（如：设备租赁方案、与酒店/健身房的分成合作方案、企业健康福利方案），助您开拓B端，突破收入天花板。</span>
            </div>
            <img class="image_22"
                 src="@/assets/serve/icon_17.png"/>
            <div class="text-wrapper_12">
              <span class="paragraph_11">区域保护与拓展权益<br/></span>
              <span
                  class="text_28">严格的区域保护政策保障您的核心利益。业绩优异的代理商将获得优先续约权及周边未开发区域的优先代理权。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="text-wrapper_13 flex-row">
        <span class="text_29">与我们同行，您获得的将不仅是产品，而是</span>
      </div>
      <div class="block_5 flex-row">
        <div class="group_5 flex-col">
          <div class="list_1 flex-row">
            <div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }"
                 v-for="(item, index) in loopData0" :key="index"></div>
          </div>
          <div class="text-wrapper_14 flex-row">
            <span class="paragraph_12">一套成熟的<br/>商业模式</span>
            <span class="paragraph_13">一个高价值的<br/>品牌授权</span>
            <span class="paragraph_14">一个持续分成的<br/>盈利管道</span>
            <span class="paragraph_15">一个全天候的<br/>运营支持系统</span>
            <span class="paragraph_16">一个共同成长的<br/>战略伙伴</span>
          </div>
        </div>
      </div>
      <div class="text-wrapper_15 flex-row">
        <span class="text_30">立即加盟，开启您的健康科技财富事业！</span>
      </div>
      <div class="block_6 flex-row">
        <div class="text-wrapper_16 align-center justify-center flex-col">
          <span class="text_31">立即申请成为合作伙伴</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import HeroSection from '@/components/HeroSection.vue'
import SecondHeader from '../components/second_header.vue';
import serveBg1 from '@/assets/serve/bg_1.png'
import serveBg2 from '@/assets/serve/bg_2.png'
import serveBg3 from '@/assets/serve/bg_3.png'
import serveBg4 from '@/assets/serve/bg_4.png'
import serveBg5 from '@/assets/serve/bg_5.png'
import bgHeaderUrl from '@/assets/serve/bg_header.png'

export default {
  components: {
    HeroSection,
    SecondHeader
  },
  data() {
    return {
      bgHeaderUrl: bgHeaderUrl,
      loopData0: [{
        lanhuBg0: `url(${serveBg1}) 100% no-repeat`,
      },
        {
          lanhuBg0: `url(${serveBg2}) 100% no-repeat`,
        },
        {
          lanhuBg0: `url(${serveBg3}) 100% no-repeat`,
        },
        {
          lanhuBg0: `url(${serveBg4}) 100% no-repeat`,
        },
        {
          lanhuBg0: `url(${serveBg5}) 100% no-repeat`,
        },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css"/>
<style scoped>
.page {
  position: relative;
  width: 100vw;
  height: 230vw;
  overflow: hidden;
}

.box_3 {
  width: 100vw;
  height: 184.07vw;
  margin-bottom: 18.18vw;
}

.block_1 {
  width: 85.53vw;
  height: 35.94vw;
  margin: 7.29vw 0 0 13.43vw;
}

.box_4 {
  width: 73.03vw;
  height: 35.94vw;
}

.group_2 {
  width: 72.97vw;
}

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

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

.text_8 {
  width: 27.19vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.66vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 2.08vw 0 0 0.1vw;
}

.text_9 {
  width: 72.87vw;
  height: 2.66vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  line-height: 1.57vw;
  margin-top: 1.67vw;
}

.group_3 {
  height: 22.92vw;
  background: url(@/assets/serve/bg_7.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 72.92vw;
  margin: 2.34vw 0 0 0.1vw;
}

.box_5 {
  width: 47.71vw;
  height: 1.88vw;
  margin: 3.59vw 0 0 8.95vw;
}

.text_10 {
  width: 16.67vw;
  height: 1.88vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image_7 {
  width: 0.06vw;
  height: 1.83vw;
  margin: 0.05vw 0 0 5.98vw;
}

.text_11 {
  width: 23.34vw;
  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: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.66vw;
}

.box_6 {
  width: 67.71vw;
  height: 9.02vw;
  margin: 4.73vw 0 3.69vw 2.34vw;
}

.image_8 {
  width: 3.34vw;
  height: 3.34vw;
}

.text-wrapper_2 {
  width: 15.53vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.98vw;
}

.paragraph_1 {
  width: 15.53vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_12 {
  width: 15.53vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_9 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 4.12vw;
}

.text-wrapper_3 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_2 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_13 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_10 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 4.07vw;
}

.text-wrapper_4 {
  width: 15.58vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_3 {
  width: 15.58vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_14 {
  width: 15.58vw;
  height: 6.83vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_11 {
  width: 11.46vw;
  height: 19.12vw;
}

.block_2 {
  width: 72.92vw;
  height: 22.92vw;
  margin: 2.08vw 0 0 13.54vw;
}

.box_7 {
  height: 22.92vw;
  background: url(@/assets/serve/bg_8.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 72.92vw;
}

.box_8 {
  width: 50.89vw;
  height: 1.88vw;
  margin: 3.59vw 0 0 8.9vw;
}

.text_15 {
  width: 12.97vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image_12 {
  width: 0.06vw;
  height: 1.83vw;
  margin: 0.05vw 0 0 9.73vw;
}

.text_16 {
  width: 26.52vw;
  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: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.61vw;
}

.box_9 {
  width: 67.71vw;
  height: 9.02vw;
  margin: 4.73vw 0 3.69vw 2.34vw;
}

.image_13 {
  width: 3.34vw;
  height: 3.34vw;
}

.text-wrapper_5 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_4 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_17 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_14 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 4.12vw;
}

.text-wrapper_6 {
  width: 15.58vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_5 {
  width: 15.58vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_18 {
  width: 15.58vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_15 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 4.07vw;
}

.text-wrapper_7 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_6 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_19 {
  width: 15.58vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.block_3 {
  width: 72.92vw;
  height: 22.92vw;
  margin: 2.08vw 0 0 13.54vw;
}

.group_4 {
  height: 22.92vw;
  background: url(@/assets/serve/bg_9.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 72.92vw;
}

.box_10 {
  width: 46.2vw;
  height: 1.88vw;
  margin: 3.59vw 0 0 8.9vw;
}

.text_20 {
  width: 12.97vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image_16 {
  width: 0.06vw;
  height: 1.83vw;
  margin: 0.05vw 0 0 9.73vw;
}

.text_21 {
  width: 21.78vw;
  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: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.66vw;
}

.box_11 {
  width: 67.77vw;
  height: 9.02vw;
  margin: 4.73vw 0 3.69vw 2.34vw;
}

.image_17 {
  width: 3.34vw;
  height: 3.34vw;
}

.text-wrapper_8 {
  width: 16.62vw;
  height: 6.98vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.26vw 0 0 0.93vw;
}

.paragraph_7 {
  width: 16.62vw;
  height: 6.98vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_22 {
  width: 16.62vw;
  height: 6.98vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_18 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 3.08vw;
}

.text-wrapper_9 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_8 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_23 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_19 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 4.02vw;
}

.text-wrapper_10 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_9 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_24 {
  width: 15.63vw;
  height: 8.7vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.block_4 {
  width: 72.92vw;
  height: 22.92vw;
  margin: 2.08vw 0 0 13.54vw;
}

.box_12 {
  height: 22.92vw;
  background: url(@/assets/serve/bg_10.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 72.92vw;
}

.box_13 {
  width: 49.33vw;
  height: 1.88vw;
  margin: 3.59vw 0 0 8.9vw;
}

.text_25 {
  width: 20.47vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image_20 {
  width: 0.06vw;
  height: 1.83vw;
  margin: 0.05vw 0 0 2.23vw;
}

.text_26 {
  width: 24.9vw;
  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: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 0.15vw 0 0 1.66vw;
}

.box_14 {
  width: 67.5vw;
  height: 7.24vw;
  margin: 4.73vw 0 5.46vw 2.34vw;
}

.image_21 {
  width: 3.34vw;
  height: 3.34vw;
}

.text-wrapper_11 {
  width: 26.41vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_10 {
  width: 26.41vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_27 {
  width: 26.41vw;
  height: 6.93vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.image_22 {
  width: 3.34vw;
  height: 3.34vw;
  margin-left: 3.44vw;
}

.text-wrapper_12 {
  width: 29.12vw;
  height: 4.95vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
  margin: 0.31vw 0 0 0.93vw;
}

.paragraph_11 {
  width: 29.12vw;
  height: 4.95vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  line-height: 1.88vw;
}

.text_28 {
  width: 29.12vw;
  height: 4.95vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  line-height: 1.88vw;
}

.text-wrapper_13 {
  width: 47.3vw;
  height: 2.77vw;
  margin: 8.12vw 0 0 26.35vw;
}

.text_29 {
  width: 47.3vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 82, 217, 1);
  font-size: 2.5vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.block_5 {
  width: 72.92vw;
  height: 26.05vw;
  margin: 3.59vw 0 0 13.54vw;
}

.group_5 {
  width: 72.92vw;
  height: 26.05vw;
  background: url(@/assets/serve/bg_11.png) 100% no-repeat;
  background-size: 100% 100%;
}

.list_1 {
  width: 62.77vw;
  height: 4.43vw;
  margin: 7.91vw 0 0 5.1vw;
}

.list-items_1 {
  width: 4.38vw;
  height: 3.81vw;
  background-size: 100% 100%;
  margin: 0.26vw 10.2vw 0 0;
}

.text-wrapper_14 {
  width: 65.73vw;
  height: 2.82vw;
  margin: 4.73vw 0 6.14vw 4.21vw;
}

.paragraph_12 {
  width: 6.15vw;
  height: 2.82vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  line-height: 1.57vw;
}

.paragraph_13 {
  width: 7.4vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  line-height: 1.57vw;
  margin-left: 7.82vw;
}

.paragraph_14 {
  width: 8.65vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  line-height: 1.57vw;
  margin-left: 6.57vw;
}

.paragraph_15 {
  width: 7.45vw;
  height: 2.82vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  line-height: 1.57vw;
  margin-left: 6.52vw;
}

.paragraph_16 {
  width: 8.65vw;
  height: 2.82vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: OPPOSans-B;
  font-weight: 700;
  text-align: center;
  line-height: 1.57vw;
  margin-left: 6.57vw;
}

.text-wrapper_15 {
  width: 32.35vw;
  height: 2.04vw;
  margin: 5.26vw 0 0 33.8vw;
}

.text_30 {
  width: 32.35vw;
  height: 2.04vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.87vw;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.block_6 {
  width: 18.6vw;
  height: 3.96vw;
  margin: 2.08vw 0 11.97vw 40.72vw;
}

.text-wrapper_16 {
  height: 3.96vw;
  background: url(@/assets/common/btnBC.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 18.6vw;
}

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