<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算机科学与技术 | 计算与智能技术学院 · 青岛城市学院</title>
<meta name="description" content="青岛城市学院计算机科学与技术专业：普通班/宇树创新班/中外合作联合培养三方向，101计划教材，宽口径就业，零基础起步。">
<meta property="og:type" content="website">
<meta property="og:site_name" content="青岛城市学院 · 计算与智能技术学院">
<meta property="og:title" content="计算机科学与技术 | 计算与智能技术学院 · 青岛城市学院">
<meta property="og:description" content="青岛城市学院计算机科学与技术专业：普通班/宇树创新班/中外合作联合培养三方向，101计划教材，宽口径就业，零基础起步。">
<meta property="og:url" content="https://www.qdc.edu.cn/scit/major/cs.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="计算机科学与技术 | 计算与智能技术学院 · 青岛城市学院">
<meta name="twitter:description" content="青岛城市学院计算机科学与技术专业：普通班/宇树创新班/中外合作联合培养三方向，101计划教材，宽口径就业，零基础起步。">
<meta name="twitter:image" content="https://www.qdc.edu.cn/scit/assets/og-cover.jpg">
<link rel="stylesheet" href="../css/style.css">
</head>
<style>
.hero.compact {
  padding: 34px var(--pad-x);
  background: linear-gradient(135deg,#0b1d33,#1565c0);
}
.hero-bg-img {
  position:absolute;
  top:50%; transform:translateY(-50%);
  height:260px;
  width:calc(50% - var(--pad-x) - 7.5px);
  background-size:cover; background-position:center; border-radius:10px; opacity:0.75;
  z-index:0;
}
.hero-bg-img--left {
  left:var(--pad-x);
  background-image:url('../assets/cs/cs1.jpg');
}
.hero-bg-img--right {
  right:var(--pad-x);
  background-image:url('../assets/cs/cs2.jpg');
}
.hero::before { z-index:1;}
.hero-grid {z-index:2;}
.hero-content { position:relative; z-index:3; }

/* hero 下方满屏图横幅：背景满屏、内容限宽 */
.bleed-pad { padding: 22px var(--pad-x) 22px; }

/* ============================================================
   FILM STRIP / 老式胶卷效果
   ============================================================ */
.film-strip {
  position:relative;
  background:#1a1a1a;
  border-radius:8px;
  padding: 24px 16px;
  overflow:hidden;
}
.film-strip-inner {
  display:flex;
  gap:8px;
  animation: filmScroll 30s linear infinite;
}
.film-strip-inner:hover {
  animation-play-state:paused;
}
.film-frame {
  flex:0 0 180px;
  border:2px solid #333;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.4);
}
.film-frame img {
  width:100%;
  height:135px;
  object-fit:cover;
  display:block;
}
@keyframes filmScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 4px)); }
}
</style>
<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="">学院介绍</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><a href="../index.html">计算与智能技术学院</a><span>›</span><strong>专业介绍</strong><span>›</span><strong>计算机科学与技术</strong></div>

<section class="hero compact">
  <div class="hero-bg-img hero-bg-img--left"></div>
  <div class="hero-bg-img hero-bg-img--right"></div>
  <div class="hero-grid"></div>
  <div class="hero-content">
    <div class="hero-tag">1 条普通班志愿 + 2 条特色志愿</div>
    <h1>⚙️ 计算机科学与技术</h1>
    <p class="hero-slogan">不管技术怎么变，<strong>软件、系统、数据的底层能力都用得上</strong>——<br>计算机科学与技术是就业口径最宽的专业之一。</p>
    <h3 class="hero-slogan">软件开发、后端/全栈、测试开发、系统运维、人工智能应用等<span style="color: #fbbf52;"> 都有转向空间</span></h3>
  </div>
</section>
<div class="bleed-pad">
  <div class="film-strip">
    <div class="film-strip-inner">
      <div class="film-frame"><img src="../assets/cs/1.jpg" alt="场景1"></div>
      <div class="film-frame"><img src="../assets/cs/2.jpg" alt="场景2"></div>
      <div class="film-frame"><img src="../assets/cs/3.jpg" alt="场景3"></div>
      <div class="film-frame"><img src="../assets/cs/4.jpg" alt="场景4"></div>
      <div class="film-frame"><img src="../assets/cs/5.jpg" alt="场景5"></div>
      <div class="film-frame"><img src="../assets/cs/6.jpg" alt="场景6"></div>
      <div class="film-frame"><img src="../assets/cs/7.jpg" alt="场景7"></div>
      <div class="film-frame"><img src="../assets/cs/8.jpg" alt="场景8"></div>
      <div class="film-frame"><img src="../assets/cs/9.jpg" alt="场景9"></div>
      <div class="film-frame"><img src="../assets/cs/10.jpg" alt="场景10"></div>
      <div class="film-frame"><img src="../assets/cs/11.jpg" alt="场景10"></div>
      <div class="film-frame"><img src="../assets/cs/1.jpg" alt="场景1"></div>
      <div class="film-frame"><img src="../assets/cs/2.jpg" alt="场景2"></div>
      <div class="film-frame"><img src="../assets/cs/3.jpg" alt="场景3"></div>
      <div class="film-frame"><img src="../assets/cs/4.jpg" alt="场景4"></div>
      <div class="film-frame"><img src="../assets/cs/5.jpg" alt="场景5"></div>
      <div class="film-frame"><img src="../assets/cs/6.jpg" alt="场景6"></div>
      <div class="film-frame"><img src="../assets/cs/7.jpg" alt="场景7"></div>
      <div class="film-frame"><img src="../assets/cs/8.jpg" alt="场景8"></div>
      <div class="film-frame"><img src="../assets/cs/9.jpg" alt="场景9"></div>
      <div class="film-frame"><img src="../assets/cs/10.jpg" alt="场景10"></div>
      <div class="film-frame"><img src="../assets/cs/11.jpg" alt="场景10"></div>
    </div>
  </div>
</div>

<!-- <div class="one-liner">
  <div class="ql">软件开发、后端/全栈、测试开发、系统运维、人工智能应用<span class="acc">等方向都有转向空间</span></div>
</div> -->


<section class="section plain tight" style="padding-top:0;">
  <div class="highlight-strip zero-base reveal"><div class="hs-icon">🌱</div><div class="hs-text">没写过一行代码也<span>没关系</span>——大一从第一个 Python 小程序开始，老师手把手带你跑通它。</div></div>
</section>

<section class="section grey">
  <div class="section-tag reveal">专业数据</div>
  <h2 class="section-title reveal">专业核心数据</h2>
  <div class="stats-banner board-light reveal" style="border-radius:var(--radius);">
    <div class="stats-grid c4">
      <div class="stat-item"><div class="val">100%</div><div class="desc">双师型教师（本专业）占比</div></div>
      <div class="stat-item"><div class="val">95%<sup>+</sup></div><div class="desc">企业常用能力认证通过率</div></div>
      <div class="stat-item"><div class="val">200<sup>+</sup></div><div class="desc">国家级竞赛获奖人次/年</div></div>
      <div class="stat-item"><div class="val">40%<sup>+</sup></div><div class="desc">研究生报考上岸率超过国家平均（29%+）</div></div></div>
  </div>
</section>

<section class="section plain">
  <div class="section-tag reveal">为什么选</div>
  <h2 class="section-title reveal">为什么选这个专业</h2>
  <div class="feat-grid reveal">
    <div class="feat-card"><div class="fc-icon">📘</div>
    <h4>就业口径宽，全栈通吃</h4>
    <p>覆盖IT互联网全赛道，职业选择不设限</p></div>
  <div class="feat-card"><div class="fc-icon">🏆</div><h4>底座型专业，天花板高</h4><p>构筑底层系统思维，提升未来技术高度</p></div>
  <div class="feat-card"><div class="fc-icon">🔑</div><h4>深造契合度高，体制就业友好</h4><p>考研考公专业对口，体制内认可度高</p></div>
  <div class="feat-card"><div class="fc-icon">🌏</div><h4>专业通用型强，转型成本低</h4><p>从业方向容错率高，跨界发展轻松</p></div></div>
</section>

<section class="section grey">
  <div class="section-tag reveal">志愿对比</div>
  <h2 class="section-title reveal">三条志愿，怎么选？</h2>
  <p class="section-desc reveal">先看清“计算机科学与技术是什么”，再比较三条志愿——这是你最重要的决策工具。</p>
  <div class="cmp-scroll reveal"><table class="cmp-table"><thead><tr><th>对比维度</th><th>普通班</th><th class="hot-col">宇树创新班 🔥</th><th>中外合作 🌏</th></tr></thead><tbody>
<tr><th>一句话</th><td>经典宽口径培养</td><td class="hot-col">机器人与人工智能深度培养</td><td>国内 + 海外双校园</td></tr>
<tr><th>学费/年</th><td>2.48 万</td><td class="hot-col hl">2.48 万</td><td>2.48 万元/年× 4 年（四年都缴）+ 赴外另缴外方学费</td></tr>
<tr><th>培养模式</th><td>4 年校内</td><td class="hot-col">校企联合培养</td><td>2+2 学分互认</td></tr>
<tr><th>核心差异课程</th><td>—</td><td class="hot-col">机器人操作系统、运动控制等</td><td>全英文专业课、海外学期</td></tr>
<tr><th>适合谁</th><td>想灵活选方向</td><td class="hot-col">对机器人、人工智能有兴趣</td><td>英语好、想出国深造</td></tr>
<tr><th>毕业证书 / 学位</th><td>计算机科学与技术本科毕业证 + 工学学士学位</td><td class="hot-col">计算机科学与技术（与普通班一致）</td><td>中方：计算机科学与技术本科毕业证 + 工学学士学位；2+2 完成外方环节后可申请外方学士学位；3+1 为海外后续学习衔接</td></tr>
<tr><th>就业方向</th><td>软件开发 / 后端或全栈开发 / 软件测试或测试开发 / 考研（系统运维为能力延展方向）</td><td class="hot-col">机器人应用开发 / 调试测试与交付 / 系统集成 / 考研</td><td>海外深造 / 回国技术岗 / 外企技术岗</td></tr>
</tbody></table></div>

  <div class="dl-grid" style="margin-top:14px;">
      <a class="dl-btn" href="../class/unitree.html"><span class="dl-ic">🤖</span>宇树创新班专题页 <span class="dl-todo">→</span></a>
      <a class="dl-btn" href="../class/intl.html"><span class="dl-ic">🌏</span>中外合作联合培养专题页 <span class="dl-todo">→</span></a>
    </div>
  <div class="highlight-strip reveal" style="background:#fff;border-color:var(--border);align-items:flex-start;margin-top:12px;">
    <div class="hs-icon">🛟</div>
    <div class="hs-text" style="font-weight:500;line-height:1.7;"><b>中外合作不出国也有兜底：</b>若四年内未获得出国（境）学习机会，可在国内读完四年、正常毕业，取得计算机科学与技术本科毕业证与工学学士学位（以学校学籍管理规定为准）。</div>
  </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="timeline reveal">
    <div class="tl-item">
      <h5>大一 · 消除恐惧，做出第一个能运行的作品</h5>
      <p class="quote">“消除恐惧，做出第一个真正能运行的程序”</p>
      <p><b>看得见的作品：</b>从零开始写出第一个小程序，并能用自己的话说明它解决了什么问题；所有作品都留存记录。</p>
      <p><b>看得见的成长：</b>建立“我能用计算机解决问题”的基本信心。</p>
      <p><b>看得见的企业环境：</b>了解软件开发、系统运维、软件测试等主要出口，初步判断自己更适合走哪条路。</p>
      <p><b>对应基础学习：</b>Python（第一门编程语言）、Git（规范提交）、说明文档、人工智能应用基础、数学与物理、计算机程序设计（C）、Linux 操作系统应用。<span class="tag-101" style="display:inline-block;font-size:10px;color:var(--green-dark);background:rgba(0,200,83,0.1);border-radius:4px;padding:1px 7px;">操作系统/数据结构使用国家级精品教材</span></p>
    </div>
    <div class="tl-item">
      <h5>大二 · 从“能跑”升级到“能用”</h5>
      <p class="quote">“做出一个有页面、有数据、有后台功能的小型应用”</p>
      <p><b>拿得出手的作品：</b>做出一个有页面、有数据、有后台功能的小型应用，能放进简历；也开始接手一个已有项目并重构其中一个模块。</p>
      <p><b>自己感觉得到的进步：</b>理解一个软件系统不是一段代码，而是页面、数据、接口、测试一起工作。</p>
      <p><b>跟企业的第一次接触：</b>初步判断自己更适合开发、测试、运维还是人工智能应用方向；参加第一次专业竞赛（蓝桥杯/华为 ICT 二选一）。</p>
      <p><b>对应全栈学习：</b>Web 应用、数据库、接口、前后端联调、数据结构、数据库原理、计算机网络、操作系统原理、开源软件基础（Git）</p>
    </div>
    <div class="tl-item">
      <h5>大三 · 方向深化，做真项目</h5>
      <p class="quote">“完成一个有真实复杂度的综合项目，能现场演示，能说清楚技术决策”</p>
      <p><b>能演示的作品（开发方向）：</b>把项目部署上线、优化性能、写规范的接口说明；用人工智能辅助开发，并能检查和修正人工智能生成的代码。</p>
      <p><b>能演示的作品（测试方向）：</b>搭建能一键执行的自动化测试、接口测试、性能测试；搭建代码提交后自动测试的流程；写出能发现真实缺陷的测试用例。</p>
      <p><b>明确的能力变化：</b>能把一个项目从需求做到交付；考研选手系统冲刺底层课程。</p>
      <p><b>你知道的行业现实：</b>建立可展示的项目作品集；参与企业导师带项目；考取网络工程或系统运维认证。</p>
      <p><b>对应综合技术：</b>算法设计与分析、Linux 高级运维、云计算与分布式系统、计算机组成原理、人工智能概论、GitHub 项目作品集</p>
    </div>
    <div class="tl-item">
      <h5>大四 · 主导交付，走出去</h5>
      <p class="quote">“作为队长主导完成一个接近真实企业需求的项目，形成可演示作品、项目文档和面试讲述材料，为争取第一份技术岗位做准备”</p>
      <p><b>留得下来的成果：</b>3-4 人小组完整承接企业需求，从需求评审到上线部署，接受企业工程师评审；能在评审现场答辩自己的技术决策。毕业设计基于大三综合项目延伸。</p>
      <p><b>你准备好的求职资本：</b>目标是拥有 3 个以上可运行项目、清晰的项目说明和面试表达能力，具备竞争软件开发、测试开发、系统运维等岗位的基础。</p>
      <p><b>对应实践实训：</b>企业级项目开发、高性能计算实践、毕业实习与设计、前沿专题（深度学习、大模型应用）</p>
    </div>
  </div>
 
</section>

<section class="section warm">
  <div class="section-tag reveal">就业方向</div>
  <h2 class="section-title reveal">毕业后能做什么</h2>
  <div class="job-grid reveal">
    <div class="job-card"><div class="jc-icon">💻</div><h5>AI应用开发工程师</h5><p>依托大模型开发AI应用，搭建RAG/Agent</p></div>
    <div class="job-card"><div class="jc-icon">🔧</div><h5>全栈开发或运维工程师</h5><p>AI辅助编码，实现项目稳步交付</p></div>
    <div class="job-card"><div class="jc-icon">🧪</div><h5>信息技术/安全岗</h5><p>统筹信息安全运维，排查注入风险，保障应用/系统安全稳定运行</p></div></div>
  <p class="tags-note reveal" style="font-size:13px;color:var(--text-light);margin-top:10px;line-height:1.7;">
    升学方向：计算机、软件工程、人工智能等相关专业方向，国内升学 + 海外深造双通道。
  </p>
  <h4 class="sub-h reveal" style="margin-top:20px;">💼 就业代表企业</h4>
  <div class="tags reveal" style="margin-top:10px;"><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>
  
  <h4 class="sub-h reveal" style="margin-top:20px;">🎓 升学代表学校</h4>
  
  <div class="tags reveal" style="margin-top:10px;"><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>
  
</section>

<section class="section grey tight">
  <h2 class="section-title reveal" style="font-size:18px;">基本信息</h2>
  <table class="info-table reveal"><tr><th>学院</th><td>计算与智能技术学院</td></tr><tr><th>学习形式</th><td>全日制</td></tr><tr><th>学制</th><td>4 年</td></tr><tr><th>学费</th><td>普通班、宇树创新班均为 2.48 万元/年；中外合作联合培养四年均向青岛城市学院缴纳 2.48 万元/年（含赴外期间），赴外学习期间另缴外方学费</td></tr><tr><th>学位证书</th><td>计算机科学与技术（工学学士）</td></tr></table>
</section>

<section class="section grey">
  <div class="section-tag reveal">STUDENTS</div>
  <h2 class="section-title reveal">学长学姐怎么说</h2>
  <div class="story-card reveal">
        <div class="story-photo">
          <img loading="lazy" src="../photos/cs_senior1.jpg" alt="计算机科学与技术专业学长学姐照片" onerror="this.style.display='none';this.parentNode.innerHTML='👤'">
        </div>
        <div class="story-body">
          <h5>彭煜珍</h5>
          <span class="story-major">计算机科学与技术</span><span class="origin">2023级</span>
          <p style="text-indent: 2em;">我是计算机科学与技术专业2023级在校生彭煜珍，现任学院学生会副主席。在这里我体会到，编程不是死记硬背，而是不断解决真实问题的过程。从上机课到竞赛训练，每一步都在把知识转化为看得见的工程能力。学院与企业共建了产业学院，同学们能接触四足机器人、人形机器人等前沿设备，亲手把算法跑在真实硬件上。学院还组织大家前往知名企业和高校交流，让我们在校期间就能看见行业的真实面貌。如果你对人工智能和机器人充满好奇，欢迎加入我们，这里有真项目、真设备，和一群愿意带你成长的老师！</p>
        </div>
      </div>
  <div class="story-card reveal">
        <div class="story-photo">
          <img loading="lazy" src="../photos/cs_senior2.jpg" alt="计算机科学与技术专业学长学姐照片" onerror="this.style.display='none';this.parentNode.innerHTML='👤'">
        </div>
        <div class="story-body">
          <h5>王春发</h5>
          <span class="story-major">计算机科学与技术</span><span class="origin">2023级</span>
          <p style="text-indent: 2em;">我是计算机科学与技术专业大三学生王春发，一名退役军人。退伍返校后我一边钻研编程、算法与软件开发，一边积极参与校园实践。学校机房全天开放，让理论学习落地为真实项目经验，部队养成的吃苦耐劳也帮我啃下了不少难课。返校后连续三年担任军训教官，把部队的自律品质传递给同学。学院新设宇树创新班，实训条件完善，欢迎热爱前沿科技的学弟学妹报考，一起开启精彩的大学生活！</p>
        </div>
      </div>
</section>

<section class="cta-section navy">
  <h2>对这个专业感兴趣？</h2>
  <p>想知道自己更适合哪个岗位方向？扫码把你的兴趣、分数位次和能接受的工作场景告诉招生老师，一起排序 11 条志愿。</p>
  <a class="btn btn-primary" href="../contact.html">扫码咨询招生老师 →</a>
  <div style="margin-top:12px;"><a href="../zhiyuan.html" style="color:rgba(255,255,255,0.8);font-size:13px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:2px;">← 返回 11 条志愿导航</a></div>
</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>