<!DOCTYPE html>
<html>
    <head>
        <title>上海交通大学计算机学院（网络空间安全学院、密码学院）</title>
        <meta name="keywords" content="上海交通大学计算机学院（网络空间安全学院、密码学院）">
        <meta name="description" content="上海交通大学计算机学院（网络空间安全学院、密码学院）" />
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="toTop" content="true" />
        <link rel="stylesheet" href="/dist/css/swiper.min.css?v=0.0.7" />
        <link rel="stylesheet" href="/dist/css/animate.min.css?v=0.0.7" />
        <link rel="stylesheet" href="/css/index.css?v=0.0.7" />
        <link rel="stylesheet" href="/css/index2.css?v=0.0.7" />
        <link rel="stylesheet" href="/css/phone.css?v=0.0.7" media="screen and (max-width: 1000px)"/>
        <script type="text/javascript" src="/js/jquery.min.js?v=0.0.7"></script>
        <script src="/js/set.js"></script>
        <link rel="stylesheet" href="/css/swiper.min.css?v=0.0.7" />
        <script type="text/javascript" src="/dist/js/swiper.min.js?v=0.0.7"></script>
        <script src="/dist/js/swiper.animate1.0.3.min.js?v=0.0.7"></script>
        <script src="/js/wow.min.js?v=0.0.7"></script>
        <script>
            var ww = window.innerWidth;
            if(ww > 1000){
                new WOW({
                    // offset: -100
                }).init();
            }
        </script>
        <style>
            .wow {
                /* visibility: visible !important; */
            }
        </style>

        <script src="/public/js/table.js?v=0.0.7"></script>
        <!-- 美化alert -->
        <link rel="stylesheet" href="/public/js/alert/BeAlert.css?v=0.0.7">
        <script src="/public/js/alert/BeAlert.js?v=0.0.7"></script>
        <!--视频-->
        <link href="/public/css/css.css?v=0.0.7" rel="stylesheet">
        <link href="/public/css/video-js.css?v=0.0.7" rel="stylesheet">
        <script src="/public/js/video.min.js?v=0.0.7"></script>
        <script src="/public/js/zh-CN.js?v=0.0.7"></script>

            </head>
<body style="overflow-x: hidden">
    <div class="g-head">
    <div class="wal animated slideInDown" data-wow-iteration="1s">
        <a href="/" class="logo"></a>
        <div class="btn-list">
            <div class="search on">
                <form id="search_form" method="get" action="https://www.cs.sjtu.edu.cn/active/search.html" onsubmit="return search_validate();">
                    <div class="input">
                        <input name="search_keywords" placeholder="请输入关键词" />
                        <i id="do_search" style="z-index: 2"></i>
                    </div>
                </form>
            </div>
            <div class="jc">
                                <a href="https://www.cs.sjtu.edu.cn/user/jaccount_login.html">使用jAccount登录</a>
                            </div>
            <div class="language">
                <a class="name" href="javascript:;" title="建设中"><em><img src="/img/lang.gif" alt=""> English</em></a>
            </div>
        </div>
        <a href="javascript:;" class="navA"></a>
        <div class="g-nav">
            <ul>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/xygk.html" title="学院概况" class="name "><em>学院概况</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xyjj.html" title="学院简介">学院简介</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/lsyg.html" title="历史沿革">历史沿革</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xyld.html" title="学院领导">学院领导</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/zzjg.html" title="组织架构">组织架构</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/djgz.html" title="党建工作" class="name "><em>党建工作</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/dwgk.html" title="党委概况">党委概况</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/zbfc.html" title="支部风采">支部风采</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/ghzz.html" title="工会组织">工会组织</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/llxx.html" title="理论学习">理论学习</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/szdw.html" title="师资队伍" class="name "><em>师资队伍</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/jiaoshiml.html" title="教师名录">教师名录</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/lyys.html" title="院士学者">院士学者</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/gjjrc.html" title="国家级人才">国家级人才</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/txjiaoshi.html" title="退休教师">退休教师</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/rczp.html" title="人才招聘">人才招聘</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/kxyj.html" title="科学研究" class="name "><em>科学研究</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/kygk.html" title="科研概况">科研概况</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/yjjg.html" title="研究机构">研究机构</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/ptjd.html" title="平台基地">平台基地</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/kyhz.html" title="科研合作">科研合作</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/rcpy.html" title="人才培养" class="name "><em>人才培养</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/bks.html" title="本科生培养">本科生培养</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/bsyjs.html" title="研究生培养">研究生培养</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/jxcg.html" title="教学成果">教学成果</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/jxsj.html" title="教学实践">教学实践</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xsgz.html" title="学生工作">学生工作</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/xytd.html" title="校友天地" class="name "><em>校友天地</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/zmxy.html" title="知名校友">知名校友</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xyfc.html" title="校友风采">校友风采</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/jdjb.html" title="季度简报">季度简报</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xyjji.html" title="校友基金">校友基金</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/xwdt.html" title="新闻动态" class="name "><em>新闻动态</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/news.html" title="学院新闻">学院新闻</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xshd.html" title="学术活动">学术活动</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/ztsp.html" title="学院视频">学院视频</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                                <li>
                    <a href="https://www.cs.sjtu.edu.cn/bszn.html" title="办事指南" class="name "><em>办事指南</em></a>
                                        <div class="list">
                        <dl>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/notice.html" title="通知公告">通知公告</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/gzzd.html" title="规章制度">规章制度</a></dd>
                                                        <dd><a href="https://www.cs.sjtu.edu.cn/xzzq.html" title="下载专区">下载专区</a></dd>
                                                    </dl>
                    </div>
                                    </li>
                            </ul>
        </div>
    </div>
</div>
<div class="g-nav2">
    <div class="scroll">
        <div class="nav-search">
            <form id="search_form2" method="get" action="https://www.cs.sjtu.edu.cn/active/search.html" onsubmit="return search_validate2();">
                <div class="input">
                    <input name="search_keywords2" placeholder="请输入关键词" />
                    <i id="do_search2" style="z-index: 2"></i>
                </div>
            </form>
        </div>
        <ul>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/xygk.html" title="学院概况">学院概况</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xyjj.html" title="学院简介">学院简介</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/lsyg.html" title="历史沿革">历史沿革</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xyld.html" title="学院领导">学院领导</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/zzjg.html" title="组织架构">组织架构</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/djgz.html" title="党建工作">党建工作</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/dwgk.html" title="党委概况">党委概况</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/zbfc.html" title="支部风采">支部风采</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/ghzz.html" title="工会组织">工会组织</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/llxx.html" title="理论学习">理论学习</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/szdw.html" title="师资队伍">师资队伍</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/jiaoshiml.html" title="教师名录">教师名录</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/lyys.html" title="院士学者">院士学者</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/gjjrc.html" title="国家级人才">国家级人才</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/txjiaoshi.html" title="退休教师">退休教师</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/rczp.html" title="人才招聘">人才招聘</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/kxyj.html" title="科学研究">科学研究</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/kygk.html" title="科研概况">科研概况</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/yjjg.html" title="研究机构">研究机构</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/ptjd.html" title="平台基地">平台基地</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/kyhz.html" title="科研合作">科研合作</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/rcpy.html" title="人才培养">人才培养</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/bks.html" title="本科生培养">本科生培养</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/bsyjs.html" title="研究生培养">研究生培养</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/jxcg.html" title="教学成果">教学成果</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/jxsj.html" title="教学实践">教学实践</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xsgz.html" title="学生工作">学生工作</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/xytd.html" title="校友天地">校友天地</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/zmxy.html" title="知名校友">知名校友</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xyfc.html" title="校友风采">校友风采</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/jdjb.html" title="季度简报">季度简报</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xyjji.html" title="校友基金">校友基金</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/xwdt.html" title="新闻动态">新闻动态</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/news.html" title="学院新闻">学院新闻</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xshd.html" title="学术活动">学术活动</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/ztsp.html" title="学院视频">学院视频</a></h3>
                                    </div>
                            </li>
                        <li>
                <h2>
                    <a href="https://www.cs.sjtu.edu.cn/bszn.html" title="办事指南">办事指南</a>
                </h2>
                                <div class="list">
                                        <h3><a href="https://www.cs.sjtu.edu.cn/notice.html" title="通知公告">通知公告</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/gzzd.html" title="规章制度">规章制度</a></h3>
                                        <h3><a href="https://www.cs.sjtu.edu.cn/xzzq.html" title="下载专区">下载专区</a></h3>
                                    </div>
                            </li>
                    </ul>
    </div>
</div>
<script type="text/javascript">
    function search_validate(){
        if($.trim($('input[name="search_keywords"]').val()) == ''){
            alert('请输入搜索关键字');
            return false;
        }
    }
    function search_validate2(){
        if($.trim($('input[name="search_keywords2"]').val()) == ''){
            alert('请输入搜索关键字');
            return false;
        }
    }
    $('#do_search').click(function(){
        $('#search_form').submit();
    })
    $('#do_search2').click(function(){
        $('#search_form2').submit();
    })
</script>    <div class="swiper-container sy_ban">
                <div class="swiper-wrapper">
                        <div class="swiper-slide">
                <a href="https://www.cs.sjtu.edu.cn/banner/733.html" target="_blank">
                                        <img src="/upload/image/20250603/20250603191206.jpg" alt="">
                                    </a>
            </div>
                        <div class="swiper-slide">
                <a href="https://www.cs.sjtu.edu.cn/banner/921.html" target="_blank">
                                        <img src="/upload/image/20250905/20250905110818.jpg" alt="">
                                    </a>
            </div>
                        <div class="swiper-slide">
                <a href="javascript:void(0)">
                                        <img src="/upload/image/20250911/20250911092052.jpg" alt="">
                                    </a>
            </div>
                        <div class="swiper-slide">
                <a href="https://www.cs.sjtu.edu.cn/banner/945.html" target="_blank">
                                        <img src="/upload/image/20250910/20250910170755.jpg" alt="">
                                    </a>
            </div>
                        <div class="swiper-slide">
                <a href="https://www.cs.sjtu.edu.cn/banner/946.html" target="_blank">
                                        <img src="/upload/image/20250910/20250910170835.jpg" alt="">
                                    </a>
            </div>
                        <div class="swiper-slide">
                <a href="https://www.cs.sjtu.edu.cn/banner/926.html" target="_blank">
                                        <img src="/upload/image/20250905/20250905113124.jpg" alt="">
                                    </a>
            </div>
                    </div>
        <!-- Add Pagination -->
        <div class="sw-btn1 pagination-box">
            <div class="swiper-pagination sw-page"></div>
            <div class="mouse"><img src="/img/mouse.png" alt=""></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sy-item sy-news-box">
                <div class="wal">
            <div class="sy-tit sy-tit1">
                <div class="tit">
                    <p>学院动态</p>
                    <span>News <img src="/img/tit5.png" alt=""></span>
                </div>
                <a href="https://www.cs.sjtu.edu.cn/news.html" class="more">查看更多</a>
            </div>
            <div class="sy-news">
                                <div class="news-l wow fadeInLeft">
                    <div class="swiper-container sw2">
                        <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/1001.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">26</div>
                                        <div class="year">2025-09</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250926/20250926170334.png" alt="" />
                                    </div>
                                    <div class="txts line-1">上海交通大学“智能软件”微专业开班仪式顺利举行</div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/977.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">19</div>
                                        <div class="year">2025-09</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250919/20250919113242.png" alt="" />
                                    </div>
                                    <div class="txts line-1">计算机学院陈海波教授作为教师代表在上海交通大学2025级研究生开学典礼上发言</div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/973.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">18</div>
                                        <div class="year">2025-09</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250918/20250918163936.jpg" alt="" />
                                    </div>
                                    <div class="txts line-1">2025年度“计算机85基金暨杨元庆教育基金”颁奖仪式暨第五期“我和计算机的故事”学者课堂顺利举行</div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/960.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">15</div>
                                        <div class="year">2025-09</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250915/20250915085610.jpg" alt="" />
                                    </div>
                                    <div class="txts line-1">“计”往开来，“研”启新程 | 计算机学院2025级研究生开学典礼暨入学教育顺利举行</div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/924.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">02</div>
                                        <div class="year">2025-09</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250905/20250905112349.jpg" alt="" />
                                    </div>
                                    <div class="txts line-1">内地首位！计算机学院俞凯教授入选 ISCA 国际语音通讯学会 Fellow</div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/news/879.html" target="_blank" class="news">
                                    <div class="time">
                                        <div class="day">27</div>
                                        <div class="year">2025-08</div>
                                    </div>
                                    <div class="pic">
                                        <img src="/upload/image/20250827/20250827133749.png" alt="" />
                                    </div>
                                    <div class="txts line-1">上海市奖名单揭晓，计算机学院荣获2项一等奖！</div>
                                </a>
                            </div>
                                                    </div>
                    </div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-pagination sw-page2"></div>
                </div>
                                <div class="news-r wow fadeInRight">
                    <div class="ul1">
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/news/1011.html" target="_blank">
                                <div class="imgk"><img src="/upload/image/20250930/20250930100522.png" alt=""></div>
                                <div class="txt">
                                    <div class="tit line-2">初心铸魂强学科，使命聚力破难题 | 计算机学院2025年秋季教职工大会顺利举行</div>
                                    <div class="time">2025.09.30</div>
                                </div>
                            </a>
                        </li>
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/news/1009.html" target="_blank">
                                <div class="imgk"><img src="/upload/image/20250929/20250929170836.png" alt=""></div>
                                <div class="txt">
                                    <div class="tit line-2">计算机学院陈游旻老师获2025年度ACM ChinaSys“新星奖”，谷云飞博士获“优秀博士论文奖”</div>
                                    <div class="time">2025.09.29</div>
                                </div>
                            </a>
                        </li>
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/news/1005.html" target="_blank">
                                <div class="imgk"><img src="/upload/image/20250928/20250928103840.jpg" alt=""></div>
                                <div class="txt">
                                    <div class="tit line-2">新学期，一起来认识计算机学院新老师</div>
                                    <div class="time">2025.09.28</div>
                                </div>
                            </a>
                        </li>
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/news/1004.html" target="_blank">
                                <div class="imgk"><img src="/upload/image/20250928/20250928103742.jpg" alt=""></div>
                                <div class="txt">
                                    <div class="tit line-2">计算机学院2025年秋季学期学生代表座谈会顺利召开</div>
                                    <div class="time">2025.09.28</div>
                                </div>
                            </a>
                        </li>
                                            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--  -->
    <div class="sy-item sy-atv-box">
        <div class="wal">
                        <div class="sy-tit sy-tit1">
                <div class="tit">
                    <p>学术活动</p>
                    <span>Cademic <img src="/img/tit5.png" alt=""></span>
                </div>
                <a href="https://www.cs.sjtu.edu.cn/xshd.html" class="more">查看更多</a>
            </div>
            <div class="sy-atv">
                                <div class="atv-l wow fadeInLeft">
                    <div class="swiper-container sw3">
                        <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/xshd/928.html" target="_blank" class="news">
                                    <div class="pic img_d">
                                        <img src="/upload/image/20250905/20250905230529.png" alt="" />
                                    </div>
                                    <div class="txt">
                                        <div class="tit line-2">第十五届CCF优秀博士学位论文获奖者论坛</div>
                                        <div class="line"></div>
                                        <div class="ad">
                                                                                        <p><img src="/img/time3.png" alt=""><span>时间：2025.08.03</span></p>
                                                                                                                                    <p><img src="/img/ad3.png" alt=""><span>地点：浙江嘉兴</span></p>
                                                                                                                                                                            </div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide">
                                <a href="https://www.cs.sjtu.edu.cn/xshd/930.html" target="_blank" class="news">
                                    <div class="pic img_d">
                                        <img src="/upload/image/20250907/20250907133242.jpg" alt="" />
                                    </div>
                                    <div class="txt">
                                        <div class="tit line-2">2025 CCF中国开源大会</div>
                                        <div class="line"></div>
                                        <div class="ad">
                                                                                        <p><img src="/img/time3.png" alt=""><span>时间：2025.08.02</span></p>
                                                                                                                                    <p><img src="/img/ad3.png" alt=""><span>地点：上海</span></p>
                                                                                                                                                                                <p><img src="/img/p4.png" alt=""><span>主题：蓄势引领、众行致远</span></p>
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                    </div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-btn-box">
                            <div class="swiper-line swiper-scrollbar"></div>
                            <div class="swiper-btn">
                                <div class="swiper-button-next sw-next3"></div>
                                <div class="swiper-button-prev sw-prev3"></div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="atv-r wow fadeInRight">
                    <div class="ul2">
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/xshd/997.html" target="_blank">
                                <div class="tit line-2">全球午餐会｜2025秋第2期:Inferring PID Parameter Specification for Flight Control Program by Coordinate Search</div>
                                <div class="txt">
                                                                        <p><img src="/img/time2.png" alt=""><span>时间：2025.09.26（周五）12:00</span></p>
                                                                                                            <p><img src="/img/ad2.png" alt=""><span>地点：电院3-414</span></p>
                                                                                                            <p><img src="/img/p2.png" alt=""><span>报告人：王思奥</span></p>
                                                                                                        </div>
                            </a>
                        </li>
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/xshd/996.html" target="_blank">
                                <div class="tit line-2">全球午餐会｜2025秋第1期:大模型平权时代的GPU开源生态建设</div>
                                <div class="txt">
                                                                        <p><img src="/img/time2.png" alt=""><span>时间：2025.09.19（周五）12:00</span></p>
                                                                                                            <p><img src="/img/ad2.png" alt=""><span>地点：电院3-414</span></p>
                                                                                                            <p><img src="/img/p2.png" alt=""><span>报告人：章津楠</span></p>
                                                                                                        </div>
                            </a>
                        </li>
                                                <li>
                            <a href="https://www.cs.sjtu.edu.cn/xshd/971.html">
                                <div class="tit line-2">How to Build Al Agent, How to Build Agentic Al, and How to Build Automatically? - with the applications on cybersecurity</div>
                                <div class="txt">
                                                                        <p><img src="/img/time2.png" alt=""><span>时间：2025.09.15（周五）10:00</span></p>
                                                                                                            <p><img src="/img/ad2.png" alt=""><span>地点：电院3-412</span></p>
                                                                                                            <p><img src="/img/p2.png" alt=""><span>报告人：Liu Yang</span></p>
                                                                                                        </div>
                            </a>
                        </li>
                                            </div>
                </div>
            </div>
        </div>
    </div>

    <!--  -->
    <div class="sy-bg-box">
                <div class="sy-item sy-video-box" style="background-image: url(/upload/image/20250509/20250509135912.jpg);">
            <div class="sy-video-mark">
                <div class="wal">
                    <div class="sy-tit sy-tit2">
                        <div class="tit">
                            <p>学院视频</p>
                            <span>Video <img src="/img/tit6.png" alt=""></span>
                        </div>
                        <a href="https://www.cs.sjtu.edu.cn/ztsp.html" class="more">查看更多</a>
                    </div>
                    <div class="sy-video">
                        <div class="video-play">
                            <div class="name">同行聚力未来可计-热烈祝贺上海交通大学计算机学院成立</div>
                            <div class="play" onclick="viewVideo('/upload/file/jsjxiaoqing.mp4')"></div>
                        </div>
                        <div class="swiper-container sw4 wow fadeInUp">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide on">
                                    <a href="https://www.cs.sjtu.edu.cn/xysp-ztsp/217.html">
                                        <div class="pic"><img src="/upload/image/20250509/20250509135912.jpg" alt="" data-src="/upload/image/20250509/20250509135912.jpg"></div>
                                        <div class="bf-btn"><img src="/img/bf2.png" alt=""></div>
                                        <div class="tit" data-icon="/upload/file/jsjxiaoqing.mp4">同行聚力未来可计-热烈祝贺上海交通大学计算机学院成立</div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide ">
                                    <a href="https://www.cs.sjtu.edu.cn/xysp-ztsp/575.html">
                                        <div class="pic"><img src="/upload/image/20250515/20250515145209.jpg" alt="" data-src="/upload/image/20250515/20250515145209.jpg"></div>
                                        <div class="bf-btn"><img src="/img/bf2.png" alt=""></div>
                                        <div class="tit" data-icon="/upload/file/20250515/20250515150524.mp4">奋勇追梦七十载 智算未来启新章-上海交通大学计算机学院【宣传片】</div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide ">
                                    <a href="https://www.cs.sjtu.edu.cn/xysp-xzkt/569.html">
                                        <div class="pic"><img src="/upload/image/20250623/20250623110658.png" alt="" data-src="/upload/image/20250623/20250623110702.png"></div>
                                        <div class="bf-btn"><img src="/img/bf2.png" alt=""></div>
                                        <div class="tit" data-icon="/upload/file/20250617/20250617111514.mp4">白英彩：力学笃行重实验，诲人不倦创新篇</div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide ">
                                    <a href="https://www.cs.sjtu.edu.cn/xysp-xzkt/570.html">
                                        <div class="pic"><img src="/upload/image/20250623/20250623110723.png" alt="" data-src="/upload/image/20250623/20250623110726.png"></div>
                                        <div class="bf-btn"><img src="/img/bf2.png" alt=""></div>
                                        <div class="tit" data-icon="/upload/file/20250617/20250617111548.mp4">盛焕烨：笃实基建重育人，创新教学志争先</div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide ">
                                    <a href="https://www.cs.sjtu.edu.cn/xysp-xzkt/571.html">
                                        <div class="pic"><img src="/upload/image/20250623/20250623110738.png" alt="" data-src="/upload/image/20250623/20250623110741.png"></div>
                                        <div class="bf-btn"><img src="/img/bf2.png" alt=""></div>
                                        <div class="tit" data-icon="/upload/file/20250617/20250617111645.mp4">孙永强：建系追梦四十载，青春无悔树品牌</div>
                                    </a>
                                </div>
                                                            </div>
                        </div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-btn swiper-btn4">
                            <div class="swiper-button-next sw-next4"></div>
                            <div class="swiper-button-prev sw-prev4"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="sy-item sy-ad-box">
            <div class="wal">
                                <div class="sy-tit sy-tit1">
                    <div class="tit">
                        <p>学院研究所</p>
                        <span>Institute <img src="/img/tit5.png" alt=""></span>
                    </div>
                    <a href="https://www.cs.sjtu.edu.cn/yjjg.html" class="more">查看更多</a>
                </div>
            </div>
            <div class="wal">
                                <div class="ul3 wow fadeInUp">
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/823.html"><div class="tit">并行与分布式系统研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/822.html"><div class="tit">机器智能研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/821.html"><div class="tit">计算机应用研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/818.html"><div class="tit">可扩展计算研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/817.html"><div class="tit">空间智能软件研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/816.html"><div class="tit">理论计算机科学研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/806.html"><div class="tit">人工智能与认知安全研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/813.html"><div class="tit">通用人工智能研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/812.html" target="_blank"><div class="tit">网络空间安全研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/811.html"><div class="tit">系统安全研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/810.html"><div class="tit">先进计算研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/809.html" target="_blank"><div class="tit">先进人工智能研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/808.html"><div class="tit">先进网络研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/807.html"><div class="tit">信息安全与密码学研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/805.html"><div class="tit">智能软件与系统研究所</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/815.html"><div class="tit">量子计算研究所（筹）</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/820.html"><div class="tit">交叉前沿研究所（筹）</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/819.html" target="_blank"><div class="tit">约翰·霍普克罗夫特计算机科学中心</div></a></li>
                                        <li><a href="https://www.cs.sjtu.edu.cn/yjjg/814.html" target="_blank"><div class="tit">清源研究院</div></a></li>
                                    </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="video-modal">
        <div class="mark"></div>
        <div class="mode-cont">
            <div class="close-btn" onclick="closePic2()"><img src="/img/close.png" alt=""></div>
            <video src="" controls></video>
        </div>
    </div>

    <div class="footer">
    <div class="wal">
        <div class="foot-top">
            <div class="foot-logo">
                <img src="/img/logo2.png" alt="" />
            </div>
                        <div class="link">
                                <a href="javascript:void(0)">
                    <img src="/img/wx.png" alt="">
                    <i class="ewm">
                        <img src="/upload/image/20250520/20250520143220.jpg" alt="">
                        <p>公众号二维码</p>
                    </i>
                </a>
                                <a href="javascript:void(0)">
                    <img src="/img/xhs.png" alt="">
                    <i class="ewm">
                        <img src="/upload/image/20250529/20250529100826.jpg" alt="">
                        <p>小红书二维码</p>
                    </i>
                </a>
                                <a href="javascript:void(0)">
                    <img src="/img/bili.png" alt="">
                    <i class="ewm">
                        <img src="/upload/image/20250529/20250529104548.jpg" alt="">
                        <p>哔哩哔哩二维码</p>
                    </i>
                </a>
                            </div>
        </div>
                <div class="adr">
            <p>学院地址：上海市东川路800号</p><p>Email：scs@sjtu.edu.cn</p><p>邮政编码：200240</p><p>联系电话：021-34205058 / 34204728</p>            <p>（试行版）Copyright © 2025 计算机学院 <a href="http://beian.miit.gov.cn" style="color:#fff">沪交ICP备2010898</a></p>
        </div>
    </div>
</div>
<script language="javascript">
    $(document).ready(function () {
        //解决IOS手机端hover兼容问题
        document.body.addEventListener('touchstart', function () {
        });
    });
</script>

<script type="text/javascript" src="/js/js.js?v=0.0.7"></script>
<script type="text/javascript" src="/dist/js/swiper.min.js?v=0.0.7"></script>
<script src="/dist/js/swiper.animate1.0.3.min.js?v=0.0.7"></script>
<script src="/js/wow.js?v=0.0.7"></script>


<script>
    $(document).ready(function () {
        $('.fy1 a').each(function(){
            if($(this).text()=='上页' || $(this).text()=='下页'){
                $(this).addClass('cd_sx');
            }
        })
    });
</script>

</body>
</html>
    <script>
        $(document).ready(function() {
            $('.mouse').on('click', function() {
                // 获取窗口高度
                var windowHeight = $(window).height();
                // 执行滚动动画
                $('html, body').animate({
                    scrollTop: $(window).scrollTop() + windowHeight -  100
                }, 800); // 800 表示滚动动画的时长，单位为毫秒
            });
        });
        var swNum = 0;
        var bannerSwiper = new Swiper('.sy_ban', {
            pagination: {
                el: '.sw-page',
                clickable :true,
            },
            effect: 'fade',
            fadeEffect: {
                crossFade: true,
            },
            parallax: true,
            watchSlidesProgress: true,
            watchOverflow: true,
            // preventClicks : false,
            resistanceRatio: 0,
            loop: true,
            speed: 800,
            autoplay:{
                delay: 8000,
                disableOnInteraction: false,
            },
            on: {
                init: function () {
                   
                    swiperAnimateCache(this); //隐藏动画元素
                    swiperAnimate(this); //初始化完成开始动画
                },
                transitionEnd(swiper) {
                    delay = this.params.autoplay.delay;
                },
                slideChangeTransitionStart: function(swiper) {
                    swNum++
                    if (ww > 1200) {
                       var swiper = this;
                       console.log(312)
                       if ($(".sy_ban .swiper-slide-active video").length > 0) {
                            console.log(311)
                            swiper.autoplay.stop();
                            setTimeout(function() {
                                swiper.autoplay.stop();
                                const $video = $(".sy_ban .swiper-slide-active video")
                                $video.attr("id", "video_01");
                                const _video = document.getElementById("video_01");
                                let num = swNum
                                console.log('numout',swNum,num)
                                //  const videoEndHandler = handleVideoEnd(swiper,swNum);
                                //  _video.removeEventListener('ended', videoEndHandler);
                                //  _video.addEventListener('ended', videoEndHandler);
                                _video.play();
                                _video.currentTime = 0;
                                _video.volume = 0;
                                //  _video.removeEventListener('ended', handleVideoEnd(swiper));
                                // 添加新监听器
                                // _video.addEventListener('ended', handleVideoEnd(swiper));
                               
                                _video.addEventListener('ended',
                                function() {
                                    console.log('num',swNum,num)
                                    if(swNum > num){
                                        return
                                    }
                                    console.log('currentTime',_video.currentTime,_video.volume)
                                    console.log(3111)
                                    swiper.slideNext();
                                    swiper.autoplay.start();
                                });
                            },
                            10);
                        }
                    }
                },
                slideChangeTransitionEnd: function () {
                    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                    //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
                    setTimeout(function() {
                        $(".sy_ban .swiper-slide-active video").attr("id", "");
                    },
                    10);
                }
            }
        });
        var swiper2 = new Swiper('.sw2', {
            autoplay: true,
            slidesPerView: 1,
            loop: true,
            centeredSlides: true,
            spaceBetween: 0,
            loopAdditionalSlides: 3,
            pagination: {
                el: '.sw-page2',
                clickable: true,        
            },
        });

        var swiper3 = new Swiper('.sw3', {
            // autoplay: true,
            slidesPerView: 2,
            // loop: true,
            spaceBetween: 45,
            navigation: {
                nextEl: '.sw-next3',
                prevEl: '.sw-prev3',
            },
            scrollbar: {
                el: ".swiper-line",
            },
            breakpoints: {
                1400: {
                    spaceBetween: 25,
                },
                800: {
                    spaceBetween: 15,
                    // slidesPerGroup: 2,
                },
            },
        });

        var swiper4 = new Swiper('.sw4', {
            autoplay: {
                delay: 5000,
            },
            slidesPerView: 4,
            // loop: true,
            spaceBetween: 30,
            slidesPerGroup: 1, 
            navigation: {
                nextEl: '.sw-next4',
                prevEl: '.sw-prev4',
            },
            mousewheel: true,
            on: {
                slideChange: function () {
                    var activeIndex = this.activeIndex;
                    console.log(activeIndex,this.realIndex); // 打印当前活动索引到cons
                    $('.sw4 .swiper-slide').eq(activeIndex).addClass('on').siblings().removeClass('on');
                    let src = $('.sw4 .swiper-slide').eq(activeIndex).find('.pic img').attr('data-src');
                    $('.sy-video-box').css('background-image', "url("+src+")");
                    let tit = $('.sw4 .swiper-slide').eq(activeIndex).find('.tit').text();
                    $('.video-play').children('.name').text(tit);
                    let video = $('.sw4 .swiper-slide').eq(activeIndex).find('.tit').attr('data-icon');
                    $('.video-play').children('.play').click(function(){
                        viewVideo(video)
                    });
                },
            },
            breakpoints: {
                1400: {
                    spaceBetween: 20,
                },
                1000: {
                    spaceBetween: 10,
                    slidesPerView: 2,
                },
            },
        });

        var swiper4Slides = document.querySelectorAll('.sw4 .swiper-slide');
        swiper4Slides.forEach(function(slide, index) {
            slide.addEventListener('mouseenter', function() {
                console.log(index);
                // swiper4.slideTo(index);
                $('.sw4 .swiper-slide').eq(index).addClass('on').siblings().removeClass('on');
                let src = $('.sw4 .swiper-slide').eq(index).find('.pic img').attr('data-src');
                $('.sy-video-box').css('background-image', "url("+src+")");
                let tit = $('.sw4 .swiper-slide').eq(index).find('.tit').text();
                $('.video-play').children('.name').text(tit);
                let video = $('.sw4 .swiper-slide').eq(index).find('.tit').attr('data-icon');
                $('.video-play').children('.play').click(function(){
                    viewVideo(video)
                });
            });
        });

        var swiper5 = new Swiper('.sw5', {
            autoplay: {
                disableOnInteraction: false,
                delay: 5000,
            },
            slidesPerView: 4,
            loop: true,
            spaceBetween: 25,
            // slidesPerGroup: 5,
            // allowSlideNext: false,
            // allowSlidePrev: false,

            breakpoints: {
                800: {
                    slidesPerView: 1,
                    // slidesPerGroup: 2,
                },
            },
        });

        function closePic2(params) {
            $('.video-modal').removeClass('on')
        }
        function viewVideo(path) {
            $('.video-modal').addClass('on')
            $('.video-modal video').attr('src', path)
        }
      
    </script>