<template>
  <div class="containerbox">
    <div class="companytopimg">
      <img src="../../../assets/companytop.png" alt />
      <div class="intro">
        <div class="introtitle">赵庆慧邀您了解唐元集</div>
        <div class="introtext flexone">
          <img src="../../../assets/xiaolian.png" alt class="xiaoimg" />
          <div class="introtitlename">亲爱的黄小丽，欢迎您走进唐元集！</div>
        </div>
      </div>

      <div class="companytext">
        <div class="comtexttop flexthree">
          <div class="textleft flexone">
            <div class="textleftheng"></div>
            <div class="textyuan"></div>
          </div>
          <div class="textname">唐元集</div>
          <div class="textleft flexone">
            <div class="textkyuan"></div>
            <div class="textrightheng"></div>
          </div>
        </div>
        <div class="companyintrotext">
          浙江唐元集健康管理有限公司是一家以线上化健康管理服务及配套产品
          方案提供为主营业务的服务型企业。 公司坐落于杭州市滨江区，毗邻钱
          塘江江畔上，借助杭州高新科技政策支持的便利，目前已经与多家海内外
          知名上市企业强强合作，拥有九大生物实验室，数十位硕士、博士组成的
          高学历研发团队，以此来保证唐元集的核心研发能力与业务创新能力。
          唐元集每一款产品从原料到成品，都经超过300多项检验项目。每一款产
          品投入市场前不仅会经过大量实验测试与验证，拥有众多获奖专利与认证。
          产品生产工厂获得了获得NCF、GMP、ISO、HACCP、BRC等国际权威认证。
          唐元集希望以科学的产品和专业的指导，帮助大家实现自我健康管理。
        </div>
      </div>
    </div>

    <div class="zizhi">
      <img src="../../../assets/beijing.png" alt />
      <div class="zizhibox">
        <div class="nameimg">
          <img src="../../../assets/juxing.png" alt class="juxingone" />
          <div class="nametext">唐元集权威资质</div>
          <div class="zizhilist flexone">
            <div class="zizhilistleft">
              <img src="../../../assets/zizhileft.png" alt />
            </div>
            <div class="zizhilistright">
              <img src="../../../assets/zizhiright.png" alt />
            </div>
          </div>
        </div>

        <div class="nameimgone">
          <img src="../../../assets/juxing.png" alt class="juxingtwo" />
          <div class="nametext">唐元集工厂注册证书 品质保证</div>
          <div class="zizhilist flextwo">
            <div class="zhuceleft">
              <img src="../../../assets/zhuceleft.png" alt />
            </div>
            <div class="zhucemiddle">
              <img src="../../../assets/zhucemiddle.png" alt />
            </div>
            <div class="zhuceright">
              <img src="../../../assets/zhuceright.png" alt />
            </div>
          </div>
        </div>

        <div class="nameimg nameimgtwo">
          <img src="../../../assets/juxing.png" alt class="juxingthree" />
          <div class="nametext">食品生产许可证</div>
          <div class="zizhilist flextwo">
            <div class="zhuceleft">
              <img src="../../../assets/shipinleft.png" alt />
            </div>
            <div class="zhucemiddle">
              <img src="../../../assets/shipinmiddle.png" alt />
            </div>
            <div class="zhuceright">
              <img src="../../../assets/shipinright.png" alt />
            </div>
          </div>
        </div>

        <div class="nameimg nameimgthree">
          <img src="../../../assets/juxing.png" alt class="juxingfour" />
          <div class="nametext">进口产品报税及入境单</div>
          <div class="zizhilist flextwo">
            <div class="shuileft">
              <img src="../../../assets/shuileft.png" alt />
            </div>
            <div class="shuiright">
              <img src="../../../assets/shuiright.png" alt />
            </div>
          </div>
        </div>

        <div class="nameimg nameimgfour">
          <img src="../../../assets/juxing.png" alt class="juxingfive" />
          <div class="nametext">上海工厂资质证书</div>
          <div class="zizhilist flextwo">
            <div class="zhengshuleft">
              <img src="../../../assets/zhengshuleft.png" alt />
            </div>
            <div class="zhengshumiddle">
              <img src="../../../assets/zhengshumiddle.png" alt />
            </div>
            <div class="zhengshuright">
              <img src="../../../assets/zhengshuright.png" alt />
            </div>
          </div>
        </div>

        <div class="nameimg nameimgfive">
          <div class="zizhilist flextwo">
            <div class="zizhileftk">
              <img src="../../../assets/zizhileftk.png" alt />
            </div>
            <div class="zizhimiddlek">
              <img src="../../../assets/zizhimiddlek.png" alt />
            </div>
            <div class="zizhirightk">
              <img src="../../../assets/zizhirightk.png" alt />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="nextpage">下一页</div>
    <!-- 弹层 -->
    <div class="register" v-if="showshare">
      <div class="fenwrap">
        <img src="../../../assets/chahao.png" alt class="chahao" @click="hideshare" />
        <div class="fenimg">
          <img src="../../../assets/fenimg.png" alt />
          <div class="fenname">结果已出，立即分享给朋友</div>
          <div class="fenbtn">立即分享</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showshare: false
    }
  },
  methods: {
    hideshare() {
      this.showshare = false
    }
  }

}
</script>

<style scoped>
@import "../../../style/usercenter.css";
</style>