<!DOCTYPE html>
<html lang="en">

<head>
    <title>Home - Shanghai Jiao Tong University</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/fancybox.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="shortcut icon" href="/en/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/layui/css/layui.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/animations.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/animate.min.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/iconfont.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4854130_otsw6okp25.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/video-js.min.css">
    <link href="https://www.sghhindu.com/global/en/assets/css/video-js.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/css.css?v=2025070413">
    <link rel="stylesheet" href="https://www.sghhindu.com/global/en/assets/css/style.css?v=202507041301">
    <script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/jquery-1.11.1.min.js"></script>
    <!-- <link rel="stylesheet" href="css/reset.css?v=2024011701"> -->
    <!--[if lt IE 10]>
    <script type="text/javascript">
        var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";
        var str2 = "为了让您获得最佳的使用体验，请升级到：<a href='https://www.microsoft.com/zh-cn/edge?form=MA13DG&ocid=SMCIEDownload10-Download' target='_blank' style='color:blue;'>最新版本IE浏览器</a><br/>"
            + "推荐使用:<a href='https://www.google.cn/intl/zh-CN/chrome/' target='_blank' style='color:blue;'>Chrome(谷歌浏览器)</a>,"
            + "<a href='http://www.firefox.com.cn/' target='_blank' style='color:blue;'>Firefox(火狐浏览器)</a>等高级浏览器";
        document.writeln("<pre style='text-align:center;color:#333;background-color:#fff; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
            "<h3 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h3><h3>" +
            str2 + "</h3><h3 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h3></pre>");
        document.execCommand("Stop");
    </script>
    <![endif]-->

        </head>

<body  class="header_white fnt18" >

<!-- header -->
<div class="headerTemp"></div>
<div class="secondaryMenuTemp"></div>
<header>
    <div class="header">
        <div class="layui-container">
            <div class="logo">
                <a href="/en/"><img src="https://www.sghhindu.com/global/en/assets/images/logo_white_130.png" alt=""></a>
            </div>
            <div class="header-right">
                <div class="secondary-nav ala-flex is-center">
                    <ul class="layui-nav nav-horizon fnt14">
                                                    <li class="layui-nav-item hide-mobile">
                                <a href="javascript:;" target="">
                                                                        Identity
                                    <i class="iconfont  icon-down-solid  fnt13"></i>
                                </a>
                                                                    <dl class="layui-nav-child">
                                                                                                                                    <dd><a href="/en/home-top/Prospective Students">Prospective Students</a></dd>
                                                                                                                                                                                <dd><a href="/en/home-top/Current Students">Current Students</a></dd>
                                                                                                                                                                                <dd><a href="/en/home-top/Faculty and Staff">Faculty and Staff</a></dd>
                                                                                                                                                                                <dd><a href="/en/home-top/Alumni">Alumni</a></dd>
                                                                                                                                                                                <dd><a href="/en/home-top/Visitors">Visitors</a></dd>
                                                                                                                        </dl>
                                                            </li>
                                                    <li class="layui-nav-item hide-mobile">
                                <a href="https://www.sjtufa.org/" target="">
                                                                        Donation
                                    <i class="iconfont  fnt13"></i>
                                </a>
                                                            </li>
                                                    <li class="layui-nav-item hide-mobile">
                                <a href="" target="">
                                    <i class="iconfont mr6 icon-icon-language-o"></i>                                    En
                                    <i class="iconfont  icon-down-solid  fnt13"></i>
                                </a>
                                                                    <dl class="layui-nav-child">
                                                                                                                                    <dd><a href="/en/">EN</a></dd>
                                                                                                                                                                                <dd><a href="https://www.sghhindu.com/global/">中文</a></dd>
                                                                                                                        </dl>
                                                            </li>
                                                <li class="layui-nav-item">
                            <div class="search-toggle"><i class="iconfont icon-search-o fnt20"></i></div>
                        </li>
                    </ul>
                </div>

                <div class="header-main ala-flex is-center">
                    <div class="header-nav">
                        <ul class="layui-nav fnt18" lay-filter="">
                            <!-- <li class="layui-nav-item">
                                    <a href="/en/"><span>Home</span></a>
                            </li> -->
                                                            <li class="layui-nav-item">
                                    <a href="/en/about-us" target="_self"><span>About Us<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                About Us
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/about-us" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="javascript:;" target="_self" class="sub-title fnt20">
                                                                            <span>SJTU in 2030<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="https://www.sjtufa.org/" target="_self" class="sub-nav"><span>Donation</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/about-us/our-history/history" target="_self" class="sub-title fnt20">
                                                                            <span>Our Story<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/about-us/our-history/history" target="_self" class="sub-nav"><span>Our History</span></a>
                                                                                                                                                            <a href="/en/about-us/our-story/schools-colleges" target="_self" class="sub-nav"><span>Schools &amp; Colleges</span></a>
                                                                                                                                                            <a href="/en/about-us/our-story/institutes-centers" target="_self" class="sub-nav"><span>Institutes &amp; Centers</span></a>
                                                                                                                                                            <a href="https://www.qk.sjtu.edu.cn/EN/0000-1111/home.shtml?from=kdocs_link" target="_blank" class="sub-nav"><span>Journals</span></a>
                                                                                                                                                            <a href="/en/about-us/our-story/highlights" target="_self" class="sub-nav"><span>Highlights</span></a>
                                                                                                                                                            <a href="/en/about-us/discover-sjtu/photo" target="_self" class="sub-nav"><span>Discover SJTU</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/about-us/leadership-governance/university-leadership" target="_self" class="sub-title fnt20">
                                                                            <span>Leadership &amp; Governance<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/about-us/leadership-governance/university-leadership" target="_self" class="sub-nav"><span>University Leadership</span></a>
                                                                                                                                                            <a href="/en/about-us/leadership-governance/university-department" target="_self" class="sub-nav"><span>University Administration</span></a>
                                                                                                                                                            <a href="/en/about-us/leadership-governance/contact-us" target="_self" class="sub-nav"><span>Contact Us</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/about-us/sjtu-brand/sjtu-global-brand" target="_self" class="sub-title fnt20">
                                                                            <span>SJTU Brand<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/about-us/sjtu-brand/sjtu-global-brand" target="_self" class="sub-nav"><span>SJTU Global Brand</span></a>
                                                                                                                                                            <a href="/en/about-us/sjtu-brand/university-communications" target="_self" class="sub-nav"><span>International Outreach</span></a>
                                                                                                                                                            <a href="/en/about-us/sjtu-brand/social-media" target="_self" class="sub-nav"><span>Social Media</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="https://english.shanghai.gov.cn" target="_blank" class="sub-title fnt20">
                                                                            <span>About Shanghai<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                            <li class="layui-nav-item">
                                    <a href="/en/study-sjtu/prospective" target="_self"><span>Study@SJTU<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                Study@SJTU
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/study-sjtu/prospective" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                            <a href="/en/study-sjtu/prospective/application" class="more-btn fnt18 mt15 plain">
                                                                    <i class="iconfont icon-arrow-right"></i> <span>Apply now</span>
                                                                </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md6 layui-col-xs12">
                                                                                                                                            <a href="/en/study-sjtu/prospective" target="_self" class="sub-title fnt20">
                                                                            <span>Prospective International Students<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/study-sjtu/prospective/news" target="_self" class="sub-nav"><span>News</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/prospective/notices" target="_self" class="sub-nav"><span>Notices</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/prospective/degree-programs/387" target="_self" class="sub-nav"><span>Degree Programs</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/prospective/non-degree-programs/281" target="_self" class="sub-nav"><span>Non-Degree Programs</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/special" target="_self" class="sub-nav"><span>Virtual Opportunities</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/prospective/scholarships" target="_self" class="sub-nav"><span>Scholarships</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/prospective/application" target="_self" class="sub-nav"><span>Application</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md6 layui-col-xs12">
                                                                                                                                            <a href="/en/study-sjtu/current" target="_self" class="sub-title fnt20">
                                                                            <span>Current International Students<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/study-sjtu/current/news" target="_self" class="sub-nav"><span>News</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/notices" target="_self" class="sub-nav"><span>Notices</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/administration-directory" target="_self" class="sub-nav"><span>Administration Directory</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/university-policies" target="_self" class="sub-nav"><span>University Policies</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/campus-events" target="_self" class="sub-nav"><span>Campus Events</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/services" target="_self" class="sub-nav"><span>Services</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/job-information" target="_self" class="sub-nav"><span>Job Information</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/downloads" target="_self" class="sub-nav"><span>Downloads</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/useful-links" target="_self" class="sub-nav"><span>Useful Links</span></a>
                                                                                                                                                            <a href="/en/study-sjtu/current/faq" target="_self" class="sub-nav"><span>FAQ</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                            <li class="layui-nav-item">
                                    <a href="/en/work-sjtu" target="_self"><span>Work@SJTU<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                Work@SJTU
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/work-sjtu" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/work-sjtu#EmploymentOpportunities" target="_self" class="sub-title fnt20">
                                                                            <span>Join Us<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/work-sjtu/news" target="_self" class="sub-nav"><span>Employment Opportunities</span></a>
                                                                                                                                                            <a href="/en/about-us/discover-sjtu/photo" target="_self" class="sub-nav"><span>Discover SJTU</span></a>
                                                                                                                                                            <a href="https://german.shanghai.gov.cn/" target="_self" class="sub-nav"><span>About Shanghai</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/work-sjtu#FacultyClub" target="_self" class="sub-title fnt20">
                                                                            <span>Gather@SJTU<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/work-sjtu#FacultyClub" target="_self" class="sub-nav"><span>International Faculty Club</span></a>
                                                                                                                                                            <a href="/en/work-sjtu/gather-sjtu/events" target="_self" class="sub-nav"><span>Events</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/work-sjtu/seed-funds" target="_self" class="sub-title fnt20">
                                                                            <span>Seed Funds<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/meet-sjtu/faculty-staff" target="_self" class="sub-title fnt20">
                                                                            <span>Faculty &amp; Staff<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/work-sjtu/services" target="_self" class="sub-title fnt20">
                                                                            <span>Services<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="https://form.sjtu.edu.cn/infoplus/form/ws_lh_expert/start?locale=zh" target="_blank" class="sub-nav"><span>Visa &amp; Work Permit</span></a>
                                                                                                                                                            <a href="https://form.sjtu.edu.cn/infoplus/form/ws_ForeignGuests/start?locale=zh" target="_self" class="sub-nav"><span>Overseas Expert Invitation</span></a>
                                                                                                                                                            <a href="/en/work-sjtu/services/240" target="_self" class="sub-nav"><span>Campus Life</span></a>
                                                                                                                                                            <a href="/en/work-sjtu/services/childs-education" target="_self" class="sub-nav"><span>Your Child&#039;s Education</span></a>
                                                                                                                                                            <a href="https://en.nia.gov.cn/n147428/n147498/index.html" target="_self" class="sub-nav"><span>Entry Services</span></a>
                                                                                                                                                            <a href="https://form.sjtu.edu.cn/infoplus/form/fao_new_aboard_flow/start?locale=zh" target="_blank" class="sub-nav"><span>Travel and Accommodations</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                            <li class="layui-nav-item">
                                    <a href="/en/alumni" target="_self"><span>Alumni<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                Alumni
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/alumni" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/alumni/overseas-alumni-association" target="_self" class="sub-title fnt20">
                                                                            <span>Overseas Alumni Association<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/meet-sjtu/alumni" target="_self" class="sub-title fnt20">
                                                                            <span>Alumni<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/alumni/news" target="_self" class="sub-title fnt20">
                                                                            <span>What&#039;s Happening<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                            <li class="layui-nav-item">
                                    <a href="/en/global-sjtu" target="_self"><span>Global SJTU<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                Global SJTU
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/global-sjtu" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/global-sjtu#network" target="_self" class="sub-title fnt20">
                                                                            <span>Global Network<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/meet-sjtu/global-cooperation" target="_self" class="sub-title fnt20">
                                                                            <span>Global Cooperation<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/work-sjtu/seed-funds" target="_self" class="sub-title fnt20">
                                                                            <span>Seed Funds<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/about-us/leadership-governance/contact-us" target="_self" class="sub-title fnt20">
                                                                            <span>Contact Us<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                            <li class="layui-nav-item">
                                    <a href="/en/news-events" target="_self"><span>News &amp; Events<i class="iconfont icon-down-solid fnt13"></i></span></a>
                                    <dl class="layui-nav-child fnt22">
                                        <div class="dropmenu">
                                            <div class="dropmenu-container">
                                                <div class="layui-row row-flex layui-col-space0">
                                                    <div class="layui-col-md3 layui-col-xs12">
                                                        <div class="title-wrap">
                                                            <div class="title fnt40">
                                                                News &amp; Events
                                                            </div>
                                                            <div class="desc fnt16">Connecting and Nurturing Global Minds</div>
                                                            <a href="/en/news-events" target="_self" class="more-btn fnt18 mt40">
                                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                                            </a>
                                                                                                                    </div>
                                                    </div>
                                                    <div class="layui-col-md9 layui-col-xs12">
                                                        <div class="sub-nav-wrap">
                                                            <div class="layui-row row-flex layui-col-space20">
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/news" target="_self" class="sub-title fnt20">
                                                                            <span>SJTU in the News<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/notice" target="_self" class="sub-title fnt20">
                                                                            <span>Noticeboard<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/events" target="_self" class="sub-title fnt20">
                                                                            <span>Upcoming Events<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/meet-sjtu/research" target="_self" class="sub-title fnt20">
                                                                            <span>Meet SJTU<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                                                                                                                    <a href="/en/news-events/meet-sjtu/research" target="_self" class="sub-nav"><span>Research</span></a>
                                                                                                                                                            <a href="/en/news-events/meet-sjtu/faculty-staff" target="_self" class="sub-nav"><span>Faculty &amp; Staff</span></a>
                                                                                                                                                            <a href="/en/news-events/meet-sjtu/students-campus" target="_self" class="sub-nav"><span>Students &amp; Campus</span></a>
                                                                                                                                                            <a href="/en/news-events/meet-sjtu/alumni" target="_self" class="sub-nav"><span>Alumni</span></a>
                                                                                                                                                            <a href="/en/news-events/meet-sjtu/global-cooperation" target="_self" class="sub-nav"><span>Global Cooperation</span></a>
                                                                                                                                                                                                                        </div>
                                                                </div>
                                                                                                                                                                                                            <div class="layui-col-md4 layui-col-xs12">
                                                                                                                                            <a href="/en/news-events/newsletters" target="_self" class="sub-title fnt20">
                                                                            <span>Newsletters<i class="iconfont icon-arrow-right ml6 fnt14"></i></span>
                                                                        </a>
                                                                    <div class="sub-nav-list fnt16">
                                                                                                                                            </div>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </li>
                                                    </ul>
                        <div class="nav-focus">
                            <a href="/en/focus"><i class="iconfont icon-tag-o"></i>Focus</a>
                        </div>
                    </div>
                </div>

                <div class="menu-toggle">
                    <div class="toggle-iconfont">
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- header END -->
<!-- 完整菜单 -->
<div class="site-menu-shade"></div>
<div class="menu-container">
    <div class="menu-body">
        <ul class="menu-list fnt24" lay-filter="">
                                                <li class="menu-item">
                        <div class="menu-title"><a href="/en/about-us">About Us</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/about-us">About Us <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="javascript:;">SJTU in 2030</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="javascript:;">SJTU in 2030 <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="https://www.sjtufa.org/">Donation</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/about-us/our-history/history">Our Story</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/about-us/our-history/history">Our Story <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/about-us/our-history/history">Our History</a>
                                                                                                                    <a href="/en/about-us/our-story/schools-colleges">Schools &amp; Colleges</a>
                                                                                                                    <a href="/en/about-us/our-story/institutes-centers">Institutes &amp; Centers</a>
                                                                                                                    <a href="https://www.qk.sjtu.edu.cn/EN/0000-1111/home.shtml?from=kdocs_link">Journals</a>
                                                                                                                    <a href="/en/about-us/our-story/highlights">Highlights</a>
                                                                                                                    <a href="/en/about-us/discover-sjtu/photo">Discover SJTU</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/about-us/leadership-governance/university-leadership">Leadership &amp; Governance</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/about-us/leadership-governance/university-leadership">Leadership &amp; Governance <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/about-us/leadership-governance/university-leadership">University Leadership</a>
                                                                                                                    <a href="/en/about-us/leadership-governance/university-department">University Administration</a>
                                                                                                                    <a href="/en/about-us/leadership-governance/contact-us">Contact Us</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/about-us/sjtu-brand/sjtu-global-brand">SJTU Brand</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/about-us/sjtu-brand/sjtu-global-brand">SJTU Brand <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/about-us/sjtu-brand/sjtu-global-brand">SJTU Global Brand</a>
                                                                                                                    <a href="/en/about-us/sjtu-brand/university-communications">International Outreach</a>
                                                                                                                    <a href="/en/about-us/sjtu-brand/social-media">Social Media</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="https://english.shanghai.gov.cn">About Shanghai</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="https://english.shanghai.gov.cn">About Shanghai <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    <li class="menu-item">
                        <div class="menu-title"><a href="/en/study-sjtu/prospective">Study@SJTU</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/study-sjtu/prospective">Study@SJTU <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/study-sjtu/prospective">Prospective International Students</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/study-sjtu/prospective">Prospective International Students <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/study-sjtu/prospective/news">News</a>
                                                                                                                    <a href="/en/study-sjtu/prospective/notices">Notices</a>
                                                                                                                    <a href="/en/study-sjtu/prospective/degree-programs/387">Degree Programs</a>
                                                                                                                    <a href="/en/study-sjtu/prospective/non-degree-programs/281">Non-Degree Programs</a>
                                                                                                                    <a href="/en/study-sjtu/special">Virtual Opportunities</a>
                                                                                                                    <a href="/en/study-sjtu/prospective/scholarships">Scholarships</a>
                                                                                                                    <a href="/en/study-sjtu/prospective/application">Application</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/study-sjtu/current">Current International Students</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/study-sjtu/current">Current International Students <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/study-sjtu/current/news">News</a>
                                                                                                                    <a href="/en/study-sjtu/current/notices">Notices</a>
                                                                                                                    <a href="/en/study-sjtu/current/administration-directory">Administration Directory</a>
                                                                                                                    <a href="/en/study-sjtu/current/university-policies">University Policies</a>
                                                                                                                    <a href="/en/study-sjtu/current/campus-events">Campus Events</a>
                                                                                                                    <a href="/en/study-sjtu/current/services">Services</a>
                                                                                                                    <a href="/en/study-sjtu/current/job-information">Job Information</a>
                                                                                                                    <a href="/en/study-sjtu/current/downloads">Downloads</a>
                                                                                                                    <a href="/en/study-sjtu/current/useful-links">Useful Links</a>
                                                                                                                    <a href="/en/study-sjtu/current/faq">FAQ</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    <li class="menu-item">
                        <div class="menu-title"><a href="/en/work-sjtu">Work@SJTU</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/work-sjtu">Work@SJTU <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/work-sjtu#EmploymentOpportunities">Join Us</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/work-sjtu#EmploymentOpportunities">Join Us <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/work-sjtu/news">Employment Opportunities</a>
                                                                                                                    <a href="/en/about-us/discover-sjtu/photo">Discover SJTU</a>
                                                                                                                    <a href="https://german.shanghai.gov.cn/">About Shanghai</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/work-sjtu#FacultyClub">Gather@SJTU</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/work-sjtu#FacultyClub">Gather@SJTU <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/work-sjtu#FacultyClub">International Faculty Club</a>
                                                                                                                    <a href="/en/work-sjtu/gather-sjtu/events">Events</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/work-sjtu/seed-funds">Seed Funds</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/work-sjtu/seed-funds">Seed Funds <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/meet-sjtu/faculty-staff">Faculty &amp; Staff</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/meet-sjtu/faculty-staff">Faculty &amp; Staff <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/work-sjtu/services">Services</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/work-sjtu/services">Services <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="https://form.sjtu.edu.cn/infoplus/form/ws_lh_expert/start?locale=zh">Visa &amp; Work Permit</a>
                                                                                                                    <a href="https://form.sjtu.edu.cn/infoplus/form/ws_ForeignGuests/start?locale=zh">Overseas Expert Invitation</a>
                                                                                                                    <a href="/en/work-sjtu/services/240">Campus Life</a>
                                                                                                                    <a href="/en/work-sjtu/services/childs-education">Your Child&#039;s Education</a>
                                                                                                                    <a href="https://en.nia.gov.cn/n147428/n147498/index.html">Entry Services</a>
                                                                                                                    <a href="https://form.sjtu.edu.cn/infoplus/form/fao_new_aboard_flow/start?locale=zh">Travel and Accommodations</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    <li class="menu-item">
                        <div class="menu-title"><a href="/en/alumni">Alumni</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/alumni">Alumni <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/alumni/overseas-alumni-association">Overseas Alumni Association</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/alumni/overseas-alumni-association">Overseas Alumni Association <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/meet-sjtu/alumni">Alumni</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/meet-sjtu/alumni">Alumni <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/alumni/news">What&#039;s Happening</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/alumni/news">What&#039;s Happening <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    <li class="menu-item">
                        <div class="menu-title"><a href="/en/global-sjtu">Global SJTU</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/global-sjtu">Global SJTU <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/global-sjtu#network">Global Network</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/global-sjtu#network">Global Network <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/meet-sjtu/global-cooperation">Global Cooperation</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/meet-sjtu/global-cooperation">Global Cooperation <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/work-sjtu/seed-funds">Seed Funds</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/work-sjtu/seed-funds">Seed Funds <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/about-us/leadership-governance/contact-us">Contact Us</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/about-us/leadership-governance/contact-us">Contact Us <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    <li class="menu-item">
                        <div class="menu-title"><a href="/en/news-events">News &amp; Events</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                        <div class="submenu">
                            <div class="submenu-top">
                                <div class="back-btn submenu-back-btn">
                                    <i class="iconfont icon-left"></i> Back
                                </div>
                                <div class="title-nav">
                                    <a href="/en/news-events">News &amp; Events <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                </div>
                            </div>
                                                            <div class="submenu-list">
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/news">SJTU in the News</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/news">SJTU in the News <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/notice">Noticeboard</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/notice">Noticeboard <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/events">Upcoming Events</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/events">Upcoming Events <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/meet-sjtu/research">Meet SJTU</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/meet-sjtu/research">Meet SJTU <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                                    <div class="third-menu-list">
                                                                                                                    <a href="/en/news-events/meet-sjtu/research">Research</a>
                                                                                                                    <a href="/en/news-events/meet-sjtu/faculty-staff">Faculty &amp; Staff</a>
                                                                                                                    <a href="/en/news-events/meet-sjtu/students-campus">Students &amp; Campus</a>
                                                                                                                    <a href="/en/news-events/meet-sjtu/alumni">Alumni</a>
                                                                                                                    <a href="/en/news-events/meet-sjtu/global-cooperation">Global Cooperation</a>
                                                                                                            </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="submenu-item">
                                            <div class="menu-title ala-flex"><a href="/en/news-events/newsletters">Newsletters</a><div class="icon"><i class="iconfont icon-right"></i></div></div>
                                            <div class="third-menu ">
                                                <div class="third-menu-top">
                                                    <div class="back-btn third-back-btn">
                                                        <i class="iconfont icon-left"></i> Back
                                                    </div>
                                                    <div class="title-nav">
                                                        <a href="/en/news-events/newsletters">Newsletters <i class="iconfont fnt20 icon-arrow-right ml6"></i></a>
                                                    </div>
                                                </div>
                                                                                            </div>
                                        </div>
                                                                    </div>
                                                    </div>
                    </li>
                                    </ul>
    </div>
</div>


<!-- 搜索 -->
<div class="search-box" style="display: none;">
    <div class="layui-container">
        <div class="container">
            <form action="/en/search" class="layui-form">
                <div class="input-box">
                    <input type="text" name="keyword" class="layui-input fnt16" placeholder="Please enter the search keyword...">
                    <div class="bg"></div>
                    <button type="submit" class="form-submit" value=""><i class="iconfont icon-search1"></i></button>
                </div>
            </form>
            <div class="popular-search fnt18">

            </div>
        </div>
    </div>
</div>

    <div class="main main-hidden">
        <!-- banner -->
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                            <a href="https://www.sghhindu.com/global/en/news-events/news/2426" class="slide-inner">
                                <img class="swiper-bg" src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/12/cda199429acfdd2658bc6dfd8ce1da17.png" alt="">
                                <div class="home-banner-wrap">
                                    <div class="layui-container">
                                        <div class="banner-text">
                                            <div class="l-overflow">
                                                <div class="banner-title ellipsis--2  fnt72 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.2s">
                                                    <!-- GIVING TO SJTU -->
                                                     <p>SJTU welcomes the world-class football star, Zinedine Zidane</p>
                                                    <!-- <img src="https://www.sghhindu.com/global/en/assets/images/sjtu-img.png" alt=""> -->
                                                </div>
                                            </div>
                                            <!-- <div class="banner-desc fnt32 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
                                                Gratitude for the Supprt, Generos in the Action.
                                            </div> -->
                                                                                            <div class="more-link ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                                                    <i class="iconfont icon-arrow-right"></i>
                                                    <span>Learn more</span>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                                            <div class="swiper-slide">
                            <a href="https://www.sghhindu.com/global/en/news-events/news/2400" class="slide-inner">
                                <img class="swiper-bg" src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/11/74d186ef50d8d5350c33ab3429abd72f.png" alt="">
                                <div class="home-banner-wrap">
                                    <div class="layui-container">
                                        <div class="banner-text">
                                            <div class="l-overflow">
                                                <div class="banner-title ellipsis--2  fnt72 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.2s">
                                                    <!-- GIVING TO SJTU -->
                                                     <p>Serbian Prime Minister Visits SJTU and Delivers Speech</p>
                                                    <!-- <img src="https://www.sghhindu.com/global/en/assets/images/sjtu-img.png" alt=""> -->
                                                </div>
                                            </div>
                                            <!-- <div class="banner-desc fnt32 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
                                                Gratitude for the Supprt, Generos in the Action.
                                            </div> -->
                                                                                            <div class="more-link ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                                                    <i class="iconfont icon-arrow-right"></i>
                                                    <span>Learn more</span>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                                            <div class="swiper-slide">
                            <a href="https://www.sghhindu.com/global/en/news-events/news/2385" class="slide-inner">
                                <img class="swiper-bg" src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/10/f51968f4c912bc07f79d423447849185.jpg" alt="">
                                <div class="home-banner-wrap">
                                    <div class="layui-container">
                                        <div class="banner-text">
                                            <div class="l-overflow">
                                                <div class="banner-title ellipsis--2  fnt72 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.2s">
                                                    <!-- GIVING TO SJTU -->
                                                     <p>The 21st China National Model United Nations Conference</p>
                                                    <!-- <img src="https://www.sghhindu.com/global/en/assets/images/sjtu-img.png" alt=""> -->
                                                </div>
                                            </div>
                                            <!-- <div class="banner-desc fnt32 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
                                                Gratitude for the Supprt, Generos in the Action.
                                            </div> -->
                                                                                            <div class="more-link ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                                                    <i class="iconfont icon-arrow-right"></i>
                                                    <span>Learn more</span>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                                            <div class="swiper-slide">
                            <a href="https://www.sghhindu.com/global/en/news-events/notice/2349" class="slide-inner">
                                <img class="swiper-bg" src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/09/25155b84a08b9d2efa5cc072fe77cd5e.jpg" alt="">
                                <div class="home-banner-wrap">
                                    <div class="layui-container">
                                        <div class="banner-text">
                                            <div class="l-overflow">
                                                <div class="banner-title ellipsis--2  fnt72 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.2s">
                                                    <!-- GIVING TO SJTU -->
                                                     <p>Notice on Insurance Purchase for International students in 2025</p>
                                                    <!-- <img src="https://www.sghhindu.com/global/en/assets/images/sjtu-img.png" alt=""> -->
                                                </div>
                                            </div>
                                            <!-- <div class="banner-desc fnt32 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
                                                Gratitude for the Supprt, Generos in the Action.
                                            </div> -->
                                                                                            <div class="more-link ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                                                    <i class="iconfont icon-arrow-right"></i>
                                                    <span>Learn more</span>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                                            <div class="swiper-slide">
                            <a href="https://www.sghhindu.com/global/en/news-events/notice/2348" class="slide-inner">
                                <img class="swiper-bg" src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/09/d7bcdcac34015ee695affaa032efb3e6.jpg" alt="">
                                <div class="home-banner-wrap">
                                    <div class="layui-container">
                                        <div class="banner-text">
                                            <div class="l-overflow">
                                                <div class="banner-title ellipsis--2  fnt72 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.2s">
                                                    <!-- GIVING TO SJTU -->
                                                     <p>GUIDE for SJTU 2025 INTERNATIONAL STUDENTS</p>
                                                    <!-- <img src="https://www.sghhindu.com/global/en/assets/images/sjtu-img.png" alt=""> -->
                                                </div>
                                            </div>
                                            <!-- <div class="banner-desc fnt32 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
                                                Gratitude for the Supprt, Generos in the Action.
                                            </div> -->
                                                                                            <div class="more-link ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                                                    <i class="iconfont icon-arrow-right"></i>
                                                    <span>Learn more</span>
                                                </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                                    </div>
            </div>
            <div class="swiper-bottom ala-swiper swiper-btn is-white"
                 data-scroll-reveal="enter bottom over .6s after .2s">
                <div class="swiper-button-prev fnt18"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next fnt18"></div>
            </div>
        </div>
        <!-- banner END -->

        <!-- whySJTU -->
        <div class="block bg_primary color_white overview-block">
            <div class="layui-container">
                <div class="layui-row row-flex layui-col-space40">
                    <div class="layui-col-md6 layui-col-xs12">
                        <div class="index_title" style="margin-bottom: 0">
                            <div class="ala-flex is-center is-between l-overflow">
                                <div class="title-wrap fnt72 " data-scroll-reveal="enter bottom over .6s after 0s">
                                    <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Why SJTU？</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-col-xs12">
                        <div class="mce-content-body fnt30" data-scroll-reveal="enter bottom over .6s after 0s">
                            <p>At the heart of Shanghai, SJTU is more than a university&mdash;with its academic prestige, cutting-edge research, culture of innovation, and vibrant campus life, it serves as a launchpad for global minds.</p>
                        </div>
                        <a href="/en/about-us" class="more-link mt36 pt30" data-scroll-reveal="enter bottom over .6s after .2s">
                            <i class="iconfont icon-arrow-right"></i> <span>About SJTU</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- whySJTU END -->

        <div class="block bg_primary color_white" style="padding-top: 0">
            <!-- 统计数据 -->
            <div class="block small-block">
                <div class="layui-container">
                    <div class="digital" data-scroll-reveal="enter bottom over .6s after 0s">
                        <div class="keywords-list" data-scroll-reveal="enter bottom over .5s after 0s">
                            <div class="layui-row row-flex layui-col-space40">
                                                                    <div class="layui-col-md3 layui-col-sm3 layui-col-xs6" data-scroll-reveal="enter bottom over .6s after  s">
                                        <div class="keyword-item">
                                            <div class="icon-box">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/other/2025/07/66ec71f507ddc269387248aa29378069.png" alt="">
                                            </div>
                                            <div class="count-title fnt60">
                                                <span>#</span>
                                                <span class="timer" id="count-number" data-to="47" data-speed="1200">47</span>
                                                <span></span>
                                            </div>
                                            <div class="keyword-title mt6 fnt20">World University Rankings 2026</div>
                                        </div>
                                    </div>
                                                                    <div class="layui-col-md3 layui-col-sm3 layui-col-xs6" data-scroll-reveal="enter bottom over .6s after  .2  s">
                                        <div class="keyword-item">
                                            <div class="icon-box">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/other/2025/07/638503958a4b0991c9da3c9117d2bb5e.png" alt="">
                                            </div>
                                            <div class="count-title fnt60">
                                                <span>#</span>
                                                <span class="timer" id="count-number" data-to="40" data-speed="1200">40</span>
                                                <span></span>
                                            </div>
                                            <div class="keyword-title mt6 fnt20">Global Employability University Ranking 2026</div>
                                        </div>
                                    </div>
                                                                    <div class="layui-col-md3 layui-col-sm3 layui-col-xs6" data-scroll-reveal="enter bottom over .6s after  .4  s">
                                        <div class="keyword-item">
                                            <div class="icon-box">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/other/2025/07/f9736b40ca4d990627c0dcc1dff3bdbd.png" alt="">
                                            </div>
                                            <div class="count-title fnt60">
                                                <span></span>
                                                <span class="timer" id="count-number" data-to="21" data-speed="1200">21</span>
                                                <span></span>
                                            </div>
                                            <div class="keyword-title mt6 fnt20">Disciplines in the Global Top 1% in 2025</div>
                                        </div>
                                    </div>
                                                                    <div class="layui-col-md3 layui-col-sm3 layui-col-xs6" data-scroll-reveal="enter bottom over .6s after  .6  s">
                                        <div class="keyword-item">
                                            <div class="icon-box">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/other/2025/07/56e5e7400f9872e06e14b62d15671812.png" alt="">
                                            </div>
                                            <div class="count-title fnt60">
                                                <span></span>
                                                <span class="timer" id="count-number" data-to="200" data-speed="1200">200</span>
                                                <span>+</span>
                                            </div>
                                            <div class="keyword-title mt6 fnt20">International Partnerships</div>
                                        </div>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 统计数据 END -->

            <!-- 视频 -->
            <div class="video-block" data-scroll-reveal="enter bottom over .6s after 0s">
                <div class="layui-container">
                    <div class="home-video" video-path="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/06/741d9fd80169262227dad1b5fd178eaa.mp4">
                        <div class="video-box">
                            <div class="img">
                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/file/2025/06/8945ad4c5965520be267c7c69154da51.jpg" alt="">
                            </div>
                            <div class="icon-play">
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 视频 END -->
        </div>
        <!-- Study SJTU -->
        <div class="block academics-block ">
            <div class="bg" style="background-image: url(https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/09e23fafd7b1c0f7eff1a179b81c7a93.jpg)" data-scroll-reveal="enter left over .6s after .2s"></div>
            <div class="layui-container">
                <div class="layui-row row-flex layui-col-space60">
                    <div class="layui-col-md6 layui-col-md-offset6 layui-col-xs12">
                        <div class="index_title">
                            <div class="ala-flex is-center is-between l-overflow">
                                <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                    <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Study@SJTU</h2>
                                </div>
                            </div>
                        </div>
                        <div class="mce-content-body fnt18" data-scroll-reveal="enter bottom over .6s after .2s"><p>Founded in 1896, Shanghai Jiao Tong University is one of China&rsquo;s top universities, recognized internationally for its excellence in education, research, and global impact.</p></div>

                        <div class="home-study">
                            <div class="layui-row row-flex layui-col-space40">
                                                                    <div class="layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                        <a href="/en/study-sjtu/prospective" class="item" data-scroll-reveal="enter bottom over .6s after .4s">
                                            <div class="top">
                                                <div class="icon">
                                                    <img src="https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/6b90ebc982c2bb228773cefe451ae252.png" alt="">
                                                </div>
                                                <div class="title fnt26">Prospective  International Students</div>
                                            </div>
                                            <div class="more-link fnt18">
                                                <div class="text">
                                                    <i class="iconfont icon-arrow-right"></i><span>Learn more</span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                                                    <div class="layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                        <a href="/en/study-sjtu/current" class="item" data-scroll-reveal="enter bottom over .6s after .4s">
                                            <div class="top">
                                                <div class="icon">
                                                    <img src="https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/39f04070ca3f7ce0e9cb6b74609baa69.png" alt="">
                                                </div>
                                                <div class="title fnt26">Current International Students</div>
                                            </div>
                                            <div class="more-link fnt18">
                                                <div class="text">
                                                    <i class="iconfont icon-arrow-right"></i><span>Learn more</span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Study SJTU END-->

        <!-- Work SJTU -->
        <div class="block work-block">
            <div class="layui-container">
                <div class="layui-row row-flex layui-col-space60">
                    <div class="layui-col-md6  layui-col-xs12">
                        <div class="left-text-wrap">
                            <div class="top">
                                <div class="index_title">
                                    <div class="ala-flex is-center is-between l-overflow">
                                        <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                            <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Work@SJTU</h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="mce-content-body fnt18" data-scroll-reveal="enter bottom over .6s after .4s">
                                    <p>SJTU advances its &ldquo;Talent-Empowered University Development&rdquo; strategy, pioneering tenure-track systems and categorized career pathways with multi-dimensional evaluations. Guided by a philosophy of attracting, retaining, and empowering talents through trust, mentorship, and holistic care, we have established a unique faculty development model centered on talent pyramids and academic honors frameworks, forming a distinctive talent cultivation ecosystem.</p>
                                </div>
                            </div>
                            <div class="more-link-list mt100">
                                                                    <a href="/en/news-events/meet-sjtu/faculty-staff" class="more-link fnt28" data-scroll-reveal="enter bottom over .6s after . 8  s">
                                        <i class="iconfont icon-arrow-right fnt20"></i> <span>Faculty &amp; Staff</span>
                                    </a>
                                                                    <a href="/en/work-sjtu/seed-funds" class="more-link fnt28" data-scroll-reveal="enter bottom over .6s after . 8  s">
                                        <i class="iconfont icon-arrow-right fnt20"></i> <span>Seed Funds</span>
                                    </a>
                                                                    <a href="/en/work-sjtu#FacultyClub" class="more-link fnt28" data-scroll-reveal="enter bottom over .6s after . 8  s">
                                        <i class="iconfont icon-arrow-right fnt20"></i> <span>International Faculty Club</span>
                                    </a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6  layui-col-xs12">
                        <div class="right-wrap">
                            <div class="top-img" data-scroll-reveal="enter bottom over .8s after 0s">
                                <div class="img">
                                    <img src="https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/f81fd8ee824bdb2938ea8ca43e4cd7b5.png" alt="">
                                </div>
                                <p class="fnt72">Join Us</p>
                            </div>
                            <div class="bottom-wrap" data-scroll-reveal="enter bottom over .8s after .2s">
                                                                    <div class="item">
                                        <div class="title fnt32">Employment Opportunities</div>
                                        <a href="/en/work-sjtu/news" class="more-link">
                                            <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                        </a>
                                    </div>
                                                                    <div class="item">
                                        <div class="title fnt32">International Faculty Club</div>
                                        <a href="/en/work-sjtu#FacultyClub" class="more-link">
                                            <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                        </a>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="block grey">
            <!-- SJTU in the News -->
            <div class="ala-section">
                <div class="layui-container">
                    <div class="index_title">
                        <div class="ala-flex is-center is-between l-overflow">
                            <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                <h2 class="animate__animated animate__fadeInUp animate__delay-1s">SJTU in the News</h2>
                            </div>
                            <a href="/en/news-events/news" class="more-link fnt18" data-scroll-reveal="enter bottom over .6s after 0s">
                                <i class="iconfont icon-arrow-right"></i> <span>More news</span>
                            </a>
                        </div>
                    </div>
                    <div class="home-news">
                        <div class="layui-row row-flex layui-col-space30">
                                                            <div class="layui-col-md3 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                    <a href="/en/news-events/news/2431 " class="slide-card no-bg" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <div class="img-box">
                                            <div class="img">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/article/2025/12/792ef6eaaeb58d5504ee545d6de180ee.jpg" alt="" onerror="this.onerror=null; this.src='https://www.sghhindu.com/global/en/assets/images/news-demo.jpg?v=202501'">
                                            </div>
                                        </div>
                                        <div class="text-box">
                                            <div class="top">
                                                <div class="tag color_secondary mb12 fnt20">December 16, 2025</div>
                                                <div class="title fnt24 ellipsis--3">Close-up: “Swallow” Returns Home — Legendary Film Figure Lu Yan Revisits Her Alma Mater in Shanghai</div>
                                                <!-- <div class="desc ellipsis--4"></div> -->
                                            </div>
                                            <div class="more-link fnt18 mt36">
                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                            <div class="layui-col-md3 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                    <a href="/en/news-events/news/2430 " class="slide-card no-bg" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <div class="img-box">
                                            <div class="img">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/article/2025/12/8a59127f41c101b43199cf8b2514305d.jpg" alt="" onerror="this.onerror=null; this.src='https://www.sghhindu.com/global/en/assets/images/news-demo.jpg?v=202501'">
                                            </div>
                                        </div>
                                        <div class="text-box">
                                            <div class="top">
                                                <div class="tag color_secondary mb12 fnt20">December 15, 2025</div>
                                                <div class="title fnt24 ellipsis--3">“Ladder to Creation · The Power of Science” — 2025 Ruiyuan Science and Technology Awards Ceremony and SJTU Science Night Held</div>
                                                <!-- <div class="desc ellipsis--4"></div> -->
                                            </div>
                                            <div class="more-link fnt18 mt36">
                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                            <div class="layui-col-md3 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                    <a href="/en/news-events/news/2429 " class="slide-card no-bg" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <div class="img-box">
                                            <div class="img">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/article/2025/12/75a5dd5457251b042ff50e30b614d2a3.jpg" alt="" onerror="this.onerror=null; this.src='https://www.sghhindu.com/global/en/assets/images/news-demo.jpg?v=202501'">
                                            </div>
                                        </div>
                                        <div class="text-box">
                                            <div class="top">
                                                <div class="tag color_secondary mb12 fnt20">December 15, 2025</div>
                                                <div class="title fnt24 ellipsis--3">“2025 Shanghai–Macao Business, Culture, Tourism, and Sci-Tech Innovation Exchange Delegation” Visits Shanghai Jiao Tong University</div>
                                                <!-- <div class="desc ellipsis--4"></div> -->
                                            </div>
                                            <div class="more-link fnt18 mt36">
                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                            <div class="layui-col-md3 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                    <a href="/en/news-events/news/2428 " class="slide-card no-bg" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <div class="img-box">
                                            <div class="img">
                                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/article/2025/12/63e86051db1a63ec34a6ab40fdcde2d5.jpg" alt="" onerror="this.onerror=null; this.src='https://www.sghhindu.com/global/en/assets/images/news-demo.jpg?v=202501'">
                                            </div>
                                        </div>
                                        <div class="text-box">
                                            <div class="top">
                                                <div class="tag color_secondary mb12 fnt20">December 15, 2025</div>
                                                <div class="title fnt24 ellipsis--3">Delegation from Universidad de los Andes Visits Shanghai Jiao Tong University</div>
                                                <!-- <div class="desc ellipsis--4"></div> -->
                                            </div>
                                            <div class="more-link fnt18 mt36">
                                                <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <!-- SJTU in the News END -->

            <div class="ala-section">
                <div class="layui-container">
                    <div class="layui-row row-flex layui-col-space60">

                        <!-- Noticeboard -->
                        <div class="layui-col-md6  layui-col-xs12">
                            <div class="index_title" >
                                <div class="ala-flex is-center is-between l-overflow">
                                    <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Noticeboard</h2>
                                    </div>
                                    <a href="/en/news-events/notice" class="more-link fnt18" data-scroll-reveal="enter bottom over .6s after .2s">
                                        <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                    </a>
                                </div>
                                <div class="index_title_desc fnt18" data-scroll-reveal="enter left over .6s after .4s">
                                    The Noticeboard is SJTU’s official platform for sharing important updates, announcements, and guidelines with students, faculty, and staff.
                                </div>
                            </div>
                            <div class="home-events">
                                <div class="layui-row row-flex layui-col-space20">
                                                                            <div class="layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                            <a href="/en/news-events/notice/2427" class="notice-card" data-scroll-reveal="enter left over .6s after .8s">
                                                <div class="text-box">
                                                    <div class="time">
                                                        <div class="day fnt28">
                                                            December 10
                                                        </div>
                                                        <div class="year fnt18">2025</div>
                                                    </div>
                                                    <div class="title fnt24 ellipsis--4">&quot;Strings of Joy, Celebrating the New Year&quot; SJTU New Year Guitar Concert – We look forward to your presence! </div>
                                                </div>
                                            </a>
                                        </div>
                                                                            <div class="layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xsm6 layui-col-xs12">
                                            <a href="/en/news-events/notice/2425" class="notice-card" data-scroll-reveal="enter left over .6s after .6s">
                                                <div class="text-box">
                                                    <div class="time">
                                                        <div class="day fnt28">
                                                            December 04
                                                        </div>
                                                        <div class="year fnt18">2025</div>
                                                    </div>
                                                    <div class="title fnt24 ellipsis--4">2025 Shanghai Jiao Tong University Freshmen Sports Culture Festival – Football Carnival &amp; Adidas Football Campus Day — Football Legend Zinedine Zidane Will Appear in Person! </div>
                                                </div>
                                            </a>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                        <!-- Noticeboard END -->

                        <!-- Upcoming Events -->
                        <div class="layui-col-md6  layui-col-xs12">
                            <div class="index_title" >
                                <div class="ala-flex is-center is-between l-overflow">
                                    <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                        <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Upcoming Events</h2>
                                    </div>
                                    <a href="/en/news-events/events" class="more-link fnt18" data-scroll-reveal="enter bottom over .6s after .2s">
                                        <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                                    </a>
                                </div>
                                <div class="index_title_desc fnt18" data-scroll-reveal="enter right over .6s after .4s">
                                    Explore opportunities to engage with people, ideas, art, and education across campus.
                                </div>
                            </div>
                            <div class="event-list">
                                <div id="box"></div>
                            </div>
                        </div>
                        <!-- Upcoming Events END -->
                    </div>
                </div>
            </div>
        </div>


        <div class="block map-block" style="padding-bottom:0;">

            <div class="global-map">
                <div class="map-index-title">
                    <div class="layui-container">
                        <div class="index_title">
                            <div class="l-overflow">
                                <div class="title-wrap fnt72" data-scroll-reveal="enter bottom over .6s after 0s">
                                    <h2 class="animate__animated animate__fadeInUp animate__delay-1s">Global Network</h2>
                                </div>

                            </div>
                        </div>
                        <!-- <div class="desc fnt18" data-scroll-reveal="enter bottom over .2s after .4s">SJTU is committed to focusing on global leadership and cultivating elite leaders; expanding its global presence and enhancing international influence; strengthening international cooperation to address global challenges; and promoting multiculturalism to improve governance capacity.</div> -->
                        <a href="/en/global-sjtu" class="more-link fnt18" data-scroll-reveal="enter bottom over .6s after .4s">
                            <i class="iconfont icon-arrow-right"></i> <span>Learn more</span>
                        </a>
                    </div>
                </div>
                <div class="map">
    <img src="https://www.sghhindu.com/global/en/assets/images/home-map.png" class="globalMap" style="max-width: 100%" alt="">
    <div class="map-dot-container">
        <div class="china-container">
            <div class="circle line">
                <img src="https://www.sghhindu.com/global/en/assets/images/map_line.png" alt="">
            </div>
            <div class="circle circle4">
                <img src="https://www.sghhindu.com/global/en/assets/images/map_circle_white_4.png" alt="">
            </div>
            <div class="circle circle3" >
                <img src="https://www.sghhindu.com/global/en/assets/images/map_circle_white_3.png" alt="">
            </div>
            <div class="circle circle2" >
                <img src="https://www.sghhindu.com/global/en/assets/images/map_circle_white_2.png" alt="">
            </div>
            <div class="circle circle1" >
                <img src="https://www.sghhindu.com/global/en/assets/images/map_circle_white_1.png" alt="">
            </div>
            <div class="china-dot">
                <img src="https://www.sghhindu.com/global/en/assets/images/map_sjtu.png" alt="">
            </div>
            <div class="point"></div>
        </div>
        <div class="map-dot-item is-dot" style="left: 78%; top: 22%; z-index: 98;">
            <div class="map-dot-line" style="width: 0px; transform: rotate(167.162deg);"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16 is-bottom is-more-bottom fnt18">North America</div>
                <div class="map-dot-bubble">
                    <div class="title fnt18">
                        North America
                    </div>
                    <div class="desc fnt16">
<ul>
<li><span class="num">80+</span> partners</li>
<li><span class="num">20</span>&nbsp;exchange programs</li>
<li><span class="num">380+</span> international students</li>
<li><span class="num">45+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item is-dot" style="left: 93%;top: 57%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16 is-more-bottom is-bottom">South America</div>
                <div class="map-dot-bubble pop-left">
                    <div class="title">
                        South America
                    </div>
                    <div class="desc">
<ul>
<li><span class="num">5+</span> partners</li>
<li><span class="num">130+</span> international students</li>
<li><span class="num">1+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item is-dot" style="left: 21%;top: 17%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16  is-top">Europe</div>
                <div class="map-dot-bubble pop-bottom">
                    <div class="title">
                        Europe
                    </div>
                    <div class="desc">
<ul>
<li><span class="num">140+</span> partners</li>
<li><span class="num">60</span>&nbsp;exchange programs</li>
<li><span class="num">900+</span> international students</li>
<li><span class="num">20+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item is-dot" style="left: 15%;top: 48%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16 is-more-bottom is-bottom">Africa</div>
                <div class="map-dot-bubble pop-right">
                    <div class="title">
                        Africa
                    </div>
                    <div class="desc">
<ul>
<li><span class="num">5+</span> partners</li>
<li><span class="num">100+</span> international students</li>
<li><span class="num">1+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item is-dot" style="left: 37%;top: 20%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16 is-more-bottom is-bottom">Asia</div>
                <div class="map-dot-bubble pop-top">
                    <div class="title">
                        Asia
                    </div>
                    <div class="desc">
<ul>
<li><span class="num">70+</span> partners</li>
<li><span class="num">60</span>&nbsp;exchange programs</li>
<li><span class="num">2200+</span> international students</li>
<li><span class="num">45+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item is-dot" style="left: 46%;top: 63%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <div class="dot">
                        <span></span>
                    </div>
                    <!-- <img src="images/icon_map.png?v=2" class="icon" alt=""> -->
                </div>
                <div class="map-dot-text fnt16 is-more-bottom is-bottom">Australia and Oceania</div>
                <div class="map-dot-bubble pop-right">
                    <div class="title">
                        Australia and Oceania
                    </div>
                    <div class="desc">
<ul>
<li><span class="num">10+</span> partners</li>
<li><span class="num">10</span>&nbsp;exchange programs</li>
<li><span class="num">80+</span> international students</li>
<li><span class="num">4+</span> foreign teachers</li>
</ul>
</div>
                </div>
            </div>
        </div>
        <div class="map-dot-item" style="left: 16%;top: 18%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <img src="https://www.sghhindu.com/global/en/assets/images/icon_map.png" class="icon" alt="">
                </div>
                <div class="map-dot-text fnt16 is-bottom">Office in Germany</div>
                <div class="map-dot-bubble pop-top">
                    <div class="title">
                        Office in Germany
                    </div>
                    <div class="desc">
                        <div class="img-text">
                            <div class="img">
                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/5f6058fad1b5843b2a18e14873baea78.png" alt="">
                            </div>
                            <div class="text map-desc fnt14">
                            <p>In the 1980s, the German Center of Shanghai Jiao Tong University (SJTU) was established to support German language instruction within the university and its exchanges with Germany. Today, as part of SJTU&rsquo;s &ldquo;Global SJTU&rdquo; initiative, the Center has redefined its mission around four core functions: facilitating connections and exchanges, promoting collaborative innovation, integrating with university initiatives, and serving as a regional hub for outreach. These pillars aim to further strengthen SJTU&rsquo;s partnership with German institutions.</p>
<p>In 2023, the German Center officially launched its Munich branch, featuring teaching and logistical support facilities. The Center is actively expanding its mobile classroom initiative in Germany, while also serving as the secretariat of the Ministry of Education&rsquo;s Sino-German Innovation Consortium for Industry, Academia, and Applied Research. In doing so, it is helping develop a more structured and impactful platform for China-Germany cooperation.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="map-dot-item " style="left: 35.5%;top: 50%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <img src="https://www.sghhindu.com/global/en/assets/images/icon_map.png" class="icon" alt="">
                </div>
                <div class="map-dot-text fnt16 is-bottom">Asia-Pacific Graduate Institute</div>
                <div class="map-dot-bubble pop-bottom">
                    <div class="title ">
                        Asia-Pacific Graduate Institute
                    </div>
                    <div class="desc">
                        <div class="img-text">
                            <div class="img">
                                <img src="https://smse.sjtu.edu.cn/storage/global/web/en/page/2025/06/db4aea1f72f1bce64a1f108088346989.png" alt="">
                            </div>
                            <div class="text map-desc fnt14">
                                <p>SJTU Asia-Pacific Graduate Institute (SJTU-APGI) is an extension of SJTU&rsquo;s education and research efforts, as well as a platform for overseas resource integration and internationalization.</p>
<p>The overall goal of SJTU-APGI is to promote the innovation of systems and integration of resources, and in turn, open up new global prospects in the fields of education and research.</p>
<p><a href="https://www.sjtu-apgi.edu.sg/" target="_blank" rel="noopener">https://www.sjtu-apgi.edu.sg/</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="map-dot-item hover-grey-dot" style="left: 24%;top: 35%">
            <div class="map-dot-line"></div>
            <div class="map-dot">
                <div class="map-dot-layer">
                    <div class="point"></div>
                    <img src="https://www.sghhindu.com/global/en/assets/images/icon_map.png" class="icon" alt="">
                </div>
                <div class="map-dot-text fnt16 is-bottom">Office in Middle East Center</div>
            </div>
        </div>
    </div>
</div>
            </div>
            <div class="date-tip fnt16">
                Approval number: GS (2016) 1611, supervised by the Ministry of Natural Resources
            </div>
        </div>
    </div>
    <div class="video-player" style="display: none;">
        <video id="videoPlayer" class="video-js vjs-big-play-centered" controls data-setup="{}">
            <source src="https://www.sghhindu.com/global/en/assets/images/video.mp4" type="video/mp4">
            <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
        </video>
    </div>

<footer>
    <div class="layui-container">
        <div class="footer-top fnt18">
            <div class="layui-row layui-col-space40 row-flex">
                <div class="quick-links">
                    <div class="layui-row layui-col-space60 row-flex">
                        <div class="layui-col-md3 layui-col-sm12 layui-col-xs12" data-scroll-reveal="enter left over .6s after 0s">
                            <div class="footer-title fnt24">
                                CONTACT US
                            </div>
                            <p>Donghui Building 3, Shanghai Jiao Tong University Minhang Campus, 800 Dongchuan Road, Minhang District, Shanghai, China</p>
<p>Postal Code: 200240</p>
                        </div>
                        <div class="layui-col-md6 layui-col-sm12 layui-col-xs12" data-scroll-reveal="enter left over .6s after 0s">
                            <div class="footer-title fnt24">
                                QUICK LINKS
                            </div>
                            <ul class="footer-link columns">
                                                                    <li><a href="https://www.sjtu.edu.cn/" target="false">Shanghai Jiao Tong University</a></li>
                                                                    <li><a href="https://www.gs.sjtu.edu.cn/" target="_self">Graduate School</a></li>
                                                                    <li><a href="https://ichinese.sjtu.edu.cn/zh" target="_self">International Chinese Education Center, School of Humanities</a></li>
                                                                    <li><a href="https://www.csc.edu.cn/" target="_self">China Scholarship Council</a></li>
                                                                    <li><a href="https://gaj.sh.gov.cn/crj/homeZ" target="_self">Shanghai Exit-Entry Administration</a></li>
                                                                    <li><a href="https://wsb.sh.gov.cn/" target="_self">Foreign Affairs Office of Shanghai Municipality</a></li>
                                                                    <li><a href="https://cief.org.cn/" target="_self">Chinese International Education Foundation</a></li>
                                                            </ul>
                        </div>
                        <div class="layui-col-md3 layui-col-sm12 layui-col-xs12" data-scroll-reveal="enter left over .6s after 0s">

                            <div class="footer-title fnt24">
                                What's happening on socials
                            </div>
                            <ul class="media-list fnt24">
                                <!-- <li class="media-item">
                                    <a href="javascript:;">
                                        <i class="iconfont icon-weixin"></i>
                                    </a>
                                    <div class="tc-box">
                                        <img src="https://www.sghhindu.com/global/public/images/qrcode1.jpg" alt="">
                                    </div>
                                </li> -->
                                <li class="media-item">
                                    <a href="https://www.tiktok.com/@sjtu1896" target="_blank">
                                        <i class="iconfont icon-douyin"></i>
                                    </a>
                                </li>
                                <li class="media-item">
                                    <a href="https://www.facebook.com/sjtu1896" target="_blank">
                                        <i class="iconfont icon-facebook"></i>
                                    </a>
                                </li>
                                <li class="media-item">
                                    <a href="https://www.Instagram.com/sjtu_1896" target="_blank">
                                        <i class="iconfont icon-instagram"></i>
                                    </a>
                                </li>
                                <li class="media-item">
                                    <a href="https://www.youtube.com/@ShanghaiJiaoTongUniversity" target="_blank">
                                        <i class="iconfont icon-Youtube-fill"></i>
                                    </a>
                                </li>

                                <li class="media-item">
                                    <a href="https://www.x.com/sjtu1896" target="_blank">
                                        <i class="iconfont icon-x"></i>
                                    </a>
                                </li>
                                <li class="media-item">
                                    <a href="https://www.linkedin.com/school/sjtu1896" target="_blank">
                                        <i class="iconfont icon-linkedin"></i>
                                    </a>
                                </li>
                                <li class="media-item">
                                    <a href="https://www.threads.com/@sjtu_1896" target="_blank">
                                        <i class="iconfont icon-a"></i>
                                    </a>
                                </li>


                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright fnt18" data-scroll-reveal="enter left over .6s after 0s">
        <div class="layui-container">
            Copyright &copy; Shanghai Jiao Tong University. All rights reserved. 备案号：沪ICP备05052060
        </div>
    </div>
</footer>
<a href="#" id="button-to-top" class="fnt24" style="display: block;"><i class="iconfont icon-up"></i></a>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/layui/layui.js"></script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/scrollReveal.min.js"></script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/video.min.js"></script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
    //滚动动画
    (function () {
        'use strict';
        window.scrollReveal = new scrollReveal({ reset: false, move: '80px' });

    })();
</script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/index.js?v=2024042409"></script>
<!-- Swiper JS -->
<script src="https://www.sghhindu.com/global/en/assets/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/animate.min.js"></script>
<script type="text/javascript" src="https://www.sghhindu.com/global/en/assets/js/swiper.animate1.0.3.min.js"></script>
<script>

    resetFontSize();
    function resetFontSize() {
        var pmWidth = document.documentElement.clientWidth;
        if (pmWidth > 567) {
            pmWidth = 567
        }else{
            document.documentElement.style.fontSize = pmWidth / 750 * 100 + "px"
        }
    }

    window.onresize = function () {
        resetFontSize();
        if(document.documentElement.clientWidth > 991) {
            $('body').css('overflow-y','unset');
            $(document).unbind('scroll.unable');
        }
    }

    // 面点击滑动到内容区
    $('.inner-banner .slide-down').click(function (e) {
        e.preventDefault();
        var pageTop = $(this).parents('.inner-banner').next().offset().top
        var headerTop = $('header').height();
        $('body,html').animate({ scrollTop: pageTop-headerTop }, 600);
    });
    $('.topic-banner .slide-down').click(function (e) {
        e.preventDefault();
        var pageTop = $(this).parents('.topic-banner').next().offset().top
        var headerTop = $('header').height();
        $('body,html').animate({ scrollTop: pageTop-headerTop }, 600);
    });


    function isExitsVariable(variableName) {
        try {
            if (typeof(eval(variableName)) == "undefined") {
                return false;
            } else {
                return true;
            }
        } catch(e) {

        }
        return false;
    }
    if(!isExitsVariable('total')){
        var total = 0;
    }
    if(!isExitsVariable('page')){
        var page = 1;
    }
    if(!isExitsVariable('limit')){
        var limit = 12;
    }
    if(!isExitsVariable('keyWord')){
        var keyWord = '';
    }

    layui.use(['element', 'form', 'layer', 'laypage'], function() {
        var $ = layui.jquery,
            element = layui.element,
            layer = layui.layer,
            laypage = layui.laypage,
            form = layui.form;
        laypage.render({
            elem: 'pages'
            ,count: total
            ,curr:page
            ,theme: '#0499DA'
            ,prev: '<i class="iconfont icon-left"></i>'
            ,next: '<i class="iconfont icon-right"></i>'
            ,groups:3
            ,limit:limit
            ,jump:function(obj, first){
//obj包含了当前分页的所有参数，比如：
//                         console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
//                         console.log(obj.limit); //得到每页显示的条数
                //首次不执行
                if(!first){
                    //do something
                    window.location.href=jump(obj.curr)
                }
            }
        });
    });
    $('.header .search-toggle').click(function(){
        layer.open({
            type: 1,
            title: false,
            shade: [.85,'#000'],
            shadeClose: false,
            scrollbar: false,
            anim: 1,
            area: ['100vw','100vh'],
            skin: 'tc-search',
            content: $('.search-box'),

        })
    });
    $(".map-desc").mCustomScrollbar({
        scrollButtons: {
            enable: true
        }
    });

    function mobileMenu(){
        // 主菜单
        $('header .menu-toggle').click(function(){
            if($(this).hasClass('open')){

                // 解除滚动条锁定
                $('body').css('overflow-y','unset');
                $(document).unbind('scroll.unable');

                $(this).removeClass('open');
                $('body').removeClass('show-menu'); //一级菜单隐藏
                $('header .menu-toggle').removeClass('open');
                $('.menu-container .menu-list .submenu').css("transition", "none");
                $('.menu-container .menu-list .third-menu').css("transition", "none");
                $('.menu-list .menu-item').removeClass('show-submenu'); //二级菜单隐藏
                $('.menu-list .submenu-item').removeClass('m-active'); //二级菜单去掉选中样式

            }else{
                layer.closeAll();
                // 锁定滚动条
                $('body').css('overflow-y','hidden');
                var _scollbarTop = $(document).scrollTop();
                // console.log(_scollbarTop);
                $(document).on('scroll.unable',function(e){
                    $(document).scrollTop(_scollbarTop)
                })

                $('body').addClass('show-menu');
                $(this).addClass('open');
                $('body').removeClass('show-search');
                $('.menu-container .menu-body').mCustomScrollbar({
                    axis:"y",
                    scrollInertia:0,
                    scrollButtons:{
                        enable:false,
                        scrollType:"continuous",
                        scrollSpeed:10,
                        scrollAmount:20
                    },
                    scrollbarPosition:"inside",
                });
            }
        });
        // 打开二级菜单
        $('.menu-list>.menu-item>.menu-title .icon').click(function(){
            $('.menu-container .menu-list .submenu').css("transition", ".3s");
            $(this).parents('.menu-item').addClass('show-submenu');
        })
        // 返回一级菜单
        $('.submenu-back-btn').click(function(){
            $(this).parents('.submenu').parents('.menu-item').removeClass('show-submenu');
        })
        // 打开三级菜单
        $('.submenu-list>.submenu-item>.menu-title .icon').click(function(){
            $('.menu-container .menu-list .third-menu').css("transition", ".3s");
            $(this).parents('.submenu-item').addClass('m-active');
        })
        // 返回二级菜单
        $('.third-back-btn').click(function(){
            $(this).parents('.third-menu').parents('.submenu-item').removeClass('m-active');
        })
        $('.site-menu-shade').click(function(){
            // 解除滚动条锁定
            $('body').css('overflow-y','unset');
            $(document).unbind('scroll.unable');

            $('body').removeClass('show-menu'); //一级菜单隐藏
            $('header .menu-toggle').removeClass('open');
            $('.menu-list .submenu').removeClass('show-submenu'); //二级菜单隐藏
            $('.menu-list .submenu-item').removeClass('m-active'); //二级菜单去掉选中样式
            $('.menu-list .third-menu').slideUp("300"); //三级菜单收回
        });
    }
    mobileMenu();

    // 修改鼠标光标
    if($('.custom-cursor').length>0){
        $(document).on("mousemove", function(event) {
            $('.custom-cursor').css({
                top: event.clientY,
                left: event.clientX
            })
        });
    }

    // 滚动条
    $('.scrollbar-box').mCustomScrollbar({
        axis:"y",
        scrollInertia:0,
        scrollButtons:{
            enable:false,
            scrollType:"continuous",
            scrollSpeed:10,
            scrollAmount:20
        },
        // scrollbarPosition:"inside",
    });

    // 内页二级菜单
    if ($('.category-nav').length > 0) {
        var aIndex = $('.category-nav .swiper-slide.active').index();
        var categoryNav = new Swiper('.category-nav .swiper-container', {
            watchOverflow: true,
            initialSlide: aIndex,
            resistanceRatio: 0,
            spaceBetween: 0,
            slidesPerView: 'auto',
            slideToClickedSlide: true,
            watchSlidesVisibility: true,
            normalizeSlideIndex: false,
        });
    }
    if ($('.tab-swiper-wrap').length > 0) {
        var aIndex = $('.tab-swiper-wrap .swiper-slide.active').index();
        var categoryNav = new Swiper('.tab-swiper-wrap .swiper-container', {
            watchOverflow: true,
            initialSlide: aIndex,
            resistanceRatio: 0,
            spaceBetween: 0,
            slidesPerView: 'auto',
            slideToClickedSlide: true,
            watchSlidesVisibility: true,
            normalizeSlideIndex: false
        });
    }


    $('.secondary-menu .menu-item .menu-title ').click(function(){
        if ($(this).parent().find('.menu-child').css("display") == "none"){
            $(this).parent().find('.menu-child').slideDown("200");
            $(this).parent().addClass('open');
        }else{
            $(this).parent().find('.menu-child').slideUp("200");
            $(this).parent().removeClass('open');
        }

    });
    $('.secondary-menu .menu-item .child-item').click(function(){
        if ($(this).find('.menu-child-third').css("display") == "none"){
            $(this).find('.menu-child-third').slideDown("200");
            $(this).addClass('open');
        }else{
            $(this).find('.menu-child-third').slideUp("200");
            $(this).removeClass('open');
        }

    });

    // 获取月份全名（如：November）
    function getMonthFullName(dateString) {
        const date = new Date(dateString);
        return date.toLocaleString('en-US', { month: 'long' });
    }

    // 获取两位数的日期（如：30）
    function getDayWithZero(dateString) {
        const date = new Date(dateString);
        const day = date.getDate();
        return day < 10 ? '0' + day : '' + day;
    }

    // 获取四位数年份（如：2024）
    function getFullYear(dateString) {
        const date = new Date(dateString);
        return date.getFullYear();
    }

    //将24小时制度时间转化为12小时制时间
    function convertTo12HourFormat(timeStr) {
        const date = new Date(timeStr);
        let hours = date.getHours();
        const minutes = date.getMinutes().toString().padStart(2, '0');
        const ampm = hours >= 12 ? 'PM' : 'AM';
        hours = hours % 12 || 12; // 将0转换为12，其他按12小时制转换
        return `${hours}:${minutes} ${ampm}`;
    }


    //统计
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?139a68ef0323376a7c71d7969752ce8d";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();


</script>


    <script>
        function drawLine(){

            $(".map-dot-item").mouseenter(function() {
                $(".map-dot-item").css('zIndex','98');
                $(this).css('zIndex','99');
                $(this).addClass('active');
                $(this).find('.icon').attr('src',"https://www.sghhindu.com/global/en/assets/images/icon_map_red.png");
                var chinaX = $('.china-container .point').offset().left;
                var chinaY = $('.china-container .point').offset().top;
                var X = $(this).find('.point').offset().left;
                var Y = $(this).find('.point').offset().top;
                console.log('chinaX：'+ chinaX, chinaY);
                console.log('dot：'+ X, Y);

                lineWidth = Math.sqrt( Math.pow( Math.abs(X-chinaX),2 ) + Math.pow( Math.abs(Y-chinaY),2) );
                lineAngle = Math.asin(Math.abs(X-chinaX)/lineWidth) * 180/Math.PI;
                chinaAngle = Math.asin(Math.abs(Y-chinaY)/lineWidth) * 180/Math.PI;
                console.log('lineAngle:'+lineAngle);
                console.log('chinaAngle:'+chinaAngle);

                if (X>chinaX && Y<chinaY) { //右上
                    lineAngle = lineAngle+ 90;
                    chinaAngle = 90-chinaAngle;
                }else if(X<chinaX && Y<chinaY){ //左上
                    lineAngle = 90-lineAngle;
                    chinaAngle = -(90-chinaAngle);
                }else if(X<chinaX && Y>chinaY){ //左下
                    lineAngle = -(90-lineAngle);
                    chinaAngle = -(90+chinaAngle);
                }else if(X>chinaX && Y>chinaY){ //右下
                    lineAngle = -(lineAngle+90);
                    chinaAngle = 90+chinaAngle;
                }
                console.log('lineAngle1:'+lineAngle);
                console.log('chinaAngle1:'+chinaAngle);

                lineWidth = lineWidth - $('.china-container').width()*.4;
                $(this).find('.map-dot-line').css({
                    'width': lineWidth,
                    'transform': "rotate(" + lineAngle + "deg)"
                })
                $('.china-container .china-dot img').css({
                    'transform': "rotate(" + chinaAngle + "deg)"
                })
            }).mouseleave(function(){
                $(this).removeClass('active');
                $(this).find('.map-dot-line').css({
                    'width': 0,
                })
                $(this).find('.icon').attr('src',"https://www.sghhindu.com/global/en/assets/images/icon_map.png");
            })
            $(".map-dot-item.hover-grey-dot").mouseenter(function(){
                $(this).find('.icon').attr('src',"https://www.sghhindu.com/global/en/assets/images/icon_map_grey.png");
            }).mouseleave(function(){
                $(this).find('.icon').attr('src',"https://www.sghhindu.com/global/en/assets/images/icon_map.png");
            })

        }
        drawLine();
        $(window).resize(function(){
            drawLine();
        });
    </script>

    <script>
        $(document).ready(function () {
            // $('.header-nav .layui-nav li').eq(0).addClass('layui-this').siblings().removeClass('layui-this');
            //banner
            var interleaveOffset = 0.5; //视差比值
            var bannerSwiper = new Swiper('.banner>.swiper-container', {
                pagination: {
                    el: '.banner .swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.banner .swiper-button-next',
                    prevEl: '.banner .swiper-button-prev',
                },
                effect: 'fade',
                // fadeEffect: {
                //     crossFade: true,
                // },
                parallax: true,
                watchSlidesProgress: true,
                watchOverflow: true,
                resistanceRatio: 0,
                loop: true,
                // speed: 700,
                autoplay: {
                    delay: 10000,
                    disableOnInteraction: false,
                },
                on: {
                    init: function () {
                        swiperAnimateCache(this); //隐藏动画元素
                        swiperAnimate(this); //初始化完成开始动画
                    },
                    slideChangeTransitionStart: function () {
                        swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                        //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
                    },
                }
            });

            // 二级页面点击滑动到内容区
            $('.banner .arrow').click(function (e) {
                e.preventDefault();
                var _pageTop = $(this).parents('.banner').next().offset().top
                $('body,html').animate({ scrollTop: _pageTop }, 600);
            });


            $('.home-video').click(function(){
                var videoPlayer = videojs('videoPlayer');
                var videoSrc = $(this).attr('video-path');
                videoPlayer.src(videoSrc);
                videoPlayer.ready(function(){
                    var videoPlayer = this;
                });
                layer.open({
                    type: 1,
                    title: false,
                    shade: [.75,'#000'],
                    shadeClose: false,
                    area: ['90vw','90vh'],
                    skin: 'tc-video',
                    content: $('.video-player'),
                    success: function(layero, index){
                        videoPlayer.play();
                    },
                    cancel: function(index, layero){
                        videoPlayer.pause();
                    }
                })
            })

            var researchSwiperImg = new Swiper('.research-swiper-img .swiper-container', {
                // freeMode: true,
                watchOverflow: true,
                resistanceRatio: 0,
                slidesPerView: 1,
                watchSlidesVisibility: true,//防止不可点击
                speed: 800,
                loop: true,
                effect: 'fade',
                fadeEffect: {
                    crossFade: true,
                },
            });

            var researchSwiperText = new Swiper('.research-swiper-text .swiper-container', {
                pagination: {
                    el: ".research-swiper-text .swiper-pagination",
                    clickable: true,
                },
                navigation: {
                    nextEl: '.research-swiper-text .swiper-button-next',
                    prevEl: '.research-swiper-text .swiper-button-prev',
                },
                effect: 'fade',
                fadeEffect: {
                    crossFade: true,
                },
                parallax: true,
                watchSlidesProgress: true,
                watchOverflow: true,
                resistanceRatio: 0,
                autoHeight: true,
                speed: 800,
                loop: true,
                autoplay: {
                    delay: 5000,
                    disableOnInteraction: false,
                }
            });

            researchSwiperText.controller.control = researchSwiperImg;//Swiper1控制Swiper2，需要在Swiper2初始化后
            researchSwiperImg.controller.control = researchSwiperText;//Swiper2控制Swiper1，需要在Swiper1初始化后
        })
    </script>

    <script>
        function getActvts(){
            var box = document.getElementById("box"); //server为select定义的id
            box.innerHTML = ''
            $.ajax({
                url: "/en/api/actvt",
                data: {cmd:'getActvts',groupId:'73rrf103vad9mkrglj1dv4xv9iqe1eo9',page:1,pagesize:2,lang:'en'},
                dataType: "json",
                type: 'get',
                success: function (e) {
                    if(e.code === 200){
                        var actvts = e.data.data.actvts
                        console.log(actvts)
                        for(let i = 0; i < actvts.length; i++){
                            var item = actvts[i];
                            const month = getMonthFullName(item.displayActvtStartTime);
                            const day = getDayWithZero(item.displayActvtStartTime);
                            const address = item.actvtAddress === '线上活动' ? '' : item.actvtAddress;

                            var str =`<a href="/en/news-events/events/${item.actvtId}" class="event-item" data-scroll-reveal="enter right over .6s after .`+(6+2*i)+`s">
                                    <div class="calendar-box">
                                        <div class="month fnt14">${month}</div>
                                        <div class="day fnt32">${day}</div>
                                    </div>
                                    <div class="text-box">
                                        <div class="title fnt22 ellipsis--2" >${item.actvtName}</div>
                                        <div class="desc fnt18">
                                            <p>${address}</p>
                                        </div>
                                    </div>
                                </a>`
                            box.innerHTML += str
                        }
                    }
                }
            });
        }
        getActvts()
    </script>

</body>

</html>
