

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页 ｜ ICCI上海交大-南加州大学文化创意产业学院</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="/public/js/jquery-1.11.2.min.js"></script>
	<link rel="shortcut icon" href="/public/images/icon.png" type="image/gif" />
	<link href="/public/css/bootstrap.min.css" rel="stylesheet">
	<link href="/public/css/swiper.min.css" rel="stylesheet">
	<link href="/public/css/animations.css" rel="stylesheet" >
	<link href="/public/css/font-awesome.min.css" rel="stylesheet" >
	<link rel="stylesheet" href="/public/layui/css/layui.css" media="all" />
	<link href="/public/css/portal.css?t=20221207" rel="stylesheet">
	<link href="/public/css/inner.css?t=20231031" rel="stylesheet">
	<style type="text/css">
	::-moz-selection{background:#60AAD7; color:#fff;} 
	::selection {background:#60AAD7; color:#fff;} 
	</style></head>
<body>
	<!-- header -->
	<header>
		<div class="header">
			<div class="header-top hidden-xs hidden-sm">
				<div class="container">
					<ul class="menu-top no-style inline-block">
									       	<li>
				       		<a title="加入我们" href="/icci/index/join-us" target="_self">加入我们</a>
				       	</li>
				    				       	<li>
				       		<a title="媒体中心" href="/icci/index/media" target="_self">媒体中心</a>
				       	</li>
				    				       	<li>
				       		<a title="校友会" href="/icci/index/alumni" target="_self">校友会</a>
				       	</li>
				    				       	<li>
				       		<a title="教室预约中心" href="/bs" target="_blank">教室预约中心</a>
				       	</li>
				    				       	<li>
				       		<a title="实验室开放共享平台" href="https://labs.www.innhansatin.com/icci/" target="_blank">实验室开放共享平台</a>
				       	</li>
				    				       	<li>
				       		<a title="Canvas" href="https://oc.sjtu.edu.cn" target="_blank">Canvas</a>
				       	</li>
				    				       	<li class="toggle">
						  	<a class="toggle-btn">
							    学术事务管理系统 <i class="fa fa-angle-down"></i>
						  	</a>
						  	<ul class="sub-menu">
							    <li><a href="http://aao.www.innhansatin.com/icci/students/" target="_blank">学术事务管理信息系统-学生端</a></li>
							    <li><a href=" http://aao.www.innhansatin.com/icci/faculty/" target="_blank">学术事务管理信息系统-教师端</a></li>
							    <li><a href="http://aao.www.innhansatin.com/icci/manage/" target="_blank">学术事务管理信息系统-管理端</a></li>
						  	</ul>
				       	</li>
				       	<li>
				       		<a title="" href="/en" target="" style="color: #fff;"><strong>EN</strong></a>
				       	</li>
				    </ul>
				    <div class="clearB"></div>
				</div>
			</div>
			<div class="logo">
				<div class="container">
					<a href="/">
						<img src="/public/images/logo.png" alt="">
					</a>
					<div class="search hidden-xs hidden-sm">
						<div class="search-form">
							<form action="/search#container" method="post">
								<input type="text" name="Search" class="form-text" placeholder="搜索..." id="search-input">
								<button type="submit" class="form-submit"><i class="fa fa-search"></i></button>
							</form>
							
						</div>
					</div>
					<div class="header-mobile visible-xs visible-sm">
						<div class="site-tree-mobile">
							<span class="fa fa-reorder"></span>
						</div>
						<div class="site-mobile-shade"></div>
					</div>
				</div>
			</div>
			<div class="header-nav">
				<div class="container">
					<ul class="nav nav-pills" id="nav-animate">
						<li class="mobile-nav-header" style="margin-left: -15px;margin-right: -15px">
							<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
						</li>
					  						  	<li role="presentation" class="dropdown">
	                    <a title='首页' href='/'><span>首页</span></a>					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="人才培养" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/1">
					    		<span>人才培养</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-3">
						      			<a title="全日制项目" href="/icci/index/full-time" class="sub-title">全日制项目</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="数字文创与管理硕士项目" href="https://www.innhansatin.com/icci/program/index/229">数字文创与管理硕士项目</a></li>
	                                     						      				<li><a title="设计硕士项目（原艺术硕士项目）" href="https://www.innhansatin.com/icci/program/index/168">设计硕士项目（原艺术硕士项目）</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="微专业" href="/program/index/246" class="sub-title">微专业</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="AI+数字内容创作" href="/program/index/246">AI+数字内容创作</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="合作交流项目" href="/icci/index/communication" class="sub-title">合作交流项目</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="上海交大-法国凯致商学院国际在职MBA项目" href="/program/index/kedge/151">上海交大-法国凯致商学院国际在职MBA项目</a></li>
	                                     						      				<li><a title="国际暑期学校" href="/program/index/15">国际暑期学校</a></li>
	                                     						      				<li><a title="台湾学子“文创之旅”夏令营" href="/program/index/16">台湾学子“文创之旅”夏令营</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="高层管理教育" href="/icci/index/ee" class="sub-title">高层管理教育</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="MPA-ICCI国际影视大师训练营" href="/program/index/192">MPA-ICCI国际影视大师训练营</a></li>
	                                     						      				<li><a title="“新文创”CEO企业家研修班（八期）" href="/program/index/17">“新文创”CEO企业家研修班（八期）</a></li>
	                                     						      				<li><a title="文创赋能 - 复合型企业家研修班" href="/program/index/161">文创赋能 - 复合型企业家研修班</a></li>
	                                     						      				<li><a title="文创赋能-商业IP化运营研修班（十六期）" href="/program/index/20">文创赋能-商业IP化运营研修班（十六期）</a></li>
	                                     						      				<li><a title="舒适家居行业CEO研修班" href="/program/index/19">舒适家居行业CEO研修班</a></li>
	                                     						      				<li><a title="定制课程" href="/program/index/203">定制课程</a></li>
	                                     						      				<li><a title="教育咨询/教学支持服务项目" href="https://www.innhansatin.com/icci/icci/index/191">教育咨询/教学支持服务项目</a></li>
	                                     						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="学生风采" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/2">
					    		<span>学生风采</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-3">
						      			<a title="学在文创" href="/icci/index/22" class="sub-title">学在文创</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="文创学子" href="/news/category/9">文创学子</a></li>
	                                     						      				<li><a title="学生活动" href="/news/category/27">学生活动</a></li>
	                                     						      				<li><a title="游学足迹" href="/news/category/44">游学足迹</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="教学教务" href="/icci/index/25" class="sub-title">教学教务</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="管理规定" href="/download/regulation">管理规定</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="学生事务" href="/icci/index/23" class="sub-title">学生事务</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="团学工作" href="/news/category/13">团学工作</a></li>
	                                     						      				<li><a title="奖助补贷" href="/announcement/category/14">奖助补贷</a></li>
	                                     						      				<li><a title="办事指南" href="/announcement/category/15">办事指南</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="职业发展" href="/icci/index/24" class="sub-title">职业发展</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="职业发展规划" href="/news/category/16">职业发展规划</a></li>
	                                     						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="全球师资" class="dropdown-toggle" data-toggle="dropdown" href="/faculty">
					    		<span>全球师资</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-6">
						      			<a title="学术导师" href="/faculty" class="sub-title">学术导师</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="全职" href="/faculty/category/40">全职</a></li>
	                                     						      				<li><a title="校内双聘" href="/faculty/category/42">校内双聘</a></li>
	                                     						      				<li><a title="兼职" href="/faculty/category/41">兼职</a></li>
	                                     						      				<li><a title="访问" href="/faculty/category/43">访问</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-6">
						      			<a title="产业导师" href="/faculty/industry" class="sub-title">产业导师</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="产业合作" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/4">
					    		<span>产业合作</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-6">
						      			<a title="合作企业" href="/icci/index/40" class="sub-title">合作企业</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="教育发展合作单位" href="/icci/index/42">教育发展合作单位</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-6">
						      			<a title="产业合作" href="/icci/index/132" class="sub-title">产业合作</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="产学活动" href="/news/category/45">产学活动</a></li>
	                                     						      				<li><a title="文创观点" href="/news/category/47">文创观点</a></li>
	                                     						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="跨界研究" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/5">
					    		<span>跨界研究</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-3">
						      			<a title="全球文创合作与教育发展中心" href="/program/index/44" class="sub-title">全球文创合作与教育发展中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="产教共创" href="/program/index/44/49">产教共创</a></li>
	                                     						      				<li><a title="全球合作" href="/program/index/44/50">全球合作</a></li>
	                                     						      				<li><a title="公共文创" href="/program/index/44/51">公共文创</a></li>
	                                     						      				<li><a title="中心团队" href="/program/index/44/133">中心团队</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="紫竹中美网络视听传媒管理联合研究中心" href="/program/index/45" class="sub-title">紫竹中美网络视听传媒管理联合研究中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="中心介绍" href="/program/index/45/52">中心介绍</a></li>
	                                     						      				<li><a title="中心主任" href="/program/index/45/53">中心主任</a></li>
	                                     						      				<li><a title="中美联合研究专家" href="/program/index/45/54">中美联合研究专家</a></li>
	                                     						      				<li><a title="研究成果" href="/program/index/45/134">研究成果</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="文化创新发展研究中心" href="/program/index/155" class="sub-title">文化创新发展研究中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="中心介绍" href="/program/index/155">中心介绍</a></li>
	                                     						      				<li><a title="中心成员" href="/program/index/155/157">中心成员</a></li>
	                                     						      				<li><a title="科研成果" href="/program/index/155/158">科研成果</a></li>
	                                     						      				<li><a title="交流活动" href="/program/index/155/159">交流活动</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="时空未来博物馆项目" href="/program/index/206" class="sub-title">时空未来博物馆项目</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="项目介绍" href="https://www.innhansatin.com/icci/program/index/206/207">项目介绍</a></li>
	                                     						      				<li><a title="团队成员" href="https://www.innhansatin.com/icci/program/index/206/208">团队成员</a></li>
	                                     						      				<li><a title="预期成果" href="https://www.innhansatin.com/icci/program/index/206/209">预期成果</a></li>
	                                     						      				<li><a title="相关作品" href="https://www.innhansatin.com/icci/program/index/206/210">相关作品</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="艺术研究中心" href="/program/index/241" class="sub-title">艺术研究中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="中心介绍" href="/program/index/241">中心介绍</a></li>
	                                     						      				<li><a title="中心成员" href="/program/index/241/243">中心成员</a></li>
	                                     						      				<li><a title="科研成果" href="/program/index/241/244">科研成果</a></li>
	                                     						      				<li><a title="在研项目" href="/program/index/241/245">在研项目</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="公共教育中心" href="https://www.innhansatin.com/icci/program/index/224" class="sub-title">公共教育中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="中心介绍" href="https://www.innhansatin.com/icci/program/index/224/225">中心介绍</a></li>
	                                     						      				<li><a title="项目简介" href="https://www.innhansatin.com/icci/program/index/224/227">项目简介</a></li>
	                                     						      				<li><a title="面向公众" href="https://www.innhansatin.com/icci/program/index/224/228">面向公众</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="4D电影艺术和科技实验室" href="/program/index/48" class="sub-title">4D电影艺术和科技实验室</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="智能音乐与影视音效实验室" href="/program/index/175" class="sub-title">智能音乐与影视音效实验室</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="影视后期全媒体中心(CSW)" href="/program/index/179" class="sub-title">影视后期全媒体中心(CSW)</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="智能影视前沿技术研究中心" href="/program/index/183" class="sub-title">智能影视前沿技术研究中心</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="文创学院-度量科技 CG创意与科技实验室" href="/program/index/185" class="sub-title">文创学院-度量科技 CG创意与科技实验室</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="国际交流" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/6">
					    		<span>国际交流</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-4">
						      			<a title="国际合作" href="/icci/index/62" class="sub-title">国际合作</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="合作院校与项目" href="/icci/index/64">合作院校与项目</a></li>
	                                     						      				<li><a title="国际交流动态" href="/news/category/46">国际交流动态</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-4">
						      			<a title="国际文化创意产业研究学会" href="/program/index/137/199" class="sub-title">国际文化创意产业研究学会</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="学会介绍" href="/program/index/137/199">学会介绍</a></li>
	                                     						      				<li><a title="理事会成员" href="/program/index/137/200">理事会成员</a></li>
	                                     						      				<li><a title="国际会议" href="/program/index/137/201">国际会议</a></li>
	                                     						      				<li><a title="项目申请" href="/program/index/137/202">项目申请</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-4">
						      			<a title="ICCI ART VALLEY - Visiting Artists 艺术创意谷-国际访问艺术家活动" href="/program/index/144" class="sub-title">ICCI ART VALLEY - Visiting Artists 艺术创意谷-国际访问艺术家活动</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="2023艺术创意谷" href="/program/index/144/240">2023艺术创意谷</a></li>
	                                     						      				<li><a title="2022艺术创意谷" href="/program/index/144/239">2022艺术创意谷</a></li>
	                                     						      				<li><a title="2021艺术创意谷" href="/program/index/144/198">2021艺术创意谷</a></li>
	                                     						      				<li><a title="2020艺术创意谷" href="/program/index/144/160">2020艺术创意谷</a></li>
	                                     						      				<li><a title="2019艺术创意谷" href="/program/index/144/145">2019艺术创意谷</a></li>
	                                     						      				<li><a title="2018艺术创意谷" href="/program/index/144/146">2018艺术创意谷</a></li>
	                                     						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="党建工作" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/7">
					    		<span>党建工作</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-3">
						      			<a title="支部概况" href="/icci/index/68" class="sub-title">支部概况</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="党建动态" href="/news/category/10" class="sub-title">党建动态</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="学习园地" href="/announcement/category/17" class="sub-title">学习园地</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                						      		<li class="col-md-3">
						      			<a title="资料下载" href="/download/party" class="sub-title">资料下载</a>
						      			<ul class="no-style outside">
	                                    						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<li role="presentation" class="dropdown">
	                    					    	<a title="关于文创" class="dropdown-toggle" data-toggle="dropdown" href="/icci/index/about">
					    		<span>关于文创</span><i class="fa fa-angle-down"></i>
					    	</a>
					    	<ul class="dropdown-menu animated" data-animation="fadeInUp">
					      		<div class="row">
					      			<li class="col-md-12 mobile-nav-header">
					      				<div class="back"><img src="/public/images/back.png" alt="返回上一级" height="18"/></div>
					      				<div class="closeIcon"><img src="/public/images/menu2.png" alt="关闭" height="18"/></div>
					      			</li>
	                                						      		<li class="col-md-6">
						      			<a title="关于文创" href="/icci/index/about-icci" class="sub-title">关于文创</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="学院介绍" href="/icci/index/introduction">学院介绍</a></li>
	                                     						      				<li><a title="领导寄语" href="/icci/index/leader-message">领导寄语</a></li>
	                                     						      				<li><a title="机构设置" href="/icci/index/institution">机构设置</a></li>
	                                     						      				<li><a title="大事记" href="/icci/index/milestones">大事记</a></li>
	                                     						      			</ul>
						      		</li>
	                                						      		<li class="col-md-6">
						      			<a title="媒体中心" href="/icci/index/media" class="sub-title">媒体中心</a>
						      			<ul class="no-style outside">
	                                    						      				<li><a title="通知公告" href="/announcement/category/29">通知公告</a></li>
	                                     						      				<li><a title="新闻" href="/news">新闻</a></li>
	                                     						      				<li><a title="活动" href="/event">活动</a></li>
	                                     						      				<li><a title="图集" href="/album">图集</a></li>
	                                     						      				<li><a title="视频" href="/video">视频</a></li>
	                                     						      			</ul>
						      		</li>
	                                					    		</div>
					    	</ul>
	                        					  	</li>
	                    					  	<!-- 手机端才显示 -->
					  	<li role="presentation" class="dropdown visible-sm visible-xs">
					    	<a title="" class="dropdown-toggle" data-toggle="dropdown" href="/en">
					    		<span>EN</span>
					    	</a>
					  	</li>
					</ul>
					<div class="clearB"></div>
				</div>
			</div>
		</div>
	</header>	<!-- header END-->

	<!-- banner -->
	<div class="banner">
		<div class="swiper-container">
	        <div class="swiper-wrapper">
	        	            <div class="swiper-slide">
	            	<img src="/upload/file/file20250711175332.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://idmic.sjtu.edu.cn/" target="_blank">IDMIC 国际数字音乐创新赛2025征稿通知</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://idmic.sjtu.edu.cn/" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				            <div class="swiper-slide">
	            	<img src="/upload/file/file20250619152610.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://www.innhansatin.com/icci/news/view/1945" target="_blank">第十一届全球电影产业链发展论坛成功举办，行业专家共话“影视IP＋动漫游戏”新生态！</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://www.innhansatin.com/icci/news/view/1945" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				            <div class="swiper-slide">
	            	<img src="/upload/file/file20250427145651.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://www.innhansatin.com/icci/event/view/277" target="_blank">【招募】2025上海交大文创学院艺术创意谷项目——国际访问艺术家／学者</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://www.innhansatin.com/icci/event/view/277" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				            <div class="swiper-slide">
	            	<img src="/upload/file/file20250402173735.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://www.innhansatin.com/icci/news/view/1883" target="_blank">上海交大文创学院十周年庆典暨2025届硕士生毕业典礼隆重举行！</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://www.innhansatin.com/icci/news/view/1883" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				            <div class="swiper-slide">
	            	<img src="/upload/file/file20241224162940.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://www.innhansatin.com/icci/news/view/1837" target="_blank">文创学院“CC LAND”2025新年晚会暨十周年庆典倒计时100天仪式顺利举行！</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://www.innhansatin.com/icci/news/view/1837" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				            <div class="swiper-slide">
	            	<img src="/upload/file/file20241224162849.jpg" alt="">
	            	            	<div class="text-box">
		            	<div class="container">
			            	<h2 class="title"><a href="https://www.innhansatin.com/icci/news/view/1826" target="_blank">“河流之歌：人类世的回响 Song of the River- Echoes of the Anthropocene”上海交大文创学院2024艺术创意谷项目——国际访问艺术学者活动驻地艺术展正式开幕</a></h2>
			            	<div class="con hidden-xs">
			            		<h6>			            		</h6>
			            	</div>
		            		<a href="https://www.innhansatin.com/icci/news/view/1826" class="more-btn white hidden-xs">查看详情</a>
		            	</div>
	            	</div>
		        	            </div>
				        </div>
	        <!-- Add Pagination -->
	        <!-- <div class="bottom-nav"> -->
	        	<!-- <div class="container"> -->
		        	<div class="swiper-pagination"></div>
			        <div class="swiper-button-prev swiper-button-white"></div>
					<div class="swiper-button-next swiper-button-white"></div>
	        	<!-- </div> -->
	        <!-- </div> -->
	    </div>
	</div>
	<!-- banner END -->

	<!-- main -->
	<div class="block index-slide">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-12">
					<div class="responsive-box">
						<div class="index_title">
							<h2>ICCI NEWS</h2>
						</div>
						<div class="responsive flex-2 index-news">
					        <div class="swiper-wrapper">
					        					            <div class="swiper-slide">
									<div class="slide">
										<a href="/news/view/1973" >
											<div class="img-box">
												<img src="/upload/image/image20250802152320.jpg" alt="">
											</div>
											<div class="title" style="text-align: center;">数字文创产业调研回顾｜红双喜集团Tiktok“从零到一”出海实战</div>
											<div class="time" style="text-align: center;">2025-07-23</div>
										</a>
									</div>   
								</div>
												            <div class="swiper-slide">
									<div class="slide">
										<a href="/news/view/1969" >
											<div class="img-box">
												<img src="/upload/image/image20250724152924.jpg" alt="">
											</div>
											<div class="title" style="text-align: center;">实践速递｜“文”承百年红色血脉·“创”忆五卅薪火相传，探索红色文化数字化、青春化表达路径</div>
											<div class="time" style="text-align: center;">2025-07-20</div>
										</a>
									</div>   
								</div>
												            <div class="swiper-slide">
									<div class="slide">
										<a href="/news/view/1965" >
											<div class="img-box">
												<img src="/upload/image/image20250722114809.jpg" alt="">
											</div>
											<div class="title" style="text-align: center;">实践速递｜青瓷遗韵，洪州新章·以江西洪州窑为例探究文旅轻资产活化路径（一）</div>
											<div class="time" style="text-align: center;">2025-07-18</div>
										</a>
									</div>   
								</div>
												            <div class="swiper-slide">
									<div class="slide">
										<a href="/news/view/1966" >
											<div class="img-box">
												<img src="/upload/image/image20250722130756.png" alt="">
											</div>
											<div class="title" style="text-align: center;">文创兴潮 产教同行：“博学·文创”系列丛书首发仪式暨文创产教研学融合教学研讨成功举办</div>
											<div class="time" style="text-align: center;">2025-07-15</div>
										</a>
									</div>   
								</div>
														</div>
				        	<div class="swiper-pagination visible-xs"></div>
					        <div class="swiper-button-prev"></div>
			    			<div class="swiper-button-next"></div>
						</div>
						<div class="more hidden-lg">
							<a href="/news" class="single-link" >查看更多 →</a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="notice-box">
						<div class="index_title">
							<h2>ICCI BULLETIN</h2>
						</div>
						<div class="index-notice">
							<ul class="no-style">
																<li>
									<div class="item">
										<a href="/announcement/view/1968">
											<div class="title">2025年文创学院暑期值班表</div>
											<div class="time"></div>
										</a>
									</div>
								</li>
																<li>
									<div class="item">
										<a href="/announcement/view/1951">
											<div class="title">上海交大-南加州大学文化创意产业学院2025年度学术启明星评选启动</div>
											<div class="time"></div>
										</a>
									</div>
								</li>
																<li>
									<div class="item">
										<a href="/announcement/view/1929">
											<div class="title">上海交大-南加州大学文化创意产业学院2026 ICCI ELITE CAMP 暑期菁英拓训营报名通知</div>
											<div class="time"></div>
										</a>
									</div>
								</li>
																<li>
									<div class="item">
										<a href="/announcement/view/1918">
											<div class="title">上海交通大学上海交大-南加州大学文化创意产业学院2025年港澳台地区硕士研究生招生办法</div>
											<div class="time"></div>
										</a>
									</div>
								</li>
															</ul>
						</div>
						<div class="more hidden-lg">
							<a href="/announcement/category/29" class="single-link">查看更多 →</a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="event-box">
						<div class="index_title">
							<h2>ICCI EVENTS</h2>
						</div>
						<div class="index-event">
							<ul class="no-style">
																<li>
									<div class="media">
										<div class="media-left">
											<div class="event-time">
												<div class="day">05</div>
												<div class="month">Aug</div>
											</div>
										</div>
										<div class="media-body">
											<div class="event-title">
												<a href="/event/view/277">【招募】2025上海交大文创学院艺术创意谷项目——国际访问艺术家／学者</a>
											</div>
											<div class="event-location"><i class="fa fa-map-marker"></i> 中国上海</div>
										</div>
									</div>
								</li>
																<li>
									<div class="media">
										<div class="media-left">
											<div class="event-time">
												<div class="day">17</div>
												<div class="month">Jul</div>
											</div>
										</div>
										<div class="media-body">
											<div class="event-title">
												<a href="/event/view/282">全球Z世代创未来！“上海·未来城市”创意作品征集活动等你来参与</a>
											</div>
											<div class="event-location"><i class="fa fa-map-marker"></i> 中国上海</div>
										</div>
									</div>
								</li>
																<li>
									<div class="media">
										<div class="media-left">
											<div class="event-time">
												<div class="day">01</div>
												<div class="month">Jul</div>
											</div>
										</div>
										<div class="media-body">
											<div class="event-title">
												<a href="/event/view/281">IDMIC 国际数字音乐创新赛2025征稿通知</a>
											</div>
											<div class="event-location"><i class="fa fa-map-marker"></i> 上海交大文创学院</div>
										</div>
									</div>
								</li>
																<li>
									<div class="media">
										<div class="media-left">
											<div class="event-time">
												<div class="day">23</div>
												<div class="month">Jun</div>
											</div>
										</div>
										<div class="media-body">
											<div class="event-title">
												<a href="/event/view/280">“文创新世代”艺教融合思政课·报名 |《觉醒年代》《西北岁月》编剧龙平平专场讲座</a>
											</div>
											<div class="event-location"><i class="fa fa-map-marker"></i> 包玉刚图书馆5楼报告厅</div>
										</div>
									</div>
								</li>
															</ul>
						</div>
						<div class="more hidden-lg">
							<a href="/event" class="single-link">查看更多 →</a>
						</div>
					</div>
				</div>
				<div class="col-lg-12 visible-lg">
					<div class="row">
						<div class="col-lg-6">
							<div class="more">
								<a href="/news" class="single-link">查看更多 →</a>
							</div>
						</div>
						<div class="col-lg-3">
							<div class="more">
								<a href="/announcement/category/29" class="single-link">查看更多 →</a>
							</div>
						</div>
						<div class="col-lg-3">
							<div class="more">
								<a href="/event" class="single-link">查看更多 →</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="block bg column-inner" style="background: url(/public/images/pro1.jpg) center center no-repeat; background-size: cover;">
		<!-- <div class="bg-shade"></div> -->
		<div class="container"> 
			<div class="index_title text-center">
				<h2>我们的文创教育</h2>
			</div>
			<div class="row">
				<div class="col-lg-10 col-lg-offset-1">
					<div class="row">
													<div class="col-lg-4 col-md-4 col-sm-4 col-xsm-6">
								<div class="slide">
									<div class="img-box">
										<a href="/icci/index/9"><img src="/upload/image/image20180920094208.jpg" alt=""></a>
									</div>
									<div class="text">
										<a href="/icci/index/9"><h4>全日制项目</h4></a>
										<ul class="ul-desc">
																					<li><a href="/program/index/229">数字文创与管理硕士项目</a></li>
																					<li><a href="/program/index/168">设计硕士项目（原艺术硕士项目）</a></li>
																				</ul>
									</div>
								</div>  
							</div>
													<div class="col-lg-4 col-md-4 col-sm-4 col-xsm-6">
								<div class="slide">
									<div class="img-box">
										<a href="/icci/index/246"><img src="/upload/image/image20250418170200.jpg" alt=""></a>
									</div>
									<div class="text">
										<a href="/icci/index/246"><h4>“AI+数字内容创作”微专业</h4></a>
										<ul class="ul-desc">
																					<li><a href="/program/index/247">项目简介</a></li>
																					<li><a href="/program/index/249">课程设置</a></li>
																					<li><a href="/program/index/250">师资阵容</a></li>
																					<li><a href="/program/index/251">报名申请</a></li>
																				</ul>
									</div>
								</div>  
							</div>
													<div class="col-lg-4 col-md-4 col-sm-4 col-xsm-6">
								<div class="slide">
									<div class="img-box">
										<a href="/icci/index/11"><img src="/upload/image/image20180919112847.jpg" alt=""></a>
									</div>
									<div class="text">
										<a href="/icci/index/11"><h4>合作交流项目</h4></a>
										<ul class="ul-desc">
																					<li><a href="/program/index/kedge">上海交大-法国凯致商学院国际MBA项目</a></li>
																					<li><a href="/program/index/15">国际暑期学校</a></li>
																					<li><a href="/program/index/16">台湾学子“文创之旅”夏令营</a></li>
																				</ul>
									</div>
								</div>  
							</div>
													<div class="col-lg-4 col-md-4 col-sm-4 col-xsm-6">
								<div class="slide">
									<div class="img-box">
										<a href="/icci/index/12"><img src="/upload/image/image20211021103113.jpg" alt=""></a>
									</div>
									<div class="text">
										<a href="/icci/index/12"><h4>高层管理教育</h4></a>
										<ul class="ul-desc">
																					<li><a href="/program/index/192">MPA-ICCI国际影视大师训练营</a></li>
																					<li><a href="/program/index/17">“新文创”CEO企业家研修班（八期）</a></li>
																					<li><a href="/program/index/161">文创赋能 - 复合型企业家研修班</a></li>
																					<li><a href="/program/index/20">文创赋能-商业IP化运营研修班（十六期）</a></li>
																					<li><a href="/program/index/19">舒适家居行业CEO研修班</a></li>
																					<li><a href="/program/index/203">定制课程</a></li>
																					<li><a href="/program/index/program/index/191">教育咨询/教学支持服务项目</a></li>
																				</ul>
									</div>
								</div>  
							</div>
											</div>
				</div>
			</div>
		</div>
	</div>
	<div class="block index-info">
		<div class="container">
			<div class="index_title text-center">
				<h2>预约中心</h2>
			</div>
			<div class="row">
							<div class="col-md-4 col-sm-4 col-xsm-6">
					<a href="/bs" target="_blank">
						<div class="pre-box">
							<!-- <span class="icon"><em>1</em></span> -->
							<span>教室预约系统</span>
						</div>
					</a>
				</div>
							<div class="col-md-4 col-sm-4 col-xsm-6">
					<a href="http://oc.sjtu.edu.cn" target="_blank">
						<div class="pre-box">
							<!-- <span class="icon"><em>1</em></span> -->
							<span>Canvas</span>
						</div>
					</a>
				</div>
							<div class="col-md-4 col-sm-4 col-xsm-6">
					<a href="https://labs.www.innhansatin.com/icci/" target="_blank">
						<div class="pre-box">
							<!-- <span class="icon"><em>1</em></span> -->
							<span>实验室开放共享平台</span>
						</div>
					</a>
				</div>
						</div>
		</div>
	</div>
	<!-- main END -->

	<!-- footer -->
	<footer>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<h3 class="title">联系我们</h3>
						<ul class="no-style">
							<li>邮箱：<a href="mailto:icci@sjtu.edu.cn">icci@sjtu.edu.cn</a></li>
						</ul>
						<p>紫竹教研基地</p>
						<ul class="no-style">
							<li>电话：(+86 21) 34205059</li>
							<li>地址：上海市谈家塘路155号 A7-A8号楼</li>
						</ul>
						<p>徐汇教研基地</p>
						<ul class="no-style">
							<li>电话： (+86 21) 62933041</li>
							<li>地址：上海市徐汇区华山路1954号上海交通大学教一楼</li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-3">
						<h3 class="title">
							友情链接
						</h3>
						<ul class="no-style outside">
											       	<li>
					       		<a title="上海交通大学" href="https://www.sjtu.edu.cn/" target="_blank"><i class="square"></i>上海交通大学</a>
					       	</li>
					    					       	<li>
					       		<a title="南加州大学" href="https://www.usc.edu/" target="_blank"><i class="square"></i>南加州大学</a>
					       	</li>
					    					       	<li>
					       		<a title="全球文化创意产业合作与发展国际会议" href="http://conference.www.innhansatin.com/icci/" target="_blank"><i class="square"></i>全球文化创意产业合作与发展国际会议</a>
					       	</li>
					    					       	<li>
					       		<a title="第五届"汇创青春"国际赛商业分赛优秀作品展示" href="http://hcqc.www.innhansatin.com/icci/" target="_self"><i class="square"></i>第五届"汇创青春"国际赛商业分赛优秀作品展示</a>
					       	</li>
					    						</ul>
					</div>
					<div class="col-md-3 col-sm-3">
						<h3 class="title">
							快速通道
						</h3>
						<ul class="no-style outside">
												       	<li>
					       		<a title="加入我们" href="/icci/index/join-us" target="_self"><i class="square"></i>加入我们</a>
					       	</li>
					    					       	<li>
					       		<a title="媒体中心" href="/icci/index/media" target="_self"><i class="square"></i>媒体中心</a>
					       	</li>
					    					       	<li>
					       		<a title="校友会" href="/icci/index/alumni" target="_self"><i class="square"></i>校友会</a>
					       	</li>
					    						</ul>
					</div>
					<div class="col-md-3 col-sm-3">
						<h3 class="title">
							社交媒体
						</h3>
						<!-- <div class="media">
							<a href="#"><span class="fa fa-weibo"></span></a>
						</div> -->
						<div class="qrcode">
							<p><img src="/public/images/qrcode.png" alt="" width="140"></p>
							<p>( 文创学院官方微信公众号 )</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				版权所有 &copy; 2018 上海交大-南加州大学文化创意产业学院 <a href="http://www.beian.miit.gov.cn/" target="_blank">沪交ICP备20170117</a>，技术支持：<a href="http://www.alawang.com" target="_blank">ALA</a>
			</div>
		</div>
	</footer>
	<!-- Back To Top -->
	<a href="#" id="button-to-top" style="display: block;">↑</a>
	<script src="/public/js/bootstrap.min.js"></script>
	<script src="/public/js/bootstrap-dropdown-on-hover.js"></script>
	<script src="/public/js/swiper.min.js"></script>
	<script type="text/javascript" src="/public/layui/layui.js"></script>
	<script type="text/javascript" src="/public/js/index.js?t=20181015"></script>
	<script>
		//banner
	    var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        paginationClickable: true,
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
	        autoplay : 3000,
	        // loop : true
	    });

		var flex = new Swiper('.responsive.flex-2', {
	        paginationClickable: true,
	        pagination: '.swiper-pagination',
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
	        slidesPerView: 2,
	        spaceBetween: 30,
	        breakpoints: {
	        	1200: {
	                slidesPerView: 3,
	                spaceBetween: 30
	            },
	            991: {
	                slidesPerView: 2,
	                spaceBetween: 30
	            },
	            767: {
	                slidesPerView: 2,
	                spaceBetween: 20
	            },
	            567: {
	                slidesPerView: 1,
	                spaceBetween: 20
	            }
	        },
	        // autoplay : 3000,
	    });
	    var flex = new Swiper('.responsive.flex-4', {
	        paginationClickable: true,
	        pagination: '.swiper-pagination',
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
	        slidesPerView: 4,
	        spaceBetween: 30,
	        breakpoints: {
	            991: {
	                slidesPerView: 3,
	                spaceBetween: 30
	            },
	            767: {
	                slidesPerView: 2,
	                spaceBetween: 20
	            },
	            567: {
	                slidesPerView: 1,
	                spaceBetween: 20
	            }
	        },
	        // autoplay : 3000,
	    });
    </script>
    <script>
		layui.use(['form','flow','laypage','layer','element'],function(){
		    var form = layui.form;
		    var flow = layui.flow;
		    var element = layui.element;
		    var laypage = layui.laypage;
		    var layer = parent.layer === undefined ? layui.layer : parent.layer;
		    var $ = layui.jquery;
		   //  flow.load({
			  //   elem: '.layui-tab' //流加载容器
			  //   ,done: function(page, next){ //执行下一页的回调
					// setTimeout(function(){
					// 	var lis = [];
					// 	$.get('/news/more/'+page,function(res){
					// 		res = JSON.parse(res);
					// 		layui.each(res.data, function(index, item){
			  //                 	lis.push('<li>' + item.PostID + '</li>');
			  //                 	console.log(item.PostID);
			  //               }); 
					// 	})
					// 	next(lis.join(''), page<10); //假设总页数为 10
					// }, 500);
			  //   }
			  // });
		    form.render();
		    // 分页
		  //   laypage.render({
			 //    elem: 'pages'
			 //    ,count: 100
			 //    ,theme: '#9A0038'
			 //    ,first: '首页'
			 //    ,last: '尾页'
			 //    ,prev: '<em>←</em>'
			 //    ,next: '<em>→</em>'
			 //    ,groups:3
			 //    ,jump: function(obj, first){
				//     //obj包含了当前分页的所有参数，比如：
				//     console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
				//     console.log(obj.limit); //得到每页显示的条数
				    
				//     //首次不执行
				//     if(!first){
				//       //do something
				//     }
				// }
		  // 	});
		  if($('.albums .slide .img-box').length){
		  	$('.albums .slide .img-box').on('click',function(){
				layer.photos({
				    photos: '.albums' //格式见API文档手册页
				    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
			  	});
			})
		  }
		})
	</script>
	</body>
</html>






