<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  <meta name="Keywords" content="泰颐群星,泰颐,泰颐群星娱乐,上海泰颐群星娱乐服务有限公司,tayent,练习生招聘,娱乐服务,营销宣传,明星公关,影视剧本制作,商演,文娱活动" />
  <meta name="Description" content="泰颐群星娱乐服务有限公司（简称泰颐）创始团队拥有丰富的行业资源，成熟的运营路径及雄厚资金背景。在创始团队国际化造星理念加持下，泰颐未来将培养并推出更多新生代优秀艺人，打造从明星孵化到作品产出的连贯商业链条。" />
  <title>泰颐群星</title>
  <link rel="icon" href="images/favicon.ico">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="./css/element.min.css">
  <link rel="stylesheet" href="./js/swiper-11.0.3/swiper/swiper-bundle.min.css">
  <script src="./js/vue.min.js"></script>
  <!-- 引入组件库 -->
  <script src="./js/element.min.js"></script>
  <script src="./js/swiper-11.0.3/swiper/swiper-bundle.min.js"></script>
  <script src="./js/data/actorJson.js?v=473827368900"></script>
  <link rel="stylesheet" href="./css/index.css?v=473827368900">
</head>

<body>
  <script>
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          if (clientWidth >= 750) {
            docEl.style.fontSize = '100px'
            wrap_box.show = false
          } else {
            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
          }
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  </script>
  <div class="wrap" id="wrap_box" ref="scroll" @scroll="scroll">
    <header>
      <div class="header">
        <div class="header_box">
          <img src="images/logo.png" class="header_logo_img" alt="">
          <div class="nav_list_box">
            <div class="header_nav_box nav_pc">
              <div class="nav_list about_name" @click="navCut('#about')">
                <p class="nav_name">关于我们</p>
                <div class="nav_active">
                  <img src="images/nav_active.png" class="about_logo" alt="">
                </div>
              </div>
              <div class="nav_list marketing_nav_box" @click="navCut('#marketing')">
                <p class="nav_name">经营经验</p>
                <div class="marketing_active">
                  <img src="images/nav_active.png" class="marketing_logo" alt="">
                </div>
              </div>
              <div class="nav_list marketing_nav_box" @click="navCut('#actor')">
                <p class="nav_name">艺人阵容</p>
                <div class="marketing_active">
                  <img src="images/nav_active.png" class="marketing_logo" alt="">
                </div>
              </div>
              <div class="nav_list business_nav_box" @click="navCut('#business')">
                <p class="nav_name">业务布局</p>
                <div class="business_active">
                  <img src="images/nav_active.png" class="business_nav_logo" alt="">
                </div>
              </div>
              <div class="nav_list contact_nav_box" @click="navCut('#contact')">
                <p class="nav_name">联系我们</p>
                <div class="contact_active">
                  <img src="images/nav_active.png" class="contact_active_logo" alt="">
                </div>
              </div>
            </div>
            <div class="nav_btn nav_pc" @click="skipForm">
              <p class="btn_name">艺人招募计划</p>
              <img src="images/arrow.png" class="arrow" alt="">
            </div>
            <div class="nav_h5" @click="show = true">
              <img src="images/menu.png" class="menu_img" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="header_title_box">
        <img src="./images/title_name_logo.png" alt="">
      </div>
    </header>
    <main>
      <div class="main">
        <div class="about_box" id="about">
          <div class="about_info_box about_pc container">
            <div class="about_left_box">
              <img src="images/about_title.png" class="about_img" alt="">
              <div class="about_title_box">
                <img src="images/title_img.png" class="title_img" alt="">
                <p class="about_title">关于泰颐</p>
              </div>
              <div class="about_content_box">
                <div class="about_content">
                  泰颐群星娱乐服务有限公司（以下简称泰颐）创始团队拥有丰富的行业资源，成熟的运营路径及雄厚资金背景。在创始团队国际化造星理念加持下，泰颐未来将培养并推出更多新生代优秀艺人，打造从明星孵化到作品产出的连贯商业链条。
                </div>
                <div class="about_content">
                  泰颐的核心经营理念在于打破固有的“台上台下”关系，让粉丝更近距离接触明星，切实参与养成，与他们共同成长，享受互动的乐趣。
                </div>
                <div class="about_content">
                  泰颐核心运营团队曾参与并主导多个影视综艺项目及个人宣传发行合作，同时拥有多年运营粉丝平台的经验。各项目全平台代理运营粉丝群落超百个，吸纳粉丝体量超千万，微博相关超话讨论度过亿。投资团队专注于娱乐影视行业，覆盖影视制作、IP改编、演出代理、营销公关、艺人孵化等板块，投资规模过亿。
                </div>
              </div>
            </div>
            <div class="about_right_box">
              <img src="images/about_img.png" class="about_right_img" alt="">
            </div>
          </div>
          <div class="about_h5 container">
            <div class="h5_about_info_box">
              <img src="images/about_title.png" class="h5_about_img" alt="">
              <div class="h5_about_title_box">
                <img src="images/title_img.png" class="h5_title_img" alt="">
                <p class="h5_about_title">关于泰颐</p>
              </div>
              <div class="h5_about_content_box">
                <div class="h5_about_content">
                  泰颐群星娱乐服务有限公司（以下简称泰颐）创始团队拥有丰富的行业资源，成熟的运营路径及雄厚资金背景。在创始团队国际化造星理念加持下，泰颐未来将培养并推出更多新生代优秀艺人，打造从明星孵化到作品产出的连贯商业链条。
                </div>
                <div class="h5_about_content">
                  泰颐的核心经营理念在于打破固有的“台上台下”关系，让粉丝更近距离接触明星，切实参与养成，与他们共同成长，享受互动的乐趣。
                </div>
                <div class="h5_about_content">
                  泰颐核心运营团队曾参与并主导多个影视综艺项目及个人宣传发行合作，同时拥有多年运营粉丝平台的经验。各项目全平台代理运营粉丝群落超百个，吸纳粉丝体量超千万，微博相关超话讨论度过亿。投资团队专注于娱乐影视行业，覆盖影视制作、IP改编、演出代理、营销公关、艺人孵化等板块，投资规模过亿。
                </div>
              </div>
              <div class="h5_about_content_img_box">
                <img src="images/about_img.png" class="h5_about_content_img" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="marketing_box" id="marketing">
          <div class="marketing_pc container">
            <div class="marketing_content_box">
              <img src="images/marketing_title_logo.png" class="marketing_content_img" alt="">
              <div class="marketing_info_box">
                <div class="marketing_title_box">
                  <img src="images/title_img.png" class="marketing_title_img" alt="">
                  <p class="marketing_title_name">营销经验</p>
                </div>
                <div class="marketing_content">
                  影视项目有《人民的名义》、《沉默的真相》、《乔家的儿女》、《大江大河》、《我是余欢水》、《陈情令》、《山河令》、《三十而已》、《风吹半夏》等。
                </div>
                <div class="marketing_content">
                  综艺项目有《奔跑吧》、《吐槽大会》、《脱口秀大会青春有你》、《名侦探学院》、《中国好声音》、《密室大逃脱》、《极限挑战》、《这！就是街舞》、《创造营2019》等。
                </div>
                <div class="marketing_content">
                  过往合作艺人有肖战、易烊千玺、王源、张艺兴、柯蓝、阚清子、童瑶、高叶、郭京飞、白宇、于正、刘浩存、徐璐、蒋梦婕、焦俊艳、韩庚等。
                </div>
              </div>
            </div>
          </div>
          <div class="marketing_h5 container">
            <img src="images/marketing_title_logo.png" class="marketing_content_img" alt="">
            <div class="marketing_info_box">
              <div class="marketing_title_box">
                <img src="images/title_img.png" class="marketing_title_img" alt="">
                <p class="marketing_title_name">营销经验</p>
              </div>
              <div class="marketing_content">
                影视项目有《人民的名义》、《沉默的真相》、《乔家的儿女》、《大江大河》、《我是余欢水》、《陈情令》、《山河令》、《三十而已》、《风吹半夏》等。
              </div>
              <div class="marketing_content">
                综艺项目有《奔跑吧》、《吐槽大会》、《脱口秀大会青春有你》、《名侦探学院》、《中国好声音》、《密室大逃脱》、《极限挑战》、《这！就是街舞》、《创造营2019》等。
              </div>
              <div class="marketing_content">
                过往合作艺人有肖战、易烊千玺、王源、张艺兴、柯蓝、阚清子、童瑶、高叶、郭京飞、白宇、于正、刘浩存、徐璐、蒋梦婕、焦俊艳、韩庚等。
              </div>
            </div>
          </div>
        </div>
        <div class="actor_box" id="actor">
          <div class="actor_pc container">
            <div class="actor_info_box">
              <div class="actor_title_box">
                <img src="images/title_img.png" class="actor_title_img" alt="">
                <p class="actor_title_name">艺人阵容</p>
              </div>
              <div class="swiper swiper_pc">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" v-for="actor in actorList">
                    <img :src="actor.picture" class="actor_logo" alt="" @click="actorPage(actor.id)">
                    <p class="actor_name" v-text="actor.name" @click="actorPage(actor.id)"></p>
                  </div>

                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>
          <div class="actor_h5 container">
            <div class="actor_title_box">
              <img src="images/title_img.png" class="business_title_img" alt="">
              <p class="actor_title_name">艺人阵容</p>
            </div>
            <div class="swiper swiper_h5">
              <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="actor in actorList">
                  <img :src="actor.picture" class="actor_logo" alt="" @click="actorPage(actor.id)">
                  <p class="actor_name" v-text="actor.name"></p>
                </div>
              </div>
              <!-- 如果需要分页器 -->
              <div class="swiper-pagination"></div>

            </div>
          </div>
        </div>
        <div class="business_box" id="business">
          <div class="business_pc container">
            <div class="business_info_box">
              <img src="images/business_logo.png" class="business_content_img" alt="">
              <div class="business_title_box">
                <img src="images/title_img.png" class="business_title_img" alt="">
                <p class="business_title_name">业务布局</p>
              </div>
              <div class="business_list_box">
                <div class="business_list">
                  <img src="images/starHatch.png" class="business_logo" alt="">
                  <p class="business_name">明星孵化</p>
                  <p class="business_remark">star hatch</p>
                </div>
                <div class="business_list">
                  <img src="images/marketing.png" class="business_logo" alt="">
                  <p class="business_name">营销宣传</p>
                  <p class="business_remark">marketing promotion</p>
                </div>
                <div class="business_list">
                  <img src="images/film.png" class="business_logo" alt="">
                  <p class="business_name">影视、剧本制作</p>
                  <p class="business_remark">film and television script production</p>
                </div>
                <div class="business_list">
                  <img src="images/brokerage.png" class="business_logo" alt="">
                  <p class="business_name">演绎经纪、公关</p>
                  <p class="business_remark">Brokerage, Public Relations</p>
                </div>
                <div class="business_list">
                  <img src="images/commercial.png" class="business_logo" alt="">
                  <p class="business_name">商业演出活动</p>
                  <p class="business_remark">commercial performances</p>
                </div>
                <div class="business_list">
                  <img src="images/other.png" class="business_logo" alt="">
                  <p class="business_name">其他文娱服务</p>
                  <p class="business_remark">Other entertainment services</p>
                </div>
              </div>
            </div>
          </div>
          <div class="business_h5 container">
            <img src="images/business_logo.png" class="business_content_img" alt="">
            <div class="business_title_box">
              <img src="images/title_img.png" class="business_title_img" alt="">
              <p class="business_title_name">业务布局</p>
            </div>
            <div class="business_h5_list">
              <img src="images/starHatch.png" class="business_logo" alt="">
              <p class="business_name">明星孵化</p>
              <p class="business_remark">star hatch</p>
            </div>
            <div class="business_h5_list">
              <img src="images/marketing.png" class="business_logo" alt="">
              <p class="business_name">营销宣传</p>
              <p class="business_remark">marketing promotion</p>
            </div>
            <div class="business_h5_list">
              <img src="images/film.png" class="business_logo" alt="">
              <p class="business_name">影视、剧本制作</p>
              <p class="business_remark">film and television script production</p>
            </div>
            <div class="business_h5_list">
              <img src="images/brokerage.png" class="business_logo" alt="">
              <p class="business_name">演绎经纪、公关</p>
              <p class="business_remark">Brokerage, Public Relations</p>
            </div>
            <div class="business_h5_list">
              <img src="images/commercial.png" class="business_logo" alt="">
              <p class="business_name">商业演出活动</p>
              <p class="business_remark">commercial performances</p>
            </div>
            <div class="business_h5_list">
              <img src="images/other.png" class="business_logo" alt="">
              <p class="business_name">其他文娱服务</p>
              <p class="business_remark">Other entertainment services</p>
            </div>
          </div>
        </div>
        <div class="contact_box" id="contact">
          <div class="contact_pc container">
            <div class="contact_info_box">
              <div class="contact_left_box">
                <img src="images/contact_logo.png" class="contact_title_logo" alt="">
                <div class="contact_title_box">
                  <img src="images/title_img.png" class="contact_logo" alt="">
                  <p class="contact_title_name">
                    联系我们
                  </p>
                </div>
                <div class="contact_email_box">
                  <p class="contact_email_label">联系邮箱:</p>
                  <p class="contact_email_value">Tayent@163.com</p>
                </div>
                <div class="contact_site_box">
                  <p class="contact_site_label">公司地址:</p>
                  <p class="contact_site_value">上海市嘉定区汇源路中广国际创意园H栋</p>
                  <p class="contact_site_value">上海市浦东新区锦绣东路1999号</p>
                </div>
              </div>
              <div class="contact_right_box">
                <div class="contact_map_box">
                  <div class="contact_site_info">
                    <p class="contact_site_name">上海市嘉定区汇源路中广国际创意园H栋</p>
                    <img src="images/site_logo.png" class="contact_site_logo" alt="" @click="toMap('上海市嘉定区汇源路中广国际创意园')">
                  </div>
                </div>
                <div class="contact_map_box">
                  <div class="contact_site_info">
                    <p class="contact_site_name">上海市浦东新区锦绣东路1999号</p>
                    <img src="images/site_logo.png" class="contact_site_logo" alt="" @click="toMap('上海市浦东新区锦绣东路1999号')">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="contact_h5 container">
            <div class="contact_info_box">
              <div class="contact_left_box">
                <img src="images/contact_logo.png" class="contact_title_logo" alt="">
                <div class="contact_title_box">
                  <img src="images/title_img.png" class="contact_logo" alt="">
                  <p class="contact_title_name">
                    联系我们
                  </p>
                </div>
                <div class="contact_email_box">
                  <p class="contact_email_label">联系邮箱:</p>
                  <p class="contact_email_value">Tayent@163.com</p>
                </div>
                <div class="contact_site_box">
                  <p class="contact_site_label">公司地址:</p>
                  <p class="contact_site_value">上海市嘉定区汇源路中广国际创意园H栋</p>
                  <p class="contact_site_value">上海市浦东新区锦绣东路1999号</p>
                </div>
              </div>
              <div class="contact_right_box">
                <div class="contact_map_box">
                  <div class="contact_site_info">
                    <p class="contact_site_name">上海市嘉定区汇源路中广国际创意园H栋</p>
                    <img src="images/site_logo.png" class="contact_site_logo" alt="" @click="toMap('上海市嘉定区汇源路中广国际创意园')">
                  </div>
                </div>
                <div class="contact_map_box">
                  <div class="contact_site_info">
                    <p class="contact_site_name">上海市浦东新区锦绣东路1999号</p>
                    <img src="images/site_logo.png" class="contact_site_logo" alt="" @click="toMap('上海市浦东新区锦绣东路1999号')">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <footer>
      <div class="footer">
        Copyright © 2023 By 泰颐群星娱乐 备案号：<a href="http://beian.miit.gov.cn/" class="linkName"
          target="_blank">沪ICP备2023010791号-1</a>
      </div>
    </footer>
    <el-drawer size="75%" :show-close="false" :visible.sync="show" direction="rtl">
      <div class="h5_nav_list_box">
        <div>
          <img src="images/nav_logo.png" class="page_logo" alt="">
          <div class="close_logo_box" @click="show = false">
            <img src="images/close_logo1.png" class="close_logo" alt="">
          </div>
          <div class="h5_nav_list">
            <p class="h5_nav_name" @click="navCut('#about')">关于我们</p>
            <p class="h5_nav_name" @click="navCut('#marketing')">营销经验</p>
            <p class="h5_nav_name" @click="navCut('#actor')">艺人阵容</p>
            <p class="h5_nav_name" @click="navCut('#business')">业务布局</p>
            <p class="h5_nav_name" @click="navCut('#contact')">联系我们</p>
          </div>
          <div class="h5_nav_btn" @click="skipForm">
            <p class="h5_btn_name">艺人招募计划</p>
            <img src="images/arrow.png" class="h5_arrow" alt="">
          </div>
        </div>
      </div>
    </el-drawer>
    <img src="./images/back_top_logo.png" v-if="isBackTopShow" @click="goTop" class="back_top_logo" alt="">
  </div>
</body>
<script>

  function initSwiper(className, groupSize, navigationShow) {
    groupSize = groupSize || 5

    var swiper = new Swiper(className, {
      slidesPerView: groupSize,
      slidesPerGroup: groupSize,
      centeredSlides: false,
      keyboard: {
        enabled: true,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      lazy: {
        loadPrevNext: true,
      }
    });
  }
  let wrap_box = new Vue({
    el: '#wrap_box',
    data: {
      show: false,
      isBackTopShow: false,
      actorList: actorJson
    },
    mounted() {
      window.addEventListener('scroll', this.scroll, true)
      this.show = location.search ? true : false
      initSwiper(".swiper_pc")
      initSwiper(".swiper_h5", 3)
    },
    methods: {
      toMap(siteName) {
        let url = `http://map.baidu.com/search/${siteName}/@13493946.685,3665392.23,19z?querytype=s&da_src=shareurl&wd=${siteName}&c=289&src=0&pn=0&sug=0&l=13&b=(13512886,3627290;13578422,3659610)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2`
        open(url)
      },
      scroll() {
        const scrollTop = window.pageYOffset || document.documentElement.createCompany || document.body.createCompany
        this.isBackTopShow = scrollTop >= 950 ? true : false
      },
      navCut(id) {
        document.querySelector(id).scrollIntoView(true)
        const auchor = this.$el.querySelector(id)
        window.scrollTo({
          top: auchor.offsetTop
        })
        this.show = false
      },
      skipForm() {
        window.location.href = './pages/recruit.html'
      },
      goTop() {
        scrollTo({
          top: 0
        })
      },
      actorPage(id) {
        window.open(`./pages/actors.html?id=${id}`)
      }
    }
  });
</script>

</html>
