<!DOCTYPE html>
<html>
  <script type="text/javascript">
    var ctx = '/c'
    var domain = '//www.yy.com'
    var baseUrl = '//www.yy.com/c'
    var serverTime = '1610435470725'
    var formatTime = new Date(serverTime)
    var hours = formatTime.getHours()
    var mins = formatTime.getMinutes()
    var messageTime = hours + ':' + mins
    var videoStaticPath = '//v.m.yystatic.com'
    var staticPath = '//res.cont.yy.com'
    var staticPath1 = '//res1.cont.yy.com'
  </script>

  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>广州皓蓝网络科技有限公司</title>
    <script src="/assets/jquery-3.6.4.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="/assets/index.css" type="text/css" />
  </head>

  <body>
    <div class="header">
      <ul class="nav-list clearfix" id="headerNav">
        <li class="nav-item active">首页</li>
        <li class="nav-item">企业文化</li>
        <li class="nav-item">联系我们</li>
      </ul>
    </div>
    <div class="main-content">
      <a class="header-img can-navigate" style="background-image: url('/assets/bg5.jpg')" href="" target="_blank"></a>
      <div class="article-module">
        <div style="width: 1000px; margin: 0 auto">
          <div class="article-title">广州皓蓝网络科技有限公司</div>
          <div>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify"><strong>主要经营范围：</strong></p>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify">
              网上电影服务;网上图片服务;网上视频服务;网上读物服务;网络音乐服务;
            </p>
          </div>
        </div>
      </div>
      <div class="article-module" style="background: #ffffff">
        <div style="width: 1000px; margin: 0 auto">
          <div class="article-title">企业文化</div>
          <div>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: left">
              <strong>公司愿景使命</strong>
              &nbsp;为客户提供高品质的产品和解决方案
            </p>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: left">
              <strong>公司价值观&nbsp;</strong>
              以客户为中心
            </p>
          </div>
        </div>
      </div>
      <div class="article-module" style="background: #ffffff">
        <div style="width: 1000px; margin: 0 auto">
          <!-- <div class="article-title">我们的产品</div>
          <div>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify">
              动漫周边APP&mdash;&mdash;最专业的动漫周边发售平台
            </p>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify">
              租房APP&mdash;&mdash;大学毕业生免押金租房的APP
            </p>
          </div> -->
        </div>
      </div>
    </div>
    <div class="main-content hidden">
      <a class="header-img can-navigate" style="background-image: url('/assets/bg6.jpg')" href="" target="_blank"></a>
      <div class="picture-article-module clearfix">
        <div class="picture-wrap">
          <div class="picture-one">
            <img src="./active1.png" />
          </div>
        </div>
        <div class="picture-info">
          <div class="picture-title">皓蓝-同事好声音歌唱比赛</div>
          <div>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify">
              为了丰富员工的文化生活，让员工在工作之余放松自我，释放压力，加强企业凝聚力，经过企业文化部门的认真策划，首届同事好声音歌唱比赛拉开了巨幕。在比赛中，我们看到了平常工作严肃的同事深情的另一面。在比赛中，选手在台上深情歌唱，其他同事在台中高声欢呼，宛如一场明星见面会呢。
            </p>
          </div>
        </div>
      </div>
      <div class="picture-article-module clearfix">
        <div class="picture-wrap">
          <div class="picture-one">
            <img src="./active2.png" />
          </div>
        </div>
        <div class="picture-info">
          <div class="picture-title">皓蓝-部门大轰趴</div>
          <div>
            <p style="margin-left: 0cm; margin-right: 0cm; text-align: justify">
              每年，公司会举办轰趴活动，欢迎新员工入职。家庭聚会这种方式，为新旧员工提供了相互认识、相互了解，相互沟通的机会，让青年员工可以快速地适应公司的节奏，有利于激发新员工的激情和热情，促进公司稳步发展。
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="main-content hidden">
      <a class="header-img can-navigate" style="background-image: url('/assets/bg6.jpg')" href="" target="_blank"></a>
      <div class="article-module" style="background: #ffffff">
        <div style="width: 1000px; margin: 0 auto">
          <div class="article-title">公司地址</div>
          <div>
            <p>
              中文地址：广州市番禺区南村镇万博二路79号2907
              <br />
              邮编：511442
              <br />
              电话：020-82120110
            </p>
          </div>
        </div>
      </div>
    </div>
    <style type="text/css">
      .footer a {
        color: #fff;
      }
    </style>
    <div class="footer">
      <p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011302001845" target="_blank">粤公网安备 44011302001845号</a></p>
      <p><a href="http://beian.miit.gov.cn" target="_blank">粤ICP备18073495号</a></p>
      <p>广州皓蓝网络科技有限公司</p>
    </div>
    <script>
      $('.nav-item', '#headerNav').on('click', function (e) {
        $(this).addClass('active').siblings().removeClass('active')
        var idx = $(this).index()
        $('.main-content').eq(idx).removeClass('hidden').siblings('.main-content').addClass('hidden')
      })
    </script>
  </body>
</html>
