<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算与智能技术学院 | 青岛城市学院 2026招生</title>
<meta name="description" content="青岛城市学院计算与智能技术学院2026招生：7个本科专业、11条可填报志愿，与宇树科技共建创新班，零基础起步，应用型工程师培养。">
<meta property="og:type" content="website">
<meta property="og:site_name" content="青岛城市学院 · 计算与智能技术学院">
<meta property="og:title" content="计算与智能技术学院 | 青岛城市学院 2026招生">
<meta property="og:description" content="青岛城市学院计算与智能技术学院2026招生：7个本科专业、11条可填报志愿，与宇树科技共建创新班，零基础起步，应用型工程师培养。">
<meta property="og:url" content="https://www.qdc.edu.cn/scit/index.html">
<meta property="og:image" content="https://www.qdc.edu.cn/scit/assets/og-cover.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="计算与智能技术学院 | 青岛城市学院 2026招生">
<meta name="twitter:description" content="青岛城市学院计算与智能技术学院2026招生：7个本科专业、11条可填报志愿，与宇树科技共建创新班，零基础起步，应用型工程师培养。">
<meta name="twitter:image" content="https://www.qdc.edu.cn/scit/assets/og-cover.jpg">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="page-wrap">
<header class="site-header" id="header">
  <div class="school-topbar-in-header">
    <div class="school-topbar-inner">
      <a href="https://www.qdc.edu.cn/" aria-label="返回青岛城市学院官网">← 返回青岛城市学院官网</a>
    </div>
  </div>
  <div class="header-inner">
    <a href="index.html" class="logo">
      <div class="logo-icon">SCIT</div>
      <div class="logo-text"><div class="logo-h">计算与智能技术学院</div><p>School of Computing and Intelligent Technology</p></div>
    </a>
    <button class="menu-toggle" onclick="toggleNav()" aria-label="菜单">☰</button>
      <nav class="main-nav" id="mainNav">
        <a href="index.html" class="active">学院介绍</a>
        <a href="zhiyuan.html" class=" hot">志愿填报指南</a>
        <div class="nav-group">
          <span class="nav-group-label" onclick="toggleNavGroup(this)">专业介绍 ▾</span>
          <div class="sub">
            <a href="major/cs.html">计算机科学与技术</a>
            <a href="major/ai.html">人工智能</a>
            <a href="major/se.html">软件工程</a>
            <a href="major/ds.html">数据科学与大数据技术</a>
            <a href="major/iot.html">物联网工程</a>
            <a href="major/net.html">网络工程</a>
            <a href="major/vr.html">虚拟现实技术</a>
          </div>
        </div>
        <div class="nav-group">
          <span class="nav-group-label" onclick="toggleNavGroup(this)">特色班 ▾</span>
          <div class="sub">
            <a href="tese.html">特色班总览</a>
            <a href="class/unitree.html">宇树创新班</a>
            <a href="class/intl.html">中外合作联合培养</a>
            <a href="class/ic.html">集成电路订单班</a>
          </div>
        </div>
        <div class="nav-group">
          <span class="nav-group-label" onclick="toggleNavGroup(this)">成果与就业 ▾</span>
          <div class="sub">
            <a href="outcomes.html">学生成果与就业</a>
            <a href="faculty.html">师资力量</a>
          </div>
        </div>
        <a href="faq.html" class="">家长常见问题</a>
        <a href="contact.html" class="">招生咨询</a>
      </nav>
  </div>
</header>
<div class="breadcrumb"><a href="https://www.qdc.edu.cn/">青岛城市学院</a><span>›</span><strong>计算与智能技术学院</strong></div>

<!-- ==================== HERO ==================== -->
<section class="hero">
  <div class="hero-grid"></div>
  <div class="hero-content">
    <div class="hero-school">QINGDAO CITY UNIVERSITY</div>
    <h1>探索计算与智能世界的<br><span class="acc">无限可能</span></h1>
    
    <p class="hero-slogan">
      零基础起步也没关系——<br>
      第一行代码，<strong>先改变你自己</strong>。<br>
      把你培养成<strong>能解决真实问题的工程师</strong>。
    </p>
    <div class="hero-stats">
      <div class="hero-stat"><div class="num">7</div><div class="lbl">本科专业</div></div>
      <div class="hero-stat"><div class="num">11</div><div class="lbl">可填报志愿</div></div>
      <div class="hero-stat"><div class="num">30+</div><div class="lbl">宇树机器人</div></div>
    </div>
    <div class="hero-btns">
      <a class="btn btn-primary" href="zhiyuan.html">看 11 条志愿怎么选 →</a>
      <a class="btn btn-ghost" href="class/unitree.html">了解宇树创新班 🤖</a>
    </div>
  </div>
</section>

<!-- 学院实景图 -->
<div class="bleed-pad">
  <img src="assets/robot_lab.jpg" alt="宇树机器人 / 学院实验室实拍" class="reveal" style="aspect-ratio:1055/420;width:100%;border-radius:var(--radius);display:block;margin-bottom:0;object-fit:cover;max-height:420px;">

<!-- ==================== 宇树 teaser（前三屏可达） ==================== -->
<a href="class/unitree.html" class="unitree-banner reveal" style="display:block;margin:16px 0 0;text-decoration:none;">
  <span class="unitree-tag">🤖 王牌资源 · 宇树创新班</span>
  <h4>校内 30+ 台宇树机器人，等你亲手调试</h4>
  <p><strong>全国普通本科院校首家宇树科技产业学院、首个面向具身智能领域的实体化产业学院</strong>，开在<strong>计算机科学与技术</strong>、<strong>人工智能</strong>两个专业下。<strong>了解宇树创新班 →</strong></p>
</a>
</div>

<!-- ==================== 核心数据看板 ==================== -->
<section class="section plain">
  <div class="section-tag reveal">为什么选这里</div>
  <h2 class="section-title reveal">四个数字，先看实力</h2>
  <p class="section-desc reveal">这是一所<strong>应用技术型</strong>学院——你从大一开始，就像真正的工程师一样学习和做项目。课程围绕真实工作任务展开，毕业时手里有拿得出手的作品、说得清楚的成长。</p>
</section>
<section class="stats-banner reveal">
  <div class="stats-grid c4">
    <div class="stat-item"><div class="val">300<sup>+</sup></div><div class="desc">智能硬件设备</div></div>
    <div class="stat-item"><div class="val">1300<sup>+</sup></div><div class="desc">近三年国省级奖项</div></div>
    <div class="stat-item"><div class="val">9</div><div class="desc">历年985考研上岸<br>院校（按院校计）</div></div>
    <div class="stat-item"><div class="val">12.3<sup>%</sup></div><div class="desc">2026届全院考研<br>成功率</div></div>
  </div>
</section>

<!-- ==================== 学院简介 ==================== -->
<section class="section plain">
  <div class="section-tag reveal">学院概况</div>
  <h2 class="section-title reveal">这是一所什么样的学院</h2>
  <p class="lead reveal">
    在青岛，和头部机器人企业<strong>宇树科技</strong>一起，学计算机、人工智能与机器人应用技术。
    学院开设 7 个本科专业，形成 11 条可填报志愿，与宇树科技等头部企业共建特色培养班，覆盖机器人、人工智能应用、集成电路制造、工业互联网等产业需求明确、岗位方向清晰的新领域。
    超过六成专业课老师有阿里、亚马逊、京东、海尔等企业实战经历，带你从“知道”变成“做到”。
    无论你想直接就业还是考研深造，都有成体系的支撑等着你——<strong>欢迎零基础的你</strong>。
  </p>
  <div class="highlight-strip zero-base reveal" style="margin-top:16px;">
    <div class="hs-icon">🎓</div>
    <div class="hs-text">各特色培养班均颁发<span>对应专业的国家统一本科毕业证书与学位证书</span>。</div>
  </div>
</section>

<!-- ==================== 学院荣誉与平台资质（V82 新增 · 修改二） ==================== -->
<section class="section grey">
  <div class="section-tag reveal">平台与资质</div>
  <h2 class="section-title reveal">学院荣誉与平台资质</h2>
  <p class="section-desc reveal">国家级、省级平台与头部企业合作资质，是学院培养质量与产业资源的“硬背书”。</p>

  <h4 class="sub-h reveal">🏛️ 国家级与省级平台 / 教改项目</h4>
  <div class="tags reveal" style="margin-top:10px;">
    <span class="tag">中央财政支持地方高校发展专项资金</span>
    <span class="tag">山东省现代产业学院（工业互联网，2026）</span>
    <span class="tag">国家计算机领域本科教育教学改革试点工作（“101计划”）试点应用项目</span>
    <span class="tag">山东省普通本科高校重点领域教学改革试点项目（“111计划”）</span>
  </div>

  <h4 class="sub-h reveal" style="margin-top:18px;">🤝 产业联盟 · 人才培养共同体 · 基地</h4>
  <div class="tags reveal" style="margin-top:10px;">
    <span class="tag accent">中国具身智能教育联盟</span>
    <span class="tag accent">具身智能产学研融合青岛基地</span>
    <span class="tag">山东省电子信息卓越工程师人才培养共同体</span>
    <span class="tag">山东省人工智能赋能集成电路设计与集成系统专业急需紧缺人才高质量培养共同体</span>
  </div>

  <h4 class="sub-h reveal" style="margin-top:18px;">🎖️ 头部企业学院（认证培养平台）</h4>
  <div class="tags reveal" style="margin-top:10px;">
    <span class="tag blue">华为 ICT 学院（优选级）</span>
    <span class="tag blue">红帽学院（IBM）</span>
    <span class="tag blue">AWS Academy（亚马逊）</span>
  </div>
  <p class="tags-note reveal" style="margin-top:10px;">以上为学院已获认定或共建的平台、项目与合作资质；“101 / 111 计划”为教育教学改革试点项目，最终以主管部门当年公布口径为准。</p>
</section>

<!-- ==================== 专业与方向速览 ==================== -->
<section class="section grey">
  <div class="section-tag reveal">专业与志愿速览</div>
  <h2 class="section-title reveal">7 个专业 · 11 条志愿</h2>
  <p class="section-desc reveal">点开每个专业，看看到底学什么、毕业能干什么 👇<br>🔥热门 · 🤝订单班 · 🌏中外合作</p>
  <div class="major-list reveal">

    <a class="major-row" href="major/cs.html">
      <div class="mr-head"><span class="mr-icon">⚙️</span><span class="mr-name">计算机科学与技术</span><span class="mr-arrow">3 条志愿可选 →</span></div>
      <div class="mr-dirs">
        <span class="mr-dir">计算机科学与技术（普通班） <span class="attr-tag tag-real">已有真实去向</span></span>
        <span class="mr-dir">计算机科学与技术（宇树创新班） <span class="dir-badge b-hot">🔥</span> <span class="attr-tag tag-target">2026目标岗位</span></span>
        <span class="mr-dir">计算机科学与技术（中外合作联合培养） <span class="dir-badge b-intl">🌏</span> <span class="attr-tag tag-resource">国际化路径</span></span>
      </div>
    </a>

    <a class="major-row" href="major/ai.html">
      <div class="mr-head"><span class="mr-icon">🤖</span><span class="mr-name">人工智能</span><span class="mr-arrow">2 条志愿可选 →</span></div>
      <div class="mr-dirs">
        <span class="mr-dir">人工智能（普通班） <span class="attr-tag tag-mixed">已有/目标综合口径</span></span>
        <span class="mr-dir">人工智能（宇树创新班） <span class="dir-badge b-hot">🔥</span> <span class="attr-tag tag-target">2026目标岗位</span></span>
      </div>
    </a>

    <a class="major-row" href="major/se.html">
      <div class="mr-head"><span class="mr-icon">💻</span><span class="mr-name">软件工程</span><span class="mr-arrow">1 条志愿可选 →</span></div>
      <div class="mr-dirs"><span class="mr-dir">软件工程（AI应用与智能工程） <span class="attr-tag tag-mixed">已有专业基础 + AI方向首年</span></span></div>
      <div class="mr-note">写软件的人现在必须会用人工智能工具——相关工具直接放在大二课表里</div>
    </a>

    <a class="major-row" href="major/iot.html">
      <div class="mr-head"><span class="mr-icon">📡</span><span class="mr-name">物联网工程</span><span class="mr-arrow">2 条志愿可选 →</span></div>
      <div class="mr-dirs">
        <span class="mr-dir">物联网工程（集成电路订单班） <span class="dir-badge b-order">🤝</span> <span style="font-size:11px;color:var(--text-muted);">设备 / 工艺岗位</span> <span class="attr-tag tag-order">订单推荐</span></span>
        <span class="mr-dir">物联网工程（工业互联网） <span class="attr-tag tag-real">已有真实去向</span></span>
      </div>
    </a>

    <a class="major-row" href="major/net.html">
      <div class="mr-head"><span class="mr-icon">🌐</span><span class="mr-name">网络工程</span><span class="mr-arrow">1 条志愿可选 →</span></div>
      <div class="mr-dirs"><span class="mr-dir">网络工程（智能运维） <span class="attr-tag tag-real">已有真实去向</span></span></div>
      <div class="mr-note">网络运维正在从“人盯着”变成“系统自己跑”——你学的就是搭这套系统</div>
    </a>

    <a class="major-row" href="major/ds.html">
      <div class="mr-head"><span class="mr-icon">📊</span><span class="mr-name">数据科学与大数据技术</span><span class="mr-arrow">1 条志愿可选 →</span></div>
      <div class="mr-dirs"><span class="mr-dir">数据科学与大数据技术（普通班） <span class="attr-tag tag-real">已有真实去向</span></span></div>
    </a>

    <a class="major-row" href="major/vr.html">
      <div class="mr-head"><span class="mr-icon">🥽</span><span class="mr-name">虚拟现实技术</span><span class="mr-arrow">1 条志愿可选 →</span></div>
      <div class="mr-dirs"><span class="mr-dir">虚拟现实技术（数字孪生与机器人仿真） <span class="attr-tag tag-target">2026目标岗位</span></span></div>
      <div class="mr-note">定额小班，专项应用型培养</div>
    </a>

  </div>
</section>

<!-- ==================== 宇树创新班专区（深色特区） ==================== -->
<section class="section dark">
  <div class="section-tag reveal">FLAGSHIP · 王牌资源</div>
  <h2 class="section-title reveal">青岛城市学院-宇树科技产业学院</h2>
  <p class="section-desc reveal">你在抖音上刷到的那些翻跟头的机器人，就是宇树科技造的。<br>现在，你有机会学习它背后的技术。</p>

  <div class="unitree-banner reveal">
    <div class="unitree-tag">🤖 全国普通本科首家 · 宇树科技产业学院</div>
    <h4>把机器人搬进本科课堂</h4>
    <p><strong>全国普通本科院校范围内首家宇树科技产业学院</strong>，也是普通本科院校中<strong>首个面向具身智能领域的实体化产业学院</strong>。人形机器人、四足机器人整整 <strong>30 余台套</strong>就在你的实验室里——不是看视频，是你亲手调试、编程、跑起来。开在<strong>计算机科学与技术</strong>与<strong>人工智能</strong>两个专业下。</p>

    <div class="unitree-collage reveal" style="margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;border-radius:var(--radius);overflow:hidden;">
      <img loading="lazy" src="assets/unitree_g1.jpg" alt="宇树机器人实训场景" style="width:100%;height:200px;object-fit:cover;object-position:center;display:block;">
      <img loading="lazy" src="assets/unitree_g1d.jpg" alt="VR遥操作实训" style="width:100%;height:200px;object-fit:cover;object-position:center;display:block;">
      <img loading="lazy" src="assets/unitree_songling.jpg" alt="机械臂实训" style="width:100%;height:200px;object-fit:cover;object-position:center;display:block;">
    </div>

    <div class="unitree-cards">
      <div class="unitree-mini"><div class="um-icon">🦿</div><h5>硬件平台</h5><p>人形机器人<br>四足机器狗<br>虚拟现实（VR）遥操作套装</p></div>
      <div class="unitree-mini"><div class="um-icon">📚</div><h5>专属课程</h5><p>机器人运维测试<br>智能机器人项目实战<br>机器人操作系统编程</p></div>
      <div class="unitree-mini"><div class="um-icon">🏆</div><h5>校企双导师</h5><p>校内 60%+ 双师型（院级）<br>+ 宇树企业导师<br>手把手带项目</p></div>
      <div class="unitree-mini"><div class="um-icon">🧠</div><h5>万㎡实训基地</h5><p>独栋万㎡基地<br>数千万元级设备<br>人手一台不排队</p></div>
    </div>
    <div class="deep-toggle-wrap reveal" style="margin-top:12px;">
      <button class="deep-toggle" onclick="toggleDeep(this)"><span class="dt-label">💎 了解更多：设备型号清单</span></button>
      <div class="deep-body">设备型号包括宇树 H2 / G1 人形机器人、Go2 / A2 Pro 四足机器人、虚拟现实（VR）遥操作套装等 30+ 台套。</div>
    </div>

    <div class="unitree-outcome">
      <div class="uo-title">🚀 毕业能做什么</div>
      <p><b>计算机科学与技术（宇树创新班）：</b>机器人应用开发工程师、机器人调试测试与交付工程师、机器人系统集成工程师。<br><b>人工智能（宇树创新班）：</b>机器人感知与数据评测工程师、机器人人工智能应用调试工程师、机器人交互应用开发工程师。<br>两条志愿从大一起触碰真机，按培养方案从大二起进入企业真实项目实训，毕业时简历上有看得见的机器人项目作品集。<span style="opacity:.85;font-size:13px;">（2026 首届招生，暂无毕业生就业数据，不承诺进入宇树科技或其他特定企业就业。）</span></p>
    </div>
  </div>
  <a class="btn btn-primary reveal" style="width:100%;" href="class/unitree.html">了解宇树创新班完整内容 →</a>
  <div class="reveal" style="text-align:center;margin-top:12px;"><a href="https://www.qdc.edu.cn/unitree-college/" target="_blank" rel="noopener" style="color:rgba(255,255,255,0.85);font-size:14px;border-bottom:1px solid rgba(255,255,255,0.35);padding-bottom:2px;">🔗 宇树科技产业学院官网</a></div>
</section>

<!-- ==================== 四大特色工坊 ==================== -->
<section class="section plain">
  <div class="section-tag reveal">实训实践</div>
  <h2 class="section-title reveal">四大实践工坊</h2>
  <p class="section-desc reveal">学编程最好的办法就是——<strong>动手做东西</strong>。四大工坊全年开放。</p>
  <div class="feat-grid reveal">
    <div class="feat-card"><div class="fc-icon">⚡</div><h4>伏羲智创坊</h4><p>全栈开发工坊<br>每周代码马拉松</p></div>
    <div class="feat-card"><div class="fc-icon">🧠</div><h4>白泽认知坊</h4><p>人工智能实验室<br>图像识别、语言理解方向</p></div>
    <div class="feat-card"><div class="fc-icon">🔥</div><h4>祝融边缘火工坊</h4><p>物联网试验场<br>传感器到云端全流程</p></div>
    <div class="feat-card"><div class="fc-icon">🌊</div><h4>大禹治数台</h4><p>大数据训练场<br>真实数据集驱动</p></div>
  </div>
</section>

<!-- ==================== 实训风采 · 无标题图片带（V78） ==================== -->
<div class="bleed-pad">
  <div class="reveal bleed-grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:var(--radius);overflow:hidden;">
    <img loading="lazy" src="assets/shixun1.jpg" alt="学生协作编程实训场景" style="width:100%;height:260px;object-fit:cover;display:block;">
    <img loading="lazy" src="assets/shixun2.jpg" alt="智能装备实验室实训场景" style="width:100%;height:260px;object-fit:cover;display:block;">
    <img loading="lazy" src="assets/shixun3.jpg" alt="数据项目实践实训场景" style="width:100%;height:260px;object-fit:cover;display:block;">
    <img loading="lazy" src="assets/shixun4.jpg" alt="网络与系统实训场景" style="width:100%;height:260px;object-fit:cover;display:block;">
  </div>
</div>

<!-- ==================== 全球认证 + 竞赛 ==================== -->
<section class="section grey">
  <div class="section-tag reveal">在校可考的证书</div>
  <h2 class="section-title reveal">在校就能拿全球认证</h2>
  <p class="section-desc reveal">不用等毕业，这些证书就是你简历上的<strong>加分项</strong>。证书不是额外“硬背”，而是跟课程项目一起练出来的。</p>
  <div class="tags reveal" style="margin-bottom:18px;">
    <span class="tag blue">鸿蒙应用开发认证</span>
    <span class="tag blue">网络工程认证</span>
    <span class="tag blue">系统运维认证</span>
    <span class="tag blue">云平台工程认证</span>
    <span class="tag blue">人工智能训练认证</span>
    <span class="tag blue">软考 + 职业技能认证</span>
  </div>
  <div class="deep-toggle-wrap reveal" style="margin-bottom:18px;">
    <button class="deep-toggle" onclick="toggleDeep(this)"><span class="dt-label">💎 了解更多：认证对应的厂商全称</span></button>
    <div class="deep-body">进阶认证包括：华为鸿蒙 HarmonyOS、华为 ICT（HCIA / HCIP）、Red Hat 红帽认证、AWS Academy 云架构师、NVIDIA DLI 深度学习等。</div>
  </div>
  <div class="highlight-strip reveal"><div class="hs-icon">🏅</div><div class="hs-text">三年斩获 <span>1300+ 项</span>国省级竞赛奖项：华为 ICT 大赛山东冠军、睿抗 RAICOM 全国亚军、蓝桥杯多项国省奖。</div></div>
</section>

<!-- ==================== 师资力量 ==================== -->
<section class="section plain">
  <div class="section-tag reveal">师资力量</div>
  <h2 class="section-title reveal">你的导师们</h2>
  <p class="section-desc reveal">港科大博士、前亚马逊工程师……<br>他们不是“讲课的人”，而是“带你干活的人”。</p>
  <div class="faculty-grid reveal">

    <div class="faculty-card"><div class="faculty-photo"><div class="faculty-avatar">李</div><img src="photos/李金贤.jpg" alt="李金贤" style="object-position:center top;" loading="lazy" decoding="async" onerror="this.style.display='none'"></div><div class="faculty-body"><div class="faculty-name">李金贤</div><span class="faculty-title-tag">院长 · 前华为高级架构师</span><div class="faculty-detail">曾任职爱立信、神州数码、华为</div><div class="faculty-detail">资深通信与软件系统架构经验</div><div class="faculty-detail">主导企业合作项目与专业建设</div></div></div>
    <div class="faculty-card"><div class="faculty-photo"><div class="faculty-avatar">夏</div><img loading="lazy" src="photos/夏剑.jpg" alt="夏剑" style="object-position:center top;" onerror="this.style.display='none'"></div><div class="faculty-body"><div class="faculty-name">夏剑</div><span class="faculty-title-tag">港科大博士</span><div class="faculty-detail">香港科技大学博士</div><div class="faculty-detail">前亚马逊中国 / 雅虎北研工程师</div><div class="faculty-detail">方向：人工智能应用、大数据技术</div></div></div>
    <div class="faculty-card"><div class="faculty-photo"><div class="faculty-avatar">田</div><img loading="lazy" src="photos/田国刚.jpg" alt="田国刚" style="object-position:center top;" onerror="this.style.display='none'"></div><div class="faculty-body"><div class="faculty-name">田国刚</div><span class="faculty-title-tag">中科院计算所博士</span><div class="faculty-detail">中国科学院计算技术研究所博士</div><div class="faculty-detail">前京东金融大数据风控算法负责人 / 前腾讯搜索技术负责人</div><div class="faculty-detail">前奇虎360算法工程师</div></div></div>
    </div>
  <a class="btn btn-ghost reveal" style="width:100%;background:var(--bg);color:var(--blue);border-color:var(--border);margin-top:14px;" href="faculty.html">查看完整师资与企业导师 →</a>
</section>

<!-- ==================== 学生去向 / 就业成效 ==================== -->
<section class="section warm">
  <div class="section-tag reveal">学生成果</div>
  <h2 class="section-title reveal">毕业去哪？数据说话</h2>
  <p class="section-desc reveal">无论考研深造还是直接就业，都有成体系的支撑。</p>

  <div class="stats-banner reveal" style="border-radius:var(--radius);margin-bottom:18px;">
    <div style="color:var(--accent-light);font-size:14px;font-weight:700;margin-bottom:14px;">📊 2025、2026届考研成绩</div>
    <div class="stats-grid c2">
      <div class="stat-item"><div class="val">114</div><div class="desc">上岸人数</div></div>
      <div class="stat-item"><div class="val">9</div><div class="desc">2025、2026届<br>双一流人数（按学生数计）</div></div>
    </div>
    <div class="tags reveal outcomes-school-tags" style="margin-top:12px;">
      <span class="tag">延边大学</span>
      <span class="tag">天津工业大学</span>
      <span class="tag">东北师范大学</span>
      <span class="tag">西北农林科技大学</span>
      <span class="tag">大连海事大学</span>
      <span class="tag">新疆大学</span>
      <span class="tag">哈尔滨工程大学</span>
      <span class="tag">福州大学</span>
      <span class="tag">南京信息工程大学</span>
    </div>
  </div>

  <h4 class="sub-h reveal">💼 近三届毕业生部分真实去向企业　<span class="attr-tag tag-real">已有真实去向</span></h4>
  <div class="tags reveal" style="margin-bottom:18px;">
    <span class="tag">歌尔股份</span><span class="tag">思锐智能</span><span class="tag">青软晶尊</span><span class="tag">华为（南研所）</span><span class="tag">亚信科技</span><span class="tag">神州数码</span><span class="tag">东软集团</span><span class="tag">农业银行</span><span class="tag">建设银行</span><span class="tag">山东电力</span><span class="tag">广州视源</span><span class="tag">中电绿网</span><span class="tag">迅维网络</span>
  </div>
  <p class="tags-note reveal" style="margin-bottom:12px;font-size:12px;color:var(--text-muted);line-height:1.7;">
    仅列近三届毕业生部分真实去向。宇树创新班、虚拟现实技术等 2026 首届/首次招生方向展示的是培养目标岗位和产业合作资源，不等同于已有毕业去向或就业承诺。
  </p>

  <a class="btn btn-blue reveal" style="width:100%;" href="outcomes.html">查看更多就业 · 升学 · 竞赛成果 →</a>
</section>

<!-- ==================== 校园生活 ==================== -->
<section class="section plain">
  <div class="section-tag reveal">校园环境</div>
  <h2 class="section-title reveal">校园生活</h2>
  <p class="section-desc reveal">在青岛，海边的大学。</p>
  <div class="asset-grid reveal">
    <div class="media-slot" style="padding:0;overflow:hidden;"><img loading="lazy" src="assets/campus_view.jpg" alt="校园全景" style="width:100%;height:100%;object-fit:cover;display:block;min-height:130px;"></div>
    <div class="media-slot" style="padding:0;overflow:hidden;"><img loading="lazy" src="assets/campus_canteen.jpg" alt="食堂实拍" style="width:100%;height:100%;object-fit:cover;display:block;min-height:130px;"></div>
    <div class="media-slot" style="padding:0;overflow:hidden;"><img loading="lazy" src="assets/campus_dorm.jpg" alt="宿舍实拍" style="width:100%;height:100%;object-fit:cover;display:block;min-height:130px;"></div>
    <div class="media-slot" style="padding:0;overflow:hidden;"><img loading="lazy" src="assets/campus_gym.jpg" alt="运动场" style="width:100%;height:100%;object-fit:cover;display:block;min-height:130px;"></div>
  </div>
</section>

<!-- ==================== CTA + 下载/转发 ==================== -->
<section class="cta-section navy">
  <h2>四年后的你，能做什么？</h2>
  <p>先看看 11 条志愿怎么选，找到最适合你的那一条。</p>
  <a class="btn btn-primary" href="zhiyuan.html">进入 2026 志愿填报导航 →</a>
</section>


<footer class="site-footer">
  <div class="footer-brand">
    <strong>青岛城市学院 · 计算与智能技术学院</strong><br>
    <p>School of Computing and Intelligent Technology · QCU-SCIT</p>
    <p>📍 青岛市城阳区铁骑山路79号（266106）</p>
    <p>📞 招生咨询：186 6979 2534</p>
  </div>
  <div class="footer-nav">
    <a href="index.html">学院介绍</a>
    <a href="zhiyuan.html">志愿填报指南</a>
    <a href="tese.html">特色班总览</a>
    <a href="class/unitree.html">宇树创新班</a>
    <a href="outcomes.html">学生成果与就业</a>
    <a href="faculty.html">师资力量</a>
    <a href="faq.html">家长常见问题</a>
    <a href="contact.html">招生咨询</a>
    <a href="https://www.qdc.edu.cn/" target="_blank">学校官网</a>
    <a href="https://www.qdc.edu.cn/unitree-college/" target="_blank">宇树产业学院官网</a>
  </div>
  <div class="footer-bottom">
      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">鲁ICP备13015998号-1</a>
      &ensp;|&ensp;
      <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021402000792" target="_blank" rel="noopener">鲁公网安备37021402000792号</a>
      &ensp;|&ensp;
      <span>&copy;2005-2026 青岛城市学院</span>
    </div>
</footer>

<!-- 固定底部行动栏（移动端常驻） -->
<nav class="action-bar">
  <a class="call" href="tel:18669792534"><span class="ab-ic">📞</span>拨打</a>
  <a href="contact.html"><span class="ab-ic">💬</span>加微信</a>
  <a href="contact.html"><span class="ab-ic">📱</span>公众号</a>
  <a href="zhiyuan.html"><span class="ab-ic">🧭</span>志愿导航</a>
</nav>

<button class="back-top" id="backTop" onclick="window.scrollTo({top:0,behavior:'smooth'})" aria-label="返回顶部">↑</button>
</div><!-- /page-wrap -->
<script src="js/main.js"></script>
</body>
</html>