Home Page - Shanghai Jiao Tong University

<!DOCTYPE html> <html lang="en"> <head> <title>Home Page - Shanghai Jiao Tong University</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <link rel="shortcut icon" href="http://en.sjtu.edu.cn/favicon.ico" type="image/x-icon"/> <link rel="stylesheet" href="http://en.sjtu.edu.cn/layui/css/layui.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/video-js.min.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://at.alicdn.com/t/font_2441361_x8gjxthrrzb.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/animate.min.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/css.css?v=20240903"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/style.css?v=2024011801"> </head> <body class="header-white"> <div class="headerTemp"></div> <header> <div class="header"> <div class="header-top"> <div class="logo"> <a href="/" class="logo-black"><img src="/images/logo.png" alt=""></a> <a href="/" class="logo-white"><img src="/images/logo_white.png" alt=""></a> </div> <div class="header-main"> <div class="secondary-nav"> <div class="secondary-bg"></div> <div class="flex"> <ul class="layui-nav nav-horizon" lay-filter=""> <li class="layui-nav-item"> <a href="javascript:;">Identity</a> <dl class="layui-nav-child">  <dd><a href="/guide/students">Students</a></dd> <dd><a href="/guide/faculty_staff">Faculty & Staff</a></dd> <dd><a href="/guide/visitors">Visitors</a></dd> <dd><a href="/guide/alumni">Alumni</a></dd> </dl> </li> </ul> <ul> <li><a href="/giving" target="_blank">Giving</a></li> <li><a href="http://en.idc.sjtu.edu.cn/" target="_blank">Old</a></li> <li> <a href="https://www.sjtu.edu.cn/" target="_blank" class="language-btn"> <i class="iconfont icon-language"></i> 中文 </a> </li> </ul> </div> </div> <div class="header-nav"> <ul class="layui-nav nav-horizon" lay-filter="" id="resText"> <li class="layui-nav-item"> <a href="/about">About</a> </li> <li class="layui-nav-item"> <a href="/news">News & Events</a> </li> <li class="layui-nav-item"> <a href="/admission">Admission</a> </li> <li class="layui-nav-item"> <a href="/schools">Schools</a> </li> <li class="layui-nav-item"> <a href="/research">Research</a> </li> <li class="layui-nav-item"> <a href="/faculty/academicians/casmembers/1/all">Faculty</a> </li> <li class="layui-nav-item"> <a href="/campus">Campus</a> </li> </ul> <div class="search-btn"> <i class="iconfont icon-search1"></i> </div> <div class="menu-toggle"> <div class="toggle-iconfont"> <span></span> </div> </div> </div> </div> </div> </div> </header> <div class="search-container tc-box" style="display: none;"> <div class="tc-head"> <div class="logo"> <img src="/images/logo.png" alt=""> </div> <div class="close-btn"> <i class="iconfont icon-close"></i> Close </div> </div> <div class="tc-body"> <div class="container"> <div class="search-title"> Search for people or things you want to know </div> <form action="/search" class="layui-form" method="get"> <div class="input-box"> <select name="type" lay-verify=""> <option value="all">ALL</option> <option value="news">News</option> <option value="events">Events</option> </select> <input type="text" class="layui-input" placeholder="What are you looking for？" name="search"> <button type="submit" class="form-submit"><i class="iconfont icon-search"></i></button> </div> </form> </div> </div> </div> <div class="nav-container tc-box" style="display: none;background-image: url(/images/nav-bg.png); background-position: bottom right;background-size: cover;background-repeat: no-repeat;background-color: #fcfdff;"> <div class="tc-head"> <div class="logo"> <img src="/images/logo.png" alt=""> </div> <div class="close-btn"> <i class="iconfont icon-close"></i> Close </div> </div> <div class="tc-body"> <div class="nav-wrapper animated fadeInLeft"> <div class="nav-col-0"> <div class="nav-list"> <div class="nav-item"> <a href="/" class="title">Home</a> </div> <div class="nav-item"> <a href="/about" class="title">About</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/news" class="title">News & Events</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/admission" class="title">Admission</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/schools" class="title">Schools</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/research" class="title">Research</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/faculty/academicians/casmembers/1/all" class="title">Faculty</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/campus" class="title">Campus</a> <i class="iconfont icon-right"></i> </div> </div> </div> <div class="nav-col-1"> <div class="back">back</div> <div class="nav-child-list"> <div class="nav-child-item active"></div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> About <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/about/general_information" class="child-item"> General Information <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/history" class="child-item"> History <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/message" class="child-item"> Welcome Message <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/current_administrators" class="child-item"> Current Administrators <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/facts_and_figures" class="child-item"> Facts and Figures <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> News & Events <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/news" class="child-item"> News <i class="iconfont icon-arrow-right"></i> </a> <a href="/events" class="child-item"> Events <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Admission <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/admission/561" class="child-item"> Undergraduate <i class="iconfont icon-arrow-right"></i> </a> <a href="/admission/562" class="child-item"> Graduate <i class="iconfont icon-arrow-right"></i> </a> <a href="/admission/563" class="child-item"> Non-Degree Programs <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Schools <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/schools#Engineering" class="child-item"> Engineering <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Sciences" class="child-item"> Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Life Medical Sciences" class="child-item"> Life Medical Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Humanities and Social Sciences" class="child-item"> Humanities and Social Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Joint Institute" class="child-item"> Joint Institute <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Research <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="###" class="child-item"> State-level Research Units <i class="iconfont icon-arrow-right"></i> </a> <a href="/research/think_tank_institutions" class="child-item"> Think Tank Institutions <i class="iconfont icon-arrow-right"></i> </a> <a href="/research/journals" class="child-item"> Journals <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Faculty <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/faculty/academicians/casmembers/1/all" class="child-item"> Academicians <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Campus <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/campus/campus_life" class="child-item"> Campus Life <i class="iconfont icon-arrow-right"></i> </a> <a href="https://www.lib.sjtu.edu.cn/f/main/index.shtml?lang=en-us" class="child-item"> Libraries <i class="iconfont icon-arrow-right"></i> </a> <a href="/campus/museums" class="child-item"> Museums <i class="iconfont icon-arrow-right"></i> </a> </div> </div> </div> </div> <div class="right-wrapper animated fadeInRight"> <div class="role-list"> <a href="/guide/visitors" class="item"> <i class="iconfont icon-visitor"></i> <span>Visitor</span> </a> <a href="/guide/students" class="item"> <i class="iconfont icon-student"></i> <span>Student</span> </a> <a href="/guide/faculty_staff" class="item"> <i class="iconfont icon-teacher"></i> <span>Faculty & Staff</span> </a> <a href="/guide/alumni" class="item"> <i class="iconfont icon-user-o"></i> <span>Alumni</span> </a> </div> </div> <div class="bottom animated fadeInUp"> <div class="left"> <ul>  <li><a href="https://www.sjtu.edu.cn/resource/assets/img/xl2022.pdf" target="_balnk"><i class="iconfont icon-calendar-o"></i>School day</a></li> <li><a href="https://map.sjtu.edu.cn/" target="_balnk"><i class="iconfont icon-location-o"></i>Campus map</a></li> </ul> </div> <div class="right"> <a href="https://twitter.com/sjtu1896" target="_blank"><i class="iconfont icon-twitter"></i></a> <a href="https://www.facebook.com/sjtu1896/" target="_blank"><i class="iconfont icon-facebook"></i></a> <a href="https://www.instagram.com/shanghai_jiao_tong_uni/" target="_blank"><i class="iconfont icon-instagram"></i></a> <a href="https://www.youtube.com/c/ShanghaiJiaoTongUniversity/featured" target="_blank"><i class="iconfont icon-youtube-active"></i></a> </div> </div> </div> </div>  <div class="banner"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/10/0377eda1508d6f418161eac7a2e509f5.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </div> <a href="https://en.sjtu.edu.cn/news/4658" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/10/954787cbc9641c73c572b67fa5c9accf.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4508" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/07/959eb5e138e400c050d38938840a757f.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4398" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/04/136893db402798ae5c7e4865d8a24c37.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4543" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/08/f48e18ffc510353e1794f5a49e82cbb7.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4386" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/04/146ce23651303719fe85374a0dd88e22.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>Tsung-Dao Lee Institute International Promo Unveiled</strong> </div>  </div>  </div> </div> </a> <a href="https://www.shine.cn/news/metro/2404181139/" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/04/2ef6bf93583b6f7a59ee4b8c7076a77b.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://mp.weixin.qq.com/s/13ZnEf6U4IB5SbDX4j5erA" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/04/a7e160949420ddcb06b1edabb11a37f6.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4426" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/05/ab0e37e0761ab6d9198ac525bc312273.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <div class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/06/387800f8e40ffdfc32133aa458bed789.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </div> <a href="https://en.sjtu.edu.cn/news/4581" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/08/ebc19897d29ffc2fb057eebb3c7c6c45.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>Basketball unites Chinese & American students</strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4630" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/09/29f2786cfefd96d17c380acf6ecb28a7.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <div class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2023/11/8832a798b9bbb95aa969e4a2039ba592.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </div> <a href="https://en.sjtu.edu.cn/news/4281" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/03/beea60dff34f4349d382492d4f9b9de2.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>Chinese scientists achieve in vitro diagnostic breakthrough</strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4269" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/03/b80344d5b5b920bcda2107fd030c33c8.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>In the School of Design building, a group of students builds a "tower"...</strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4243" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/01/fdd20544b57eba05f2e01f172c2d1cfa.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>China，France，and Me</strong> </div>  </div>  </div> </div> </a> <div class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/04/e88a8f04a46ba536e5059fb1683109df.png);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong>The 128th Anniversary of Shanghai Jiao Tong University</strong> </div>  </div>  </div> </div> </div> <a href="https://en.sjtu.edu.cn/news/4220" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2024/01/76395b6cb50c51e91455c8e0dbebe72e.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> <a href="https://en.sjtu.edu.cn/news/4104" target="_blank" class="swiper-slide"> <div class="slide-inner" style="background-image: url(/storage/file/2023/11/e690d5de1e43ae56056bd83005209003.jpg);"> <div class="banner-box" data-swiper-parallax="-500">  <div class="banner-text"> <div class="banner-title"> <strong></strong> </div>  </div>  </div> </div> </a> </div> <div class="swiper-bottom"> <div class="swiperNum"></div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div>  <div class="main"> <div class="block news-block"> <div class="layui-container"> <div class="index_title"> <div class="title">SJTU NEWS</div> <a href="/news/category/485/1#anchor" class="read-more"> <i class="iconfont icon-plus"></i> </a> </div> <div class="index-news"> <div class="layui-row row-flex layui-col-space40"> <div class="layui-col-md5 layui-col-xs12"> <div class="news-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/news/4725" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/11/ab6a15c86f68e8499bd7e796065c1450.png" class="show-pc" alt=""> <img src="/storage/article/2024/11/thumbnail_ab6a15c86f68e8499bd7e796065c1450.png" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 12, 2024  </div> <div class="title"> SJTU Releases LUOSHU, Ultra-Long Small-Angle Neutron Scattering Spectrometer </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4694" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/10/aadb151367a0a3e5e47c2669926a43fb.jpg" class="show-pc" alt=""> <img src="/storage/article/2024/10/thumbnail_34e4aec35976c46c5c5f28ade3fef9c1.JPG" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> October 24, 2024  </div> <div class="title"> Exclusive | Interview with Prof. Zied MOUMNI, the new French Dean of SPEIT and Laureate of the Chinese Government Friendship Award </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4515" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/07/7f49292eb0dac5b79051ef3f0c7817a1.png" class="show-pc" alt=""> <img src="/storage/article/2024/07/thumbnail_7f49292eb0dac5b79051ef3f0c7817a1.png" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> July 10, 2024  </div> <div class="title"> Shanghai Jiao Tong University achieves record 4,000-meter deep-sea mining vehicle trials </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4508" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/07/fa4b97e6fbb2c997fe560d640b466916.jpg" class="show-pc" alt=""> <img src="/storage/article/2024/07/thumbnail_6685f933642aa3ab54573a0c38f8c403.png" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> July 3, 2024  </div> <div class="title"> INVITATION | 2024 FourC Challenge 24-hour Design Charrette Contest </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4505" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/07/9c6221ffff5bc49061fa2bca44e0fa58.jpg" class="show-pc" alt=""> <img src="/storage/article/2024/07/thumbnail_ad0f823ebfb4e0434c45c9c2e560e69d.jpg" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> July 3, 2024  </div> <div class="title"> Top science journal features mechanical transistors developed by JI team </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4458" class="slide-image"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/06/3e29c9880504c7969b20abc1e9e70ff7.jpg" class="show-pc" alt=""> <img src="/storage/article/2024/06/thumbnail_3e29c9880504c7969b20abc1e9e70ff7.jpg" class="show-mobile" onerror="javascript:this.src='/images/no-image.jpg'" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 20, 2024  </div> <div class="title"> Antai College Celebrates 40th Anniversary of Management School’s Re-establishment </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> </div> </div> <div class="swiper-btn news-swiper-btn"> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> </div> </div> <a href="/news/category/486/1#anchor" class="read-more"> <div class="square"> <div class="box"> <i class="iconfont icon-plus"></i> <span>View More</span> </div> </div> </a> </div> <div class="layui-col-md7 layui-col-xs12"> <div class="news-items"> <a href="/news/4742" class="item"> <div class="text-box"> <div class="left"> <div class="date"> November 26, 2024 </div> <div class="title"> Sino-Indonesian Medical Cooperation Advances with an Exchange at SAIF </div> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> <a href="/news/4729" class="item"> <div class="text-box"> <div class="left"> <div class="date"> November 18, 2024 </div> <div class="title"> Savoring Culture: International Students Engage in Tea Bag Making Activity </div> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> <a href="/news/4728" class="item"> <div class="text-box"> <div class="left"> <div class="date"> November 18, 2024 </div> <div class="title"> TWAS Announces 2024 Slate of Awards, Hong Ding was Awarded </div> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <a href="/news/4234" class="news-item-block"> <div class="item-bg"></div> <div class="text-box"> <div class="date"> January 13, 2024 </div> <div class="title"> ACEM's Prof. Yin Haitao Discusses China's Green Economy Transition on CGTN </div> <div class="desc"> </div> <div class="more"> <object><a href="/news/4234" class="more-btn btn-white plain"> <div class="flex is-center is-between"> <span>Details</span><i class="iconfont icon-change"></i> </div> </a></object> </div> </div> </a> </div> </div> </div> </div> </div> <div class="block events-block color_white" style="background-image:url(/images/bg_events.jpg)"> <div class="layui-container"> <div class="index_title"> <div class="title">EVENTS</div> <a href="/events" class="read-more"> <i class="iconfont icon-plus"></i> </a> </div> <div class="events-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/events/2075" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2024/05/thumbnail_c2eaf8a62e57daddef8667410d65def4.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> May 21, 2024 </div> <div class="title"> Teaching and Learning Forum (Global Version) Twelfth Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2074" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2024/04/thumbnail_10f2c9f9ddcc1933677e7133569327b1.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 22, 2024 </div> <div class="title"> Teaching and Learning Forum (Global Version) Eleventh Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2073" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2024/03/thumbnail_1457b7e8d7f0160985a9e318db959c50.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> March 26, 2024 </div> <div class="title"> Teaching and Learning Forum (Global Version) Tenth Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2072" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2024/03/thumbnail_159c6d32d9af431237bc773a53bf9c98.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> March 13, 2024 - April 12, 2024 </div> <div class="title"> SCIENCESPO CALLS FOR APPLICATIONS TEACHING FELLOWSHIPS 2024-2025 ACADEMIC YEAR </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2071" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2024/03/thumbnail_a9025a02df931edcacb1fee5fd071436.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> March 22, 2024 - March 7, 2024 </div> <div class="title"> Dive into a 6-8 Month Internship at University of Zurich This Winter! </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2069" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/12/thumbnail_a4103565a87948252cbfc07e78e8a723.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> December 22, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version) Ninth Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2067" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/11/thumbnail_bf1b60707abe477932075c6dc64ea433.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 23, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version) Eighth Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2066" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/11/thumbnail_98da379e322d7de1fe14a059250bfe18.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 14, 2023 - December 31, 2023 </div> <div class="title"> Global Call for Best Practices and Inspiring Stories of Education in China and the World </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2065" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/09/thumbnail_7de8f80be0ce29781c14f92f6a8a1a66.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 2, 2023 - November 4, 2023 </div> <div class="title"> Upcoming Event | The 2nd Shanghai Forum for Education Excellence (SFEE 2023) </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2064" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/09/thumbnail_69039afd66edc30bdded99329211cafd.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> September 17, 2023 - September 19, 2023 </div> <div class="title"> Round-table Dialogue on Teaching and Learning (The Fifth Session）：Educational Innovation and Evaluation for the 21st Century </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2062" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/06/thumbnail_faa2f724316aaf1ac96864cd79a6c12c.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 6, 2023 - June 30, 2023 </div> <div class="title"> Call for Papers：The 1st International Conference on Carbon Neutrality (ICCN-2023) </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2061" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/06/thumbnail_44a9c6b70340201e9d097cdf0032ec61.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 6, 2023 - July 15, 2023 </div> <div class="title"> 【Call for Papers】2023 International Conference on Global Cultural and Creative Industries </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2060" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/06/thumbnail_6510eb25181d2904e7a5c479a68f8422.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 12, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version) Sixth Session </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2059" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/05/thumbnail_5c5c18b0894fb43d783004a72e3bd652.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> May 25, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version) Fifth Session: Inventing the Unexpected: Transdisciplinary Project Design </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2058" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/05/thumbnail_c09345705bcd52d4e421a6fe52bb9f9b.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> May 13, 2023 - January 1, 1970 </div> <div class="title"> Meet the Curator : Ruan Xing </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2057" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/04/thumbnail_e0b8e2555bb5de730d851518405c7f8c.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 18, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version) Fourth Session：The Case for Philosophy of Engineering </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2056" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/04/thumbnail_1e5fff51f22a0a59398912d5f29b524b.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 6, 2023 - April 14, 2023 </div> <div class="title"> Call for Fall 2023 Proposals “Jiao◦Tong Global Virtual Classroom” Initiative </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2054" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2023/02/thumbnail_8cce6deca854cb543b7aabd9a2841254.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> February 24, 2023 </div> <div class="title"> Teaching and Learning Forum (Global Version)：ChatGPT in Higher Education </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2053" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/12/thumbnail_512e959886ae107b2a89423637af5a2b.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> December 16, 2022 </div> <div class="title"> Design and Human Spirit </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2052" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/11/thumbnail_adefbf59d924b42c6a669da0fce44924.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 30, 2022 - December 1, 2022 </div> <div class="title"> Aesthetic Matters! International Students Event </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2051" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/11/thumbnail_57887a938d1f6441d6da0202060677d9.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> January 13, 2023 - January 15, 2023 </div> <div class="title"> 2023 SAIF MF International Youth Leadership Finance Summit </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2050" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/09/thumbnail_cafcd4dc32bf4337428bd0dbd67de971.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> September 9, 2022 </div> <div class="title"> The 5th Annual Sustainable Cities and Landscape Conference </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2049" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/08/thumbnail_ea5722856796291ddb34b739f76685e2.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> August 27, 2022 - November 18, 2022 </div> <div class="title"> 【CFP】International Graduate Student Conference “Transcultural Perspectives on Tradition and Modernity” </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2048" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/08/thumbnail_19c806b05b93dc095354f89cb57aa532.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 26, 2022 - October 22, 2022 </div> <div class="title"> Call for Papers | 2022 ICA-affiliated New Media International Conference in SJTU </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2047" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/07/thumbnail_912d6c28e5d25c7f9bbc56a2bcc98713.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> August 8, 2022 - August 12, 2022 </div> <div class="title"> The 8th SURE Summer School Urban Biodiversity and Conservation: Global Perspectives and Comparisons </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2046" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/07/thumbnail_b5549f2e3fbf355aa77bcbab467498fe.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> July 4, 2022 - September 9, 2022 </div> <div class="title"> 5th Annual Sustainable Cities and Landscape Conference｜Student Symposium </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2045" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/06/thumbnail_eeef6ff98dddb93e1b5f2711506d5321.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 20, 2022 - June 17, 2022 </div> <div class="title"> School of Design, Summer School Seminars </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2044" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/06/thumbnail_9ec08d7fe6b6cd6c18519c94dfb837ef.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 13, 2022 - August 1, 2022 </div> <div class="title"> Call for Submissions to the 2022 International Electronic Music Competition (IEMC) </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2043" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/05/thumbnail_32e5629ff7f80061e353ad4049963955.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> May 26, 2022 </div> <div class="title"> Future Museum Studio | Imagining Future Museums </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2042" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/05/thumbnail_70fc394f53494d8e17894c20c36b3a7f.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> January 1, 2022 - May 12, 2022 </div> <div class="title"> Results announcement: 2022 SJTU International Competition on the Design of a Carbon Neutral Campus </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2041" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/05/thumbnail_9bf58148e70bff025e6334dc08f52bfd.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> June 2, 2022 - June 3, 2022 </div> <div class="title"> Youth Space Workshop: Call for papers </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2040" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/05/thumbnail_a2ebb985eb300e5b20cfd5f341836fff.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> May 6, 2022 - May 15, 2022 </div> <div class="title"> SDG July Camp </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2039" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/04/thumbnail_70fc394f53494d8e17894c20c36b3a7f.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 11, 2022 - May 31, 2022 </div> <div class="title"> Introduction of “My Campus Story” storytelling contest </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2038" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/04/thumbnail_a08d43eca53d76b404489c0a059b3f8b.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 24, 2022 - June 10, 2022 </div> <div class="title"> Call for 2022 ICCI ART VALLEY PROGRAM </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2037" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/04/thumbnail_0fa3e70870535e1a9ce263cc16520998.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> April 8, 2022 </div> <div class="title"> Resilient Urban Landscape APRU SCL Webinar </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2036" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/03/thumbnail_43017bf77fc7f133fbe8a98786c5616e.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> March 7, 2022 - March 31, 2022 </div> <div class="title"> BME Dean Search - Position Description </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2035" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/03/thumbnail_27bc2e9117389d290f206580c782857e.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> March 6, 2022 - March 16, 2022 </div> <div class="title"> Solicitation of Logos and Slogans for the Tenth Anniversary Activities of SPEIT </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2034" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/02/thumbnail_77b1a20f873b22f31979ae9254a14c01.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> February 28, 2022 </div> <div class="title"> Instilling Entrepreneurship in a Big Corporation: Insights from Haier Europe Rendanheyi </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2033" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/02/thumbnail_a177c792d29efb04474bf6065af17358.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> February 1, 2022 - February 28, 2022 </div> <div class="title"> My Spring Festival in Shanghai Short Video Contest Launched </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2032" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/01/thumbnail_7fb98c5bca3de4506c313a70ce8bc9a4.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> February 12, 2022 </div> <div class="title"> Notice of the 2022 SJTU International Competition on the Design of a Carbon Neutral Campus </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2031" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/01/thumbnail_2aa36ac6019f6f709ea53b8220d9a5e9.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> January 17, 2022 </div> <div class="title"> Oral Defense: Salt Forum Project </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2030" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2022/01/thumbnail_dc2fde650bfaa196c99f0f7ae9ba95b4.png" alt=""> </div> </div> <div class="text-box"> <div class="date"> January 13, 2022 </div> <div class="title"> APRU Sustainable Cities & Landscape Live Webinar Series-Urban Landscape Biodiversity </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/2029" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_ed728ba2eb05f670c65991963d87eadb.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> January 15, 2022 </div> <div class="title"> 70th Anniversary of SMSE@SJTU GLOBAL CONNECTION </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/38" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_637edaf26c05b651fb44048747c8ba21.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> December 22, 2021 </div> <div class="title"> Bounding Quantum Advantages in Postselected Metrology </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/37" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_13d09bc750caee218aeafe36561a1001.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> December 15, 2021 - February 28, 2022 </div> <div class="title"> Deadline extended until December 31: 2021 "China Through My Eyes" </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/36" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_9a945509b28d183f3db9eafb2a4f4288.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> December 15, 2021 </div> <div class="title"> Winter 2021 Design EXPO </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/34" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_10ca2247a1dff793429dc1563c502525.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 28, 2021 - December 9, 2021 </div> <div class="title"> International Symposium on Future Technologies for Young Investigators, Global Institute of Future Technologies, Shanghai Jiao Tong University </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/35" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_0011ac74393a42e6c40139d17fa62981.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 25, 2021 - November 26, 2021 </div> <div class="title"> 5th LMU-ChAN Scientific Forum & 15th Anniversary LMU-China Scholarship Council (CSC) Program & 3rd CSC Alumni Forum </div>  </div> </a> </div> <div class="swiper-slide"> <a href="/events/33" class="slide"> <div class="img-box"> <div class="img"> <img src="/storage/event/2021/12/thumbnail_35c763f650506e008339dceb285ab859.jpg" alt=""> </div> </div> <div class="text-box"> <div class="date"> November 29, 2021 - November 30, 2021 </div> <div class="title"> Biodiversity Genomics in the Pacific Rim: Challenges and Future Opportunities </div>  </div> </a> </div> </div> <div class="swiper-scrollbar" id="scrollHandle"></div> </div> </div> </div> </div>  <div class="block"> <div class="layui-container"> <div class="index_title"> <div class="title">Discovery Beacon</div> <a href="/news/category/483/1#anchor" class="read-more"> <i class="iconfont icon-plus"></i> </a> </div> <div class="index-research"> <div class="layui-row row-flex"> <div class="layui-col-md6 layui-col-xs12"> <div class="research-keywords"> <div class="keywords"> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon6.svg" alt=""> </div> <div class="keyword-num"> 18 </div> </div> <div class="keyword-text"> National "Double First Class" Disciplines </div> </div> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon5.svg" alt=""> </div> <div class="keyword-num"> 1479 </div> </div> <div class="keyword-text"> Projects of National Natural Science Foundation </div> </div> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon3.svg" alt=""> </div> <div class="keyword-num"> 51 </div> </div> <div class="keyword-text"> 2023 CNS articles published </div> </div> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon2.svg" alt=""> </div> <div class="keyword-num"> 51 </div> </div> <div class="keyword-text"> QS World University Rankings </div> </div> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon4.svg" alt=""> </div> <div class="keyword-num"> 46 </div> </div> <div class="keyword-text"> ARWU Rankings </div> </div> <div class="keyword-item"> <div class="keyword-head"> <div class="icon-box"> <img src="http://en.sjtu.edu.cn/images/icon1.svg" alt=""> </div> <div class="keyword-num"> 500+ </div> </div> <div class="keyword-text"> Winning gold and silver medals in national and international competitions of technology and innovation </div> </div> </div> </div> <p style="color: #909399;font-size: 12px;margin-bottom: 20px">( Last update: December 2023 )</p> </div> <div class="layui-col-md6 layui-col-xs12"> <div class="layui-row row-flex research-right"> <div class="layui-col-sm6 layui-col-xs12"> <div class="research-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/news/4741" class="slide-grid"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/11/a702228e56c4065b360651cc9c6bf4c0.jpg" alt=""> </div> </div> <div class="text-box"> <div class="time">November 26, 2024</div> <div class="title"> New Publication in Management Science by SAIF Professor Tan Wang </div> <div class="desc"> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4713" class="slide-grid"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/10/d9b68821e1217cdb2f3cfca9bd734154.jpg" alt=""> </div> </div> <div class="text-box"> <div class="time">October 30, 2024</div> <div class="title"> Associate Professor Zhimiao Yan and Professor Benlong Wang's team from the School of Ocean and Civil Engineering Published a Paper in Nature Communications </div> <div class="desc"> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4655" class="slide-grid"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/09/20738f76821fcc036b197fa6d7ad982b.jpg" alt=""> </div> </div> <div class="text-box"> <div class="time">September 29, 2024</div> <div class="title"> Journal of Finance Publishes Professor Jun Pan's Latest Paper Online </div> <div class="desc"> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4647" class="slide-grid"> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/09/4d19c152f1ee2337e2a8f48e146b56a9.jpg" alt=""> </div> </div> <div class="text-box"> <div class="time">September 25, 2024</div> <div class="title"> JI professor’s journal paper marks breakthrough in terahertz communication </div> <div class="desc"> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> </div> </div> <div class="swiper-btn"> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <a href="/news/4588" class="slide-grid bg-grey"> <div class="text-box"> <div class="top"> <div class="time">September 4, 2024</div> <div class="title"> Leading combustion symposium accepts paper by JI undergraduate student </div> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> <a href="/news/4587" class="slide-grid bg-red"> <div class="text-box"> <div class="top"> <div class="time">September 4, 2024</div> <div class="title"> Eight JI research projects secure 2024 NSFC funding </div> </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div>   <div class="block grey campus-v2" style="background-color: #EDEFF0"> <div class="layui-container"> <div class="index_title"> <div class="title">Campus Story</div> <a href="/news/category/484/1#anchor" class="read-more"> <i class="iconfont icon-plus"></i> </a> </div> <div class="index-campus"> <div class="layui-row row-flex"> <div class="layui-col-md6 layui-col-xs12"> <div class="campus-swiper-v2"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/news/4653" class="campus-item first-item"> <div class="text-box"> <div class="sub_name"></div> <div class="title">Under the autumn stars: JI welcome party sparks joy and love</div> <div class="more"><i class="iconfont icon-change"></i></div> </div> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/09/thumbnail_06ce482e0ded2735ed305d66dd10dd84.jpg" alt=""> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4541" class="campus-item first-item"> <div class="text-box"> <div class="sub_name"></div> <div class="title">The 2nd SJTU-Georgia Tech Joint Summer Program was opened</div> <div class="more"><i class="iconfont icon-change"></i></div> </div> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/07/thumbnail_b244a3a9c68edf02289c5e8a96d16fb2.jpg" alt=""> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/news/4539" class="campus-item first-item"> <div class="text-box"> <div class="sub_name"></div> <div class="title">“The Largest and The Smallest” International Summer School Held in SJTU</div> <div class="more"><i class="iconfont icon-change"></i></div> </div> <div class="img-box"> <div class="img"> <img src="/storage/article/2024/07/thumbnail_b6a2e003ccb2e84a15e3fcc0e00cc54a.jpg" alt=""> </div> </div> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="layui-col-md6 layui-col-xs12"> <div class="layui-row row-flex second-row"> <div class="layui-col-lg5 layui-col-sm6 layui-col-xs12"> <div class="campus-item second-item"> <a href="/news/4454" class="text-box"> <div class="icon-box"> <div class="icon"> <i class="iconfont icon-model"></i> </div> </div> <div class="sub_name"></div> <div class="title">JI community dive into tradition with dragon boat festivities</div> <div class="more"><i class="iconfont icon-change"></i></div> </a> <a href="javascript:;" class="img-box" id="video" video-path="/storage/file/2021/12/feff4e74a5cf8b55c0068d1bf32bcb99.mp4"> <div class="img"> <img src="/images/video-thumb.jpg" alt=""> </div> <div class="icon-box"> <div class="icon"> <span class="play"></span> </div> <div class="text"> SJTU<br /><strong>TODAY</strong> </div> </div> </a> </div> </div> <div class="layui-col-lg7 layui-col-sm6 layui-col-xs12"> <div class="campus-item third-item"> <a href="https://vs.sjtu.edu.cn/" target="_blank" class="img-box"> <div class="photo-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="img"> <img src="/storage/file/2021/12/thumbnail_8b1599af2d2c640dafe43ce726b74a29.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="img"> <img src="/storage/file/2021/12/thumbnail_93a93aa9d8b97aa65e8788386bebb490.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="img"> <img src="/storage/file/2021/12/thumbnail_21ccd14699158ed42c856a8ad3c5395b.jpg" alt=""> </div> </div> </div> </div> </div> <div class="icon-box"> <div class="icon"> <i class="iconfont icon-image"></i> </div> <div class="text"> SJTU<br /><strong>PHOTO</strong> </div> </div> </a> <a href="/news/4426" class="text-box"> <div class="sub_name"></div> <div class="title">@Encounters at SJTU | Showdown at the Grand: Heated PK Between Foreigners and People From the Tang Dynasty</div> <div class="more"><i class="iconfont icon-change"></i></div> </a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="block"> <div class="layui-container"> <div class="index_title"> <div class="title">Global SJTU</div> <div class="topic-swiper-btn swiper-btn"> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> </div> </div> <div class="topic-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://global.sjtu.edu.cn/en/cooperation/academicFund" target="_blank" class="slide-image topic-item"> <div class="img-box"> <div class="img"> <img src="/storage/project/2021/12/670d5d6fb0eec6a3203c7ac944059573.png" alt=""> </div> </div> <div class="text-box"> <div class="icon-box"> <img src="/storage/project/2021/12/68422a0648769f04dce011b1a29a50f8.png" alt=""> </div> <div class="title"> Seed Fund </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://global.sjtu.edu.cn/cooperation/globalclass" target="_blank" class="slide-image topic-item"> <div class="img-box"> <div class="img"> <img src="/storage/project/2021/12/288607714290b933a3ae53b281478592.png" alt=""> </div> </div> <div class="text-box"> <div class="icon-box"> <img src="/storage/project/2021/12/022c31ac6f6906d6540cc88807609c39.png" alt=""> </div> <div class="title"> Global Virtual Classroom </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://global.sjtu.edu.cn/en/file/video" target="_blank" class="slide-image topic-item"> <div class="img-box"> <div class="img"> <img src="/storage/project/2021/12/d35e6dc6670328251d8ef19e884229b6.png" alt=""> </div> </div> <div class="text-box"> <div class="icon-box"> <img src="/storage/project/2021/12/5b5164f7c2f856cf0000fa29a12c940b.png" alt=""> </div> <div class="title"> SJTU in Video </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://global.sjtu.edu.cn/en/cooperation/league" target="_blank" class="slide-image topic-item"> <div class="img-box"> <div class="img"> <img src="/storage/project/2021/12/0e6266d46cc2d8f472c7bf3ee5f1f061.png" alt=""> </div> </div> <div class="text-box"> <div class="icon-box"> <img src="/storage/project/2021/12/d7260c4b065e46c2633853f508b01085.png" alt=""> </div> <div class="title"> International University Alliances </div> <div class="more"> <i class="iconfont icon-change"></i> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="video-player" style="display: none;"> <video id="videoPlayer" class="video-js vjs-big-play-centered" controls preload="auto" data-setup="{}"> <source src="/storage/file/2021/12/feff4e74a5cf8b55c0068d1bf32bcb99.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="footer-top"> <div class="layui-container"> <div class="layui-row layui-col-space30 row-flex"> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">  <p><img src="http://en.sjtu.edu.cn/images/logo_white.png" alt="" style="max-width:100%;max-height:50px;margin-bottom:15px"></p> <p>Address: <br/>800 Dongchuan RD. Minhang District, Shanghai, China</p> <p>Telephone: <br/><a href="Tel:+86 21 54740000">+86 21 54740000</a></p> <p>Post Code: 200240</p> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Quick Links </div> <ul class="footer-link"> <li><a href="/guide/students" target="_blank">Students</a></li> <li><a href="/faculty/teachers/1/all" target="_blank">Faculty&Staff</a></li> <li><a href="http://www.sjtu.org/web/index" target="_blank">Alumni</a></li> <li><a href="/guide/visitors" target="_blank">Visitor</a></li> </ul> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Useful Links </div> <ul class="footer-link"> <li><a href="http://en.net.sjtu.edu.cn/" target="_blank">Network Center</a></li> <li><a href="https://isc.sjtu.edu.cn/EN/Default.aspx" target="_blank">How to Apply</a></li> <li><a href="https://dormnew.sjtu.edu.cn/login.action" target="_blank">Campus service</a></li> </ul> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Media </div> <ul class="media-list"> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-weixin"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_weixin.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-weibo"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_weibo.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-bilibili"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_bilibili.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-douyin"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_douyin.jpg" alt=""> </div> </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://twitter.com/sjtu1896" target="_blank"> <i class="iconfont icon-twitter"></i> </a> </li> <li class="media-item"> <a href="https://www.instagram.com/shanghai_jiao_tong_uni/" target="_blank"> <i class="iconfont icon-instagram"></i> </a> </li> <li class="media-item"> <a href="https://www.youtube.com/c/ShanghaiJiaoTongUniversity/featured" target="_blank"> <i class="iconfont icon-youtube-active"></i> </a> </li> <li class="media-item"> <a href="https://m.ipshanghai.cn/user/5602" target="_blank"> <img src="http://en.sjtu.edu.cn/images/icon_IPSHANGHAI.png" class="icon" alt="IP SHANGHAI"> <img src="http://en.sjtu.edu.cn/images/icon_IPSHANGHAI_red.png" class="icon is-active" alt="IP SHANGHAI"> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-copyright"> <div class="layui-container"> Copyright © 2021 Shanghai Jiao Tong University, <a href="http://cert.sjtu.edu.cn/beian_user/show.asp?number=1082" target="_blank">沪交ICP备20101082</a>  </div> </div> </footer> <a href="https://wj.sjtu.edu.cn/q/jSQUBCF4" target="_blank" class="feedback" style="display: block;"> <i class="iconfont icon-wenjuan"></i> <span style="font-size: 10px;line-height:1.3;display:block;text-align:center;">suggestion</span> </a> <a href="#" id="button-to-top" style="display: block;"><i class="iconfont icon-up"></i></a> <script type="text/javascript" src="http://en.sjtu.edu.cn/js/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="http://en.sjtu.edu.cn/js/jquery.nicescroll.min.js"></script> <script type="text/javascript" src="http://en.sjtu.edu.cn/layui/layui.js"></script>  <script src="http://en.sjtu.edu.cn/js/swiper-bundle.min.js"></script> <script src="http://en.sjtu.edu.cn/js/swiper.animate1.0.3.min.js"></script> <script src="http://en.sjtu.edu.cn/js/anime.min.js"></script> <script src="http://en.sjtu.edu.cn/js/index.js?v=20201105"></script> <script> $(function () { change(); function change() { var pmWidth = document.documentElement.clientWidth; document.documentElement.style.fontSize = pmWidth / 375 * 100 + "px" } window.onresize = function () { change(); } // url var pageUrl = window.location.pathname; var len = $(".header-nav ul li"); // $(".header-nav ul li").eq(0).addClass('active'); for (var i = 0; i < len.length; i++) { if ((pageUrl.toLowerCase()).indexOf($(".header-nav ul li").eq(i).children('a').attr('href').toLowerCase()) >= 0) { $(".header-nav ul li").removeClass('active'); $(".header-nav ul li").eq(i).addClass('active'); } } layui.use(['element', 'form', 'layer', 'laypage'], function () { var $ = layui.jquery, element = layui.element, layer = parent.layer === undefined ? layui.layer : parent.layer, form = layui.form; $('header .search-btn').click(function () { layer.open({ type: 1, title: false, shade: [.5, '#000'], shadeClose: false, // shade: 0, closeBtn: 0, scrollbar: false, anim: 1, area: ['100vw', '100vh'], skin: 'tc-fullpage', content: $('.search-container'), // success: function(layero, index){ // $('.search-container .layui-input').focus(); // } }) }); $('header .menu-toggle').click(function () { layer.open({ type: 1, title: false, shade: [.5, '#000'], shadeClose: false, // shade: 0, closeBtn: 0, scrollbar: false, anim: 1, area: ['100vw', '100vh'], skin: 'tc-fullpage', content: $('.nav-container'), success: function () { $('.nav-container .nav-col-0').niceScroll(".nav-container .nav-col-0 .nav-list", { cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); } }) }); $('.close-btn').click(function () { layer.closeAll() }) function pcMenu() { $('.nav-container .nav-col-0').css({'opacity': 1}); $('.nav-container .nav-col-1').css({'opacity': 1}); $('.nav-container .nav-col-0 .nav-item .title').hover(function () { $('.nav-container .nav-col-0').css({'opacity': 1}); $('.nav-container .nav-col-0 .nav-item').removeClass('active'); $(this).parents('.nav-item').addClass('active'); var _index = $(this).parents('.nav-item').index(); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).addClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).niceScroll({ cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); }) }; function mobileMenu() { $('.nav-container .nav-col-0').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-1').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-0 .nav-item .iconfont').click(function () { $('.nav-container .nav-col-0').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-1').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-0 .nav-item').removeClass('active'); $(this).parents('.nav-item').addClass('active'); var _index = $(this).parents('.nav-item').index(); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).addClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).niceScroll({ cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); }) $('.nav-container .nav-col-1 .back').on('click', function () { $('.nav-container .nav-col-0').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-1').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); }) } if ($(window).width() >= 768) { pcMenu(); } else { mobileMenu(); } $(window).resize(function () { if ($(window).width() >= 768) { pcMenu(); } else { mobileMenu(); } }); }) }) </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?294bf634eac03fa80fd410b49422ded8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="http://en.sjtu.edu.cn/js/video.min.js"></script> <script> $(function () { //banner var interleaveOffset = 0.5; //视差比值 var bannerSwiperOptions = { pagination: { el: '.banner .swiper-pagination', type: "progressbar", }, navigation: { nextEl: '.banner .swiper-button-next', prevEl: '.banner .swiper-button-prev', }, parallax: true, watchSlidesProgress: true, watchOverflow: true, preventClicks: false, resistanceRatio: 0, speed: 1000, loop: true, autoplay: { delay: 6000, disableOnInteraction: false, }, on: { init: function () { numList = '<ul>'; for (p = 1; p <= (this.slides.length); p++) { if (p < 10) { numList += '<li>' + '0' + p + '</li>'; } else { numList += '<li>' + p + '</li>'; } } numList += '</ul>'; if (this.slides.length < 10) { this.$el.find('.banner .swiperNum').html(numList + '<span>/</span> <span class="total">' + '0' + (this.slides.length - 2) + '</span>'); } else { this.$el.find('.banner .swiperNum').html(numList + '<span>/</span> <span class="total">' + (this.slides.length - 2) + '</span>'); } //paginationRender会每次更新dom，无法产生动画效果,所以使用html()生成pagination this.emit('transitionStart'); }, progress: function (swiper) { for (var i = 0; i < swiper.slides.length; i++) { var slideProgress = swiper.slides[i].progress; var innerOffset = swiper.width * interleaveOffset; // console.log(innerOffset); var innerTranslate = slideProgress * innerOffset; swiper.slides[i].querySelector(".slide-inner").style.transform = "translate3d(" + innerTranslate + "px, 0, 0)"; } }, touchStart: function (swiper) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, setTransition: function (swiper, speed) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].querySelector(".slide-inner").style.transition = speed + "ms"; } }, transitionStart: function () { realIndex = this.realIndex; speed = this.params.speed; bullets = this.$el.find('.banner .swiperNum li'); sldieLength = bullets.length; for (i = 0; i < sldieLength; i++) { if ((i - realIndex) > Math.floor(sldieLength / 2)) { difference = i - sldieLength - realIndex; } else if ((i - realIndex) < -Math.floor(sldieLength / 2)) { difference = i + sldieLength - realIndex; } else { difference = i - realIndex; } bullets.eq(i).transition(speed); bullets.eq(i).transform('rotateX(' + difference * 30 + 'deg) translate3d(0, ' + difference * 30 + 'px, 0)'); bullets.eq(i).css('opacity', 1 - Math.abs(difference)); } }, } } var bannerSwiper = new Swiper('.banner .swiper-container', bannerSwiperOptions); //newsSwiper var newsSwiper = new Swiper('.news-swiper .swiper-container', { // pagination: { // el: '.news-swiper .swiper-pagination', // clickable: true, // }, pagination: { el: '.news-swiper-btn .swiper-pagination', type: 'fraction', formatFractionCurrent: function (number) { if (number < 10) { myNum = '0' + number } else { myNum = number } return myNum; }, formatFractionTotal: function (number) { if (number < 10) { myNum = '0' + number } else { myNum = number } return myNum; }, }, navigation: { nextEl: '.news-swiper .swiper-button-next', prevEl: '.news-swiper .swiper-button-prev', }, watchOverflow: true, preventClicks: false, resistanceRatio: 0, autoplay: { delay: 6000, }, speed: 800, loop: true, autoHeight: true, // spaceBetween: 10, }); //researchSwiper var researchSwiper = new Swiper('.research-swiper .swiper-container', { // pagination: { // el: '.research-swiper .swiper-pagination', // clickable: true, // }, pagination: { el: '.research-swiper .swiper-pagination', type: 'fraction', formatFractionCurrent: function (number) { if (number < 10) { myNum = '0' + number } else { myNum = number } return myNum; }, formatFractionTotal: function (number) { if (number < 10) { myNum = '0' + number } else { myNum = number } return myNum; }, }, navigation: { nextEl: '.research-swiper .swiper-button-next', prevEl: '.research-swiper .swiper-button-prev', }, effect: 'fade', fadeEffect: { crossFade: true, }, watchOverflow: true, preventClicks: false, resistanceRatio: 0, autoplay: { delay: 6000, }, speed: 800, loop: true, // autoHeight: true, }); //events-swiper var eventsSwiper = new Swiper('.events-swiper .swiper-container', { scrollbar: { el: '.events-swiper .swiper-scrollbar', draggable: true, snapOnRelease: false, }, // mousewheel: { // eventsTarged: '#scrollHandle', // }, freeMode: true, watchOverflow: true, preventClicks: false, resistanceRatio: 0, slidesPerView: 1.3, spaceBetween: 20, centeredSlides: true, breakpoints: { 1200: { slidesPerView: 3, spaceBetween: 60, centeredSlides: false, }, 992: { slidesPerView: 3, spaceBetween: 20, centeredSlides: false, }, 768: { slidesPerView: 2, spaceBetween: 20, centeredSlides: false, } }, }); eventsSwiper.scrollbar.$dragEl.html('<span class="tip">Drag To Switch</span>'); //campusSwiper var campusSwiper = new Swiper('.campus-swiper-v2 .swiper-container', { pagination: { el: '.campus-swiper-v2 .swiper-pagination', clickable: true, }, navigation: { nextEl: '.campus-swiper-v2 .swiper-button-next', prevEl: '.campus-swiper-v2 .swiper-button-prev', }, watchOverflow: true, preventClicks: false, resistanceRatio: 0, autoplay: { delay: 6000, }, speed: 800, loop: true, loopAdditionalSlides: 3, autoHeight: true, spaceBetween: 20, }); //topicSwiper var topicSwiper = new Swiper('.topic-swiper .swiper-container', { pagination: { el: '.topic-swiper-btn .swiper-pagination', type: 'fraction', formatFractionCurrent: function (number) { if (number < 10) { currentNum = '0' + number } else { currentNum = number } return currentNum; }, formatFractionTotal: function (number) { if (number < 10) { totalNum = '0' + number } else { totalNum = number } return totalNum; }, }, navigation: { nextEl: '.topic-swiper-btn .swiper-button-next', prevEl: '.topic-swiper-btn .swiper-button-prev', }, watchOverflow: true, preventClicks: false, resistanceRatio: 0, // autoplay: { // delay: 6000, // }, speed: 800, loop: true, loopAdditionalSlides: 3, autoHeight: true, spaceBetween: 10, slidesPerView: 1.3, breakpoints: { 1200: { slidesPerView: 4, spaceBetween: 30, centeredSlides: false, }, 992: { slidesPerView: 3, spaceBetween: 20, centeredSlides: false, }, 768: { slidesPerView: 2, spaceBetween: 20, centeredSlides: false, } }, }); layui.use(['element', 'form', 'layer'], function () { var $ = layui.jquery, element = layui.element, layer = layui.layer, form = layui.form; var videoPlayer = videojs('videoPlayer'); videoPlayer.ready(function () { var videoPlayer = this; }); $('#video').click(function () { var videoPath = $(this).attr('video-path'); videoPlayer.src(videoPath); layer.open({ type: 1, title: false, shade: [.92, '#000'], shadeClose: true, scrollbar: false, area: ['1080px', '607.5px'], skin: 'tc-video', content: $('.video-player'), success: function (layero, index) { videoPlayer.play(); }, cancel: function (index, layero) { videoPlayer.pause(); } }) }) }) // photoSwiper var researchSwiper = new Swiper('.photo-swiper .swiper-container', { effect: 'fade', fadeEffect: { crossFade: true, }, watchOverflow: true, preventClicks: false, resistanceRatio: 0, autoplay: { delay: 3000, }, speed: 2000, loop: true, }); }) </script> </body> </html>

CINXE.COM

Home Page - Shanghai Jiao Tong University