<template>
  <div class="page flex-col">
    <SecondHeader :title="'COOPERATION'"
                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
									name:'设备购买模式',
									url:'/cooperation',
									isSelect:true
								},{
									name:'设备租赁模式',
									url:'/lease',
									isSelect:false
								},{
									name:'运营商分级',
									url:'/operator',
									isSelect:false
								},{
									name:'代理商体系',
									url:'/agent',
									isSelect:false
								}]"/>

    <div class="group_5 flex-col">
      <div class="box_2 flex-row">
        <div class="section_1 flex-col">
          <span class="text_8">设备购买模式</span>
          <span class="text_9">适合追求长期稳定收益的机构！</span>
          <img class="image_6" src="@/assets/cooperation/icon_1.png"/>
        </div>
        <img class="image_7" src="@/assets/cooperation/icon_2.png"/>
        <img class="image_8" src="@/assets/cooperation/icon_3.png"/>
      </div>
      <div class="box_3 flex-row">
        <div class="box_4 flex-col">
          <div class="group_6 flex-row justify-between">
            <img class="label_2"
                 src="@/assets/cooperation/icon_4.png"/>
            <span class="text_10">适合对象</span>
          </div>
          <div class="group_7 flex-row justify-between">
            <div class="image-text_2 flex-row justify-between">
              <img class="image_9"
                   src="@/assets/cooperation/icon_5.png"/>
              <span
                  class="text-group_2">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。</span>
            </div>
            <div class="image-text_3 flex-row justify-between">
              <img class="image_10"
                   src="@/assets/cooperation/icon_6.png"/>
              <span class="text-group_3">计划快速回本并持续盈利的投资者。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="box_5 flex-row">
        <div class="section_2 flex-col">
          <div class="group_8 flex-row justify-between">
            <img class="label_3"
                 src="@/assets/cooperation/image_1.png"/>
            <span class="text_11">核心优势</span>
          </div>
          <div class="group_9 flex-row justify-between">
            <div class="image-text_4 flex-row">
              <div class="image-text_5 flex-row justify-between">
                <img class="image_11"
                     src="@/assets/cooperation/image_2.png"/>
                <span
                    class="paragraph_2">永久产权：设备归购买方所有，无后续租金压力，长期收益最大化。<br/>高利润回报：单次服务收费500-2000元（视项目而定），按日均5客测算，年营收可达90万+，回本周期约1.5年。</span>
              </div>
              <img class="image_12"
                   src="@/assets/cooperation/image_3.png"/>
            </div>
            <div class="image-text_6 flex-row justify-between">
              <img class="image_13"
                   src="@/assets/cooperation/image_4.png"/>
              <span class="text-group_4">增值服务溢价：可搭配健康管理套餐（如检测+调理+跟踪服务），提升客单价30%以上。</span>
            </div>
          </div>
        </div>
      </div>
      <div class="box_6 flex-row">
        <div class="section_3 flex-col">
          <div class="block_1 flex-row justify-between">
            <img class="label_4"
                 src="@/assets/cooperation/image_5.png"/>
            <span class="text_12">政策支持</span>
          </div>
          <div class="block_2 flex-row">
            <div class="image-text_7 flex-row justify-between">
              <img class="image_14"
                   src="@/assets/cooperation/image_6.png"/>
              <span class="text-group_5">采购5台以上享9折优惠，赠送AI健康管理系统</span>
            </div>
            <img class="image_15"
                 src="@/assets/cooperation/image_7.png"/>
            <span class="text_13">免费提供市场推广方案及标准化运营培训</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import HeroSection from '@/components/HeroSection.vue'
import SecondHeader from '../components/second_header.vue';
import bgHeaderUrl from '@/assets/cooperation/bg_header.png'

export default {
  components: {
    HeroSection,
    SecondHeader
  },
  data() {
    return {
      bgHeaderUrl: bgHeaderUrl,
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css"/>
<style scoped>
.page {
  position: relative;
  width: 100vw;
  height: 170vw;
  overflow: hidden;
}

.group_5 {
}

.box_2 {
  width: 85.42vw;
  height: 31.52vw;
  margin: 7.29vw 0 0 13.54vw;
}

.section_1 {
  width: 58.39vw;
  height: 31.52vw;
}

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

.text_9 {
  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;
  margin-top: 2.35vw;
}

.image_6 {
  width: 50.99vw;
  height: 23.03vw;
  margin: 2.03vw 0 0 7.39vw;
}

.image_7 {
  width: 2.09vw;
  height: 0.63vw;
  margin-left: 12.45vw;
}

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

.box_3 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 6.3vw 0 0 13.54vw;
}

.box_4 {
  height: 20.84vw;
  background: url(@/assets/cooperation/bg_1.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.group_6 {
  width: 10.73vw;
  height: 2.09vw;
  margin: 2.96vw 0 0 3.75vw;
}

.label_2 {
  width: 2.09vw;
  height: 2.09vw;
}

.text_10 {
  width: 7.4vw;
  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;
  margin-top: 0.11vw;
}

.group_7 {
  width: 52.3vw;
  height: 2.71vw;
  margin: 4.47vw 0 8.59vw 3.54vw;
}

.image-text_2 {
  width: 29.64vw;
  height: 2.71vw;
}

.image_9 {
  width: 1.1vw;
  height: 1.05vw;
}

.text-group_2 {
  width: 27.45vw;
  height: 2.71vw;
  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.67vw;
}

.image-text_3 {
  width: 18.18vw;
  height: 1.05vw;
}

.image_10 {
  width: 1.1vw;
  height: 1.05vw;
}

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

.box_5 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 2.08vw 0 0 13.54vw;
}

.section_2 {
  height: 20.84vw;
  background: url(@/assets/cooperation/bg_2.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.group_8 {
  width: 10.73vw;
  height: 1.98vw;
  margin: 2.91vw 0 0 3.75vw;
}

.label_3 {
  width: 2.09vw;
  height: 1.98vw;
}

.text_11 {
  width: 7.45vw;
  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;
  margin-top: 0.16vw;
}

.group_9 {
  width: 66.05vw;
  height: 7.19vw;
  margin: 4.63vw 0 4.11vw 3.54vw;
}

.image-text_4 {
  position: relative;
  width: 30.27vw;
  height: 7.19vw;
}

.image-text_5 {
  width: 30.27vw;
  height: 7.19vw;
}

.image_11 {
  width: 1.1vw;
  height: 1.05vw;
}

.paragraph_2 {
  width: 28.08vw;
  height: 7.19vw;
  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.67vw;
}

.image_12 {
  position: absolute;
  left: 0;
  top: 4.48vw;
  width: 1.1vw;
  height: 1.05vw;
}

.image-text_6 {
  width: 31.93vw;
  height: 2.71vw;
}

.image_13 {
  width: 1.1vw;
  height: 1.05vw;
}

.text-group_4 {
  width: 29.74vw;
  height: 2.71vw;
  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.67vw;
}

.box_6 {
  width: 72.92vw;
  height: 20.84vw;
  margin: 2.08vw 0 13.07vw 13.54vw;
}

.section_3 {
  height: 20.84vw;
  background: url(@/assets/cooperation/bg_3.png) 0vw -0.89vw no-repeat;
  background-size: 75.78vw 21.71vw;
  width: 72.92vw;
}

.block_1 {
  width: 10.47vw;
  height: 2.09vw;
  margin: 2.91vw 0 0 3.95vw;
}

.label_4 {
  width: 1.67vw;
  height: 2.09vw;
}

.text_12 {
  width: 7.35vw;
  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;
  margin-top: 0.16vw;
}

.block_2 {
  width: 54.95vw;
  height: 1.15vw;
  margin: 4.53vw 0 10.15vw 3.54vw;
}

.image-text_7 {
  width: 23.13vw;
  height: 1.15vw;
}

.image_14 {
  width: 1.1vw;
  height: 1.05vw;
}

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

.image_15 {
  width: 1.1vw;
  height: 1.05vw;
  margin-left: 10.99vw;
}

.text_13 {
  width: 18.6vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(67, 67, 67, 1);
  font-size: 1.04vw;
  font-family: OPPOSans-R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-left: 1.15vw;
}
</style>