<!DOCTYPE html>
<html lang="en">
<head>
    <title> - 上海交通大学国际合作与交流处</title>
    <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="/favicon.ico" type="image/x-icon"/>
<link href="/public/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/public/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/public/layui/css/layui.css">
<link rel="stylesheet" href="/public/css/animate.min.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_1838773_r1zfmqsf2b.css">
<link rel="stylesheet" href="/public/css/public.css?v=20221207">
<link rel="stylesheet" href="/public/css/inner.css?v=20240425">
</head>

<body class="theme-grey" style="background-color: #fff;">
    <!-- <div class="fixed-bg" style="background-image: url(/public/images/loading-bg.jpg);"></div> -->
    <header class="flex">
            <div class="logo-box">
            <div class="white-img fade-in">
                <a href="/"><img src="/public/images/logo_cn.png?v=20210719" alt=""></a>
                <a href="https://www.innhansatin.com/global/hmt" class="logo-1" target="blank"><img src="/public/images/logo_cn_1.png?v=20210719" alt=""></a>
            </div>
            <div class="black-img fade-in">
                <a href="/"><img src="/public/images/logo_cn_black.png?v=20210719" alt=""></a>
                <a href="https://www.innhansatin.com/global/hmt" class="logo-1" target="blank"><img src="/public/images/logo_cn_black_1.png?v=20210719" alt=""></a>
            </div>
            <!-- <a href="/" class="white-img fade-in"><img src="/public/images/logo.png?v=202106281" alt=""></a>
            <a href="/" class="black-img fade-in"><img src="/public/images/logo_black.png?v=202106281" alt=""></a> -->
        </div>
            <div class="site-mobile-shade"></div>
    <div class="header-right">
        <div class="header-nav">
            <ul class="nav nav-pills" id="nav-animate">
                <li class="mobile-nav-header" style="margin-left: -15px;margin-right: -15px">
                    <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                </li>
                                <li role="presentation" class="dropdown ">
                    <a   href="/" target="_self">
                        <span>首页</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/about" target="_self">
                        <span>关于我们</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md4 subMenu">
                                <a href="/about/introduction" class="sub-title" target="_self">部门简介</a>
                                                                <ul>
                                                                        <li><a href="/about/introduction" target="_self">国际合作与交流处 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/hmt" target="_self">港澳台办公室 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="/about/organization" class="sub-title" target="_self">组织机构</a>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="/about/contact" class="sub-title" target="_self">联系我们</a>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/news" target="_self">
                        <span>资讯公告</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md2 subMenu">
                                <a href="/news" class="sub-title" target="_self">新闻动态</a>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/announcement" class="sub-title" target="_self">通知公告</a>
                                                                <ul>
                                                                        <li><a href="/announcement/category/20" target="_self">项目通知 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/announcement/category/22" target="_self">公告信息 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/event" class="sub-title" target="_self">活动预告</a>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/style" class="sub-title" target="_blank">多元文化</a>
                                                                <ul>
                                                                        <li><a href="/style/student" target="_self">青春足迹 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/style/culture" target="_self">国际文化交流中心 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/style/famousschool" target="_self">遇见●名校 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/newsletter" class="sub-title" target="_self">资讯订阅</a>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/cooperation" target="_self">
                        <span>全球合作</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/partners" class="sub-title" target="_self">合作伙伴</a>
                                                                <ul>
                                                                        <li><a href="/studyAbroad/programme" target="_self">项目检索 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/cooperation/partners" target="_self">院校检索 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/academicFund" class="sub-title" target="_self">种子基金</a>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/ji" class="sub-title" target="_self">中外合作办学</a>
                                                                <ul>
                                                                        <li><a href="/cooperation/ji" target="_self">中外合作办学机构 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/cooperation/ji#p1" target="_self">中外合作办学项目 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/globalclass" class="sub-title" target="_self">全球课堂</a>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/league" class="sub-title" target="_self">国际大学联盟</a>
                                                            </li>
                                                        <li class="layui-col-md2 subMenu">
                                <a href="/cooperation/outreach" class="sub-title" target="_self">海外交大</a>
                                                                <ul>
                                                                        <li><a href="/cooperation/overseas" target="_self">海外中心 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/ci" target="_self">孔子学院 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/fund" target="_self">
                        <span>能力建设</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md4 subMenu">
                                <a href="/project/view/96" class="sub-title" target="_self">国际化能力培训</a>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="/project/view/97" class="sub-title" target="_self">线上交流工作坊</a>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="/project/view/98" class="sub-title" target="_self">海外高校交流与实习</a>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/studyAbroad" target="_self">
                        <span>海外访学</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md6 subMenu">
                                <a href="/studyAbroad/index/648" class="sub-title" target="_self">海外学习项目</a>
                                                                <ul>
                                                                        <li><a href="/studyAbroad/programme?type=学期交换项目&per_page=100&page=1" target="_self">学期项目 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/studyAbroad/programme?type=短期项目&per_page=100&page=1" target="_self">短期项目 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                        <li class="layui-col-md6 subMenu">
                                <a href="/studyAbroad/index/6" class="sub-title" target="_self">海外实践实习</a>
                                                                <ul>
                                                                        <li><a href="/studyAbroad/engagement" target="_self">全球挑战计划 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/studyAbroad/volunteer" target="_self">国际中文教师志愿者 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a  class="dropdown-toggle" data-toggle="dropdown" href="/studyatSJTU" target="_self">
                        <span>留学交大</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                                <div class="layui-row row-flex layui-col-space30">

                                                        <li class="layui-col-md4 subMenu">
                                <a href="https://isc.sjtu.edu.cn/CN/content.aspx?info_lb=181&flag=64" class="sub-title" target="_blank">国际生招生</a>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="https://isc.sjtu.edu.cn/CN/content.aspx?info_lb=83&flag=65" class="sub-title" target="_blank">国际生事务</a>
                                                            </li>
                                                        <li class="layui-col-md4 subMenu">
                                <a href="/studyatSJTU/index/100" class="sub-title" target="_self">来华学习项目</a>
                                                                <ul>
                                                                        <li><a href="/en/studyatSJTU/pro/370" target="_self">学期项目 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                        <li><a href="/studyatSJTU/summer" target="_self">国际暑期项目 <i class="iconfont icon-arrow-right"></i></a></li>
                                                                    </ul>
                                                            </li>
                                                    </div>
                                            </ul>
                </li>

                                <li role="presentation" class="dropdown ">
                    <a   href="/group/party" target="_self">
                        <span>党建工作</span><i class="iconfont icon-down"></i>
                    </a>
                    <ul class="dropdown-menu animated" data-animation="fadeInUp">
                        <div class="mobile-nav-header">
                            <div class="back"><i class="iconfont icon-arrow-right"></i></div>
                            <div class="closeIcon"><i class="iconfont icon-close"></i></div>
                        </div>
                                            </ul>
                </li>

                                
            </ul>
        </div>
        <div class="search-btn">
            <i class="iconfont icon-search-o"></i>
        </div>
        <ul class="language-nav" lay-filter="">
          <li class="language-nav-item">
                                                                                                                        <a href="/en">EN</a>
                                                            <!-- <dl class="layui-nav-child">
              <dd><a href="">EN <i class="iconfont icon-arrow-right"></i></a></dd>
            </dl> -->
          </li>
        </ul>
        <div class="header-mobile">
            <div class="site-tree-mobile">
                <span class="icon-reorder"></span>
                <span class="icon-reorder"></span>
                <span class="icon-reorder"></span>
            </div>
        </div>
    </div>
</header>    <div class="inner-banner flex" style="background-image: url(/public/images/bg.jpg);">
        <div class="inner-banner-text">
            <div class="layui-container">
                <div class="flex">
                    <div class="flex-left">
                        <div class="icon">
                            <i class="iconfont icon-about"></i>
                        </div>
                    </div>
                    <div class="flex-right">
                        <div class="title">
                                                   </div>
                        <div class="layui-breadcrumb">
                          <a href="/"><i class="iconfont icon-home-o"></i> 首页</a>
                          <a><cite></cite></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
    	<div class="block">
    		<div class="layui-container">
                <div class="layui-row row-flex layui-col-space30">
                    <div class="layui-col-md12 layui-col-xs12">
                        <div class="page-content">
                                                    </div>
                        <!-- <div class="article-tags">
                            <a href="#" class="tag">标签一</a>
                            <a href="#" class="tag">标签二</a>
                        </div> -->
                    </div>
                    <!-- <div class="layui-col-md3 layui-col-sm12">
                        <div class="sidebar">
                            <div class="sidebar-item">
                                <h4>
                                    <span>新闻动态</span>
                                    <a href="/news" title="Read more"><i class="iconfont icon-plus"></i></a>
                                </h4>
                                <ul>
                                                                        <li>
                                        <a title="" href="/news/view/2199" target="">
                                            <div class="title">德国慕尼黑工业大学高级副校长一行访问上海交通大学</div>
                                            <span class="tag"><i class="iconfont icon-date-o"></i>2025-12-14</span>
                                        </a>
                                    </li>
                                                                        <li>
                                        <a title="" href="/news/view/2198" target="">
                                            <div class="title">校领导会见乌兹别克斯坦安集延技术大学校长一行</div>
                                            <span class="tag"><i class="iconfont icon-date-o"></i>2025-12-14</span>
                                        </a>
                                    </li>
                                                                        <li>
                                        <a title="" href="/news/view/2196" target="">
                                            <div class="title">“2025沪澳工商文旅与科创发展交流团”访问上海交通大学</div>
                                            <span class="tag"><i class="iconfont icon-date-o"></i>2025-12-11</span>
                                        </a>
                                    </li>
                                                                        <li>
                                        <a title="" href="/news/view/2195" target="">
                                            <div class="title">哥伦比亚安第斯大学代表团访问上海交通大学</div>
                                            <span class="tag"><i class="iconfont icon-date-o"></i>2025-12-11</span>
                                        </a>
                                    </li>
                                                                        <li>
                                        <a title="" href="/news/view/2194" target="">
                                            <div class="title">校领导会见乌兹别克斯坦塔什干国立技术大学（TASH TECH）校长一行</div>
                                            <span class="tag"><i class="iconfont icon-date-o"></i>2025-12-11</span>
                                        </a>
                                    </li>
                                                                        
                                </ul>
                            </div>
                        </div>
                    </div> -->
                </div>
    		</div>
    	</div>
        
<footer style="background-image: url(/public/images/bg-footer.png);">
	<div class="footer-top">
		<div class="layui-container">
		    <div class="layui-row layui-col-space20 row-flex">
		        <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
		            <div class="title ">
		                联系我们		            </div>
		            <p>闵行校区：东川路800号东晖园3号楼</p>
		            <!-- <p>徐汇校区：华山路1954号总办公厅208室-209室 教一楼 105A）</p> -->
		            <p>邮编：200240</p>
					<!-- <p>邮箱：<a href="mailto:globalsjtu@sjtu.edu.cn">globalsjtu@sjtu.edu.cn</a></p> -->
					<!-- <p>电话： <a href="Tel:021-34206753">021-34206753</a></p> -->
		        </div>
		        <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
		            <div class="title">
					友情链接		            </div>
		            <ul class="footer-link">
										<li><a href="https://www.sjtu.edu.cn/" target="_blank">上海交通大学</a></li>
										<li><a href="https://www.gs.sjtu.edu.cn/" target="_blank">上海交通大学研究生院</a></li>
										<li><a href="http://www.jwc.sjtu.edu.cn" target="_blank">上海交通大学教务处</a></li>
										<li><a href="https://ichinese.sjtu.edu.cn" target="_blank">人文学院汉语国际教育中心</a></li>
										<li><a href="https://isc.sjtu.edu.cn/CN/Default.aspx" target="_blank">留学交大</a></li>
										<li><a href="http://cgcj.sjtu.edu.cn/" target="_blank">出入境管理与服务中心</a></li>
										</ul>
		        </div>
		        <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
		            <div class="title">
					常用链接		            </div>
		            <ul class="footer-link">
										<li><a href="https://www.csc.edu.cn" target="_blank">国家留学基金委</a></li>
										<li><a href="https://gaj.sh.gov.cn/crj/homeZ" target="_blank">上海市出入境管理局</a></li>
										<li><a href="http://wsb.sh.gov.cn" target="_blank">上海市人民政府外事办公室</a></li>
										<li><a href="http://www.chinese.cn/page/#/pcpage/mainpage" target="_blank">中外语言交流合作中心</a></li>
										<li><a href="https://cief.org.cn" target="_blank">中国国际中文教育基金会</a></li>
										</ul>
		        </div>
		        <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
		            <div class="title">
					社交媒体		            </div>
		            <ul class="media-list">
		                <li class="media-item">
		                    <a href="javascript:;">
		                        <i class="iconfont icon-weixin"></i>
		                    </a>
		                    <div class="box">
		                    	<div class="item">
		                    		<img src="/public/images/qrcode1.jpg" alt="">
		                    		<div class="text">全球交大</div>
		                    	</div>
		                    	<div class="item">
		                    		<img src="/public/images/qrcode2.jpg" alt="">
		                    		<div class="text">留学交大</div>
		                    	</div>
		                    	<div class="item">
		                    		<img src="/public/images/qrcode3.jpg" alt="">
		                    		<div class="text">SJTU港澳台文化交流</div>
		                    	</div>
		                    </div>
		                </li>
		                <!-- <li class="media-item">
		                    <a href="#">
		                        <i class="iconfont icon-weibo"></i>
		                    </a>
		                </li> -->
		                <li class="media-item">
		                    <a href="https://www.facebook.com/sjtu1896" target="facebook">
		                        <i class="iconfont icon-facebook"></i>
		                    </a>
		                </li>
		                <li class="media-item">
		                    <a href="https://www.twitter.com/sjtu1896" target="twitter">
		                        <i class="iconfont icon-twitter"></i>
		                    </a>
		                </li>
		                <li class="media-item">
		                    <a href="https://www.instagram.com/shanghai_jiao_tong_uni/" target="instagram">
		                        <i class="iconfont icon-instagram"></i>
		                    </a>
		                </li>
		                <li class="media-item">
		                    <a href="https://www.youtube.com/c/ShanghaiJiaoTongUniversity" target="youtube">
		                        <i class="iconfont icon-youtube"></i>
		                    </a>
		                </li>
		                <li class="media-item">
		                    <a href="https://www.linkedin.com/school/shanghai-jiao-tong-university/" target="linkedin">
		                        <i class="iconfont icon-linkedin"></i>
		                    </a>
		                </li>
		            </ul>
		        </div>
		    </div>
		</div>
	</div>
	<div class="copyright">
		<div class="layui-container">
		 	版权所有 © 上海交通大学   备案号：沪ICP备05052060  ，技术支持：<a href="http://www.alawang.com" target="_blank">ALA</a>
		</div>
	</div>
</footer>
    </div>

        <div class="search-box" style="display: none;">
        <div class="layui-container">
            <div class="container">
                <form action="/search/index" class="layui-form">
                    <div class="input-box">
                        <input type="text" name="keyword" class="layui-input" placeholder="输入关键词进行检索">
                        <div class="bg"></div>
                        <button type="submit" class="form-submit"><i class="iconfont icon-search-o"></i></button>
                    </div>
                </form>
                <div class="popular-search">
                    <div class="title">热门搜索</div>
                    <ul>
                                                <li><a href="/search/index?keyword=上海交通大学">上海交通大学</a></li>
                                                <li><a href="/search/index?keyword=密西根">密西根</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/public/js/jquery-1.11.1.min.js"></script>
    <script src="/public/js/bootstrap.min.js"></script>
    <script src="/public/js/bootstrap-dropdown-on-hover.js"></script>
    <script type="text/javascript" src="/public/js/jquery.nicescroll.min.js"></script>
    <script type="text/javascript" src="/public/layui/layui.js"></script>
    <!-- Swiper JS -->
    <script src="/public/js/swiper-bundle.min.js?v=1"></script>
    <script src="/public/js/swiper.animate1.0.3.min.js"></script>
    <script src="/public/js/anime.min.js"></script>
    <script src="/public/js/jquery-form.js"></script>
    <script src="/public/js/index.js"></script>
    <script>
   $(function() {

        // url
        var pageUrl = window.location.pathname;
        console.log(pageUrl);
        
        var len = $(".header-nav .nav>li");
        if (pageUrl == '/') {
            $(".header-nav .nav>li").eq(1).addClass('active');
        }
                                
        
        // for (var i = 1; i < len.length; i++) {
        //     if ((pageUrl.toLowerCase()).indexOf($(".header-nav .nav>li").eq(i).children('a').attr('href').toLowerCase())>=0) {
        //         $(".header-nav .nav>li").removeClass('active');
        //         $(".header-nav .nav>li").eq(i).addClass('active');
        //     }
        // }

        change();
        function change() {
            var pmWidth = document.documentElement.clientWidth;
            document.documentElement.style.fontSize = pmWidth / 375*100 + "px"
        }
        window.onresize = function () {
            change();
        }
        if ($(window).width()<992) {
            $('header .menu-toggle').addClass('site-mobile');
        }else{
            $('header .menu-toggle').removeClass('site-mobile');
        }
        $(window).resize(function(){
            if ($(window).width()<992) {
                $('header .menu-toggle').addClass('site-mobile');
            }else{
                $('header .menu-toggle').removeClass('site-mobile');
            }
        });

        layui.use(['element', 'form', 'layer','laypage'], function() {
            var $ = layui.jquery,
            element = layui.element,
            layer = layui.layer,
            laypage = layui.laypage,
            form = layui.form;

            form.on('select(filterProjects)', function(data){   
                var val=data.value;
                console.info('val',val);
                $('.filterProjectsForm').submit();
            });

            form.on('select(filterLabs)', function(data){   
                var val=data.value;
                console.info('val',val);
                $('.filterLabsForm').submit();
            });

            $('header .search-btn').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'),
                    success: function(layero, index){
                        $('.search-box .layui-input').focus();
                    }
                })
            });
            // 分页
            laypage.render({
                elem: 'pages'
                ,count: 100
                ,theme: '#C9151E'
                ,prev: '<i class="iconfont icon-left"></i>'
                ,next: '<i class="iconfont icon-right"></i>'
                ,groups:3
            });
        })
        if ($(window).width()>992) {
            $('.page-container').niceScroll({
                cursorborder: "",
                cursorcolor: "rgba(0,0,0,.15)",
                cursorwidth: '4px'
            });
        }
        $(window).resize(function(){
            if ($(window).width()>992) {
                $('.page-container').getNiceScroll().resize();
            }
        });

        function fixedNav(){
            var position = $(window).scrollTop();
            var _navTop = $('.header-nav').offset().top;
            var _navHeight = $('.header-nav').height();
            var _totalHeight = 0;
            _totalHeight = _navTop+_navHeight;
            console.log('navTop:'+_navTop);
            console.log('navHeight:'+_navHeight);
            console.log('total:'+_totalHeight);
            $(window).scroll(function() {
                if ($(window).scrollTop() > _totalHeight) {
                    $("header").addClass("header-fixed");
                    var scroll = $(window).scrollTop();
                    if (scroll >= position) {
                        $("header").removeClass("menu-show");
                    }else {
                        $("header").addClass("menu-show");
                    }
                    position = scroll;
                }else if($(window).scrollTop() <= _totalHeight){
                    $("header").removeClass("header-fixed").removeClass("menu-show");
                }
            });
            $(window).on("ontouchmove", function() {
                if ($(window).scrollTop() > 80) {
                    $("header").addClass("header-fixed");
                    var scroll = $(window).scrollTop();
                    if (scroll >= position) {
                        $("header").removeClass("menu-show");
                    }else {
                        $("header").addClass("menu-show");
                    }
                    position = scroll;
                }else if($(window).scrollTop() <= 80){
                    $("header").removeClass("header-fixed").removeClass("menu-show");
                }
            });
        }  
        fixedNav();

        if ($('.submenu').length>0) {
            //submenuSwiper
            var aIndex = $('.submenu-swiper .swiper-slide.active').index();
            var submenuSwiper = new Swiper('.submenu-swiper .swiper-container', {
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
                initialSlide: aIndex,
                watchOverflow: true,
                resistanceRatio: 0,
                spaceBetween: 0,
                slidesPerView: 'auto',
                slideToClickedSlide: true,
                centeredSlides : true,
                centeredSlidesBounds: true,
                watchSlidesVisibility: true,/*避免出现bug*/
                normalizeSlideIndex:false,
            });
            var submenuWidth = $('.submenu').outerWidth();
            var totalWidth = 0;
            var len = $('.submenu-swiper .swiper-slide')
            for (var i = 0; i < len.length; i++) {
                totalWidth += $('.submenu-swiper .swiper-slide').eq(i).width();
            }
            // console.log('totalWidth:' + totalWidth);
            // console.log('submenuWidth:' + submenuWidth);
            if(submenuWidth>totalWidth){
                $('.submenu .swiper-button-prev').css('display','none');
                $('.submenu .swiper-button-next').css('display','none');
                submenuSwiper.update();
            }else{
                $('.submenu .swiper-button-prev').css('display','block');
                $('.submenu .swiper-button-next').css('display','block');
                submenuSwiper.update();
            }
            $(window).resize(function(){
                var submenuWidth = $('.submenu').outerWidth();
                var totalWidth = 0;
                var len = $('.submenu-swiper .swiper-slide')
                for (var i = 0; i < len.length; i++) {
                    totalWidth += $('.submenu-swiper .swiper-slide').eq(i).width();
                }
                console.log('totalWidth:' + totalWidth);
                console.log('submenuWidth:' + submenuWidth);
                if(submenuWidth>totalWidth){
                    $('.submenu .swiper-button-prev').css('display','none');
                    $('.submenu .swiper-button-next').css('display','none');
                    submenuSwiper.update();
                }else{
                    $('.submenu .swiper-button-prev').css('display','block');
                    $('.submenu .swiper-button-next').css('display','block');
                    submenuSwiper.update();
                }
            });
        }
        if($('.category-nav').length>0){
            //categoryNav
            var aIndex = $('.category-nav .swiper-slide.active').index();
            var categoryNav = new Swiper('.category-nav .swiper-container', {
                watchOverflow: true,
                initialSlide: aIndex,
                resistanceRatio: 0,
                spaceBetween: 50,
                slidesPerView: 'auto',
                slideToClickedSlide: true,
                // centeredSlides : true,
                // centeredSlidesBounds: true,
                watchSlidesVisibility: true,/*避免出现bug*/
                normalizeSlideIndex:false,
            });
        }

        // 点击显示隐藏
        function slideDoor(){
            $(".slide-door .accordion-title").click(function(){
                var hideBox = $(this).next(".accordion-content");
                if (hideBox.css("display")=="none") {
                    hideBox.slideDown("300");
                    $(this).parent('.slide-door').addClass('open').siblings().removeClass('open');
                    $(this).parent('.slide-door').siblings().find('.accordion-content').slideUp("300");
                } else{
                    hideBox.slideUp("300");
                    $(this).parent('.slide-door').removeClass('open');
                }
            });
        }
        slideDoor();
    })
    </script>    
</body>
</html>






