<template>
  <div class="page flex-col">
    <!-- 使用HeaderNav组件替代重复的导航栏 -->
    <HeaderNav />
    <div class="box_1 flex-col">
      <div class="group_1 flex-col">
        <div class="group_2 flex-col">
          <div class="section_1 flex-col">
            <div class="image-wrapper_1 flex-row">
              <img
                class="label_1"
                
                src="https://lanhu-oss-proxy.lanhuapp.com/35353ba23ff97ba65d60f7ae05464f60"
              />
            </div>
            <div class="box_2 flex-row">
              <div class="block_1 flex-col"></div>
            </div>
            <div class="box_3 flex-row">
              <div class="text-group_1 flex-col justify-between">
                <span class="text_1">感谢您的提交！</span>
                <span class="text_2"
                  >我们已收到您的合作意向，专业的人员将在24小时内与您联系，请保持电话畅通。</span
                >
              </div>
            </div>
            <div class="image-wrapper_2 flex-row">
              <img
                class="image_1"
                
                src="https://lanhu-oss-proxy.lanhuapp.com/51a16d5445a24b9a5bdadd501edf4e2b"
              />
            </div>
            <div class="box_4 flex-row">
              <div class="text-wrapper_1">
                <span class="text_3">直接联系信息：</span>
                <span class="text_4">13641398000（雷女士）</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 使用Footer组件 -->
      <Footer />
    </div>
  </div>
</template>
<script>
import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue'

export default {
  components: {
    HeaderNav,
    Footer,
    HeroSection
  },
  data() {
    return {
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css" />
<style scoped>
	.page {
	  position: relative;
	  width: 100vw;
	  height: 165.32vw;
	  overflow: hidden;
	}
	
	.box_1 {
	  height: 165.32vw;
	  background: url(https://lanhu-oss-proxy.lanhuapp.com/8c77c00fde8dc36a7663b507929f3dee)
	    100% no-repeat;
	  background-size: 100% 100%;
	  width: 100vw;
	}
	
	.group_1 {
	  height: 165.32vw;
	  background: url(https://lanhu-oss-proxy.lanhuapp.com/54f3adbf4fe2132c839bfe4bb854384a)
	    100% no-repeat;
	  background-size: 100% 100%;
	  width: 100vw;
	}
	
	.group_2 {
	  height: 165.32vw;
	  background: url(https://lanhu-oss-proxy.lanhuapp.com/022182794b19df8ae1fc92da124ff6d8)
	    100% no-repeat;
	  background-size: 100% 100%;
	  width: 100vw;
	}
	
	.section_1 {
	  background-color: rgba(255, 255, 255, 1);
	  border-radius: 40px;
	  height: 36.36vw;
	  width: 52.09vw;
	  margin: 64.58vw 0 0 23.95vw;
	}
	
	.image-wrapper_1 {
	  width: 2.3vw;
	  height: 2.3vw;
	  margin: 0.98vw 0 0 48.75vw;
	}
	
	.label_1 {
	  width: 2.3vw;
	  height: 2.3vw;
	}
	
	.box_2 {
	  width: 6.2vw;
	  height: 6.2vw;
	  margin: 2.91vw 0 0 22.96vw;
	}
	
	.block_1 {
	  width: 6.2vw;
	  height: 6.2vw;
	  background: url(https://lanhu-oss-proxy.lanhuapp.com/3e5331b5e3303e1b2218ad355c8e2813)
	    100% no-repeat;
	  background-size: 100% 100%;
	}
	
	.box_3 {
	  width: 34.43vw;
	  height: 7.09vw;
	  margin: 1.66vw 0 0 8.43vw;
	}
	
	.text-group_1 {
	  width: 34.43vw;
	  height: 7.09vw;
	}
	
	.text_1 {
	  width: 15.79vw;
	  height: 2.5vw;
	  overflow-wrap: break-word;
	  color: rgba(67, 67, 67, 1);
	  font-size: 2.5vw;
	  font-family: OPPOSans-B;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 1.57vw;
	  margin-left: 9.74vw;
	}
	
	.text_2 {
	  width: 34.43vw;
	  height: 3.13vw;
	  overflow-wrap: break-word;
	  color: rgba(67, 67, 67, 1);
	  font-size: 1.25vw;
	  font-family: OPPOSans-M;
	  font-weight: 500;
	  text-align: center;
	  line-height: 1.88vw;
	  margin-top: 1.46vw;
	}
	
	.image-wrapper_2 {
	  width: 34.8vw;
	  height: 0.06vw;
	  margin: 3.33vw 0 0 8.38vw;
	}
	
	.image_1 {
	  width: 34.8vw;
	  height: 0.06vw;
	}
	
	.box_4 {
	  width: 22.35vw;
	  height: 1.25vw;
	  margin: 2.6vw 0 7.96vw 14.84vw;
	}
	
	.text-wrapper_1 {
	  width: 22.35vw;
	  height: 1.25vw;
	  overflow-wrap: break-word;
	  font-size: 0;
	  font-family: OPPOSans-B;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 1.57vw;
	}
	
	.text_3 {
	  width: 22.35vw;
	  height: 1.25vw;
	  overflow-wrap: break-word;
	  color: rgba(67, 67, 67, 1);
	  font-size: 1.25vw;
	  font-family: OPPOSans-B;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 1.57vw;
	}
	
	.text_4 {
	  width: 22.35vw;
	  height: 1.25vw;
	  overflow-wrap: break-word;
	  color: rgba(67, 67, 67, 1);
	  font-size: 1.25vw;
	  font-family: OPPOSans-M;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 1.88vw;
	}

</style>
