<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!--360 browser -->
<meta name="renderer" content="webkit">
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
<h1 class="am-topbar-brand">
<a href="#">ZHONG WEIXING</a>
</h1>
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
data-am-collapse="{target: '#collapse-head'}">
<span class="am-sr-only">导航切换</span>
<span class="am-icon-bars"></span>
</button>
<div class="am-collapse am-topbar-collapse" id="collapse-head">
<ul class="am-nav am-nav-pills am-topbar-nav right">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibitions</a></li>
<li><a href="./publications.html">Publications</a></li>
<!-- <li><a href="./project.html" >Project</a></li>-->
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li><div class="language"><a href="#">Chinese</a> | <a href="#">English</a></div></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
</div>
<div class="clear"></div>
</header>
<div class="am-modal am-modal-no-btn" tabindex="-1" id="contact-modal">
<div class="am-modal-dialog">
<div class="am-modal-hd">Contact
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >×</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
</div>
<script>
function activeStyle(){
$('#contact').removeClass('am-active');$('.am-nav').find('li').eq(n).addClass('am-active');
}
</script>
<div class="clear"></div>
<div class="am-container">
<ul class="am-gallery am-avg-sm-1 am-avg-md-4 am-avg-lg-4 am-gallery-overlay" id="portfolioUl" data-am-gallery="{ pureview: true }" >
<li>
<div class="am-gallery-item">
<a href="./portfolioDetail.html">
<img src="../images/testImg1.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
</div>
</li>
<li>
<div class="am-gallery-item">
<a href="./portfolioDetail.html">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
</div>
</li>
<li>
<div class="am-gallery-item">
<a href="./portfolioDetail.html">
<img src="../images/testImg3.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
</div>
</li>
<li>
<div class="am-gallery-item">
<a href="./portfolioDetail.html">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
</div>
</li>
</ul>
</div>
<!--回到顶部-->
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
<a href="#top" title="回到顶部">
<span class="am-gotop-title">回到顶部</span>
<i class="am-gotop-icon am-icon-chevron-up"></i>
</a>
</div>
<input id="linkTitle" value="portfolio" />
<!--<script>
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).find("li").width();
imgHeight=parseInt(Width*bi);
$(obj).find('li').height(imgHeight);
}
$(window).resize(function() {
autoHeight('#portfolioUl',0.667);
});
window.onload = function(){
autoHeight('#portfolioUl',0.667);
}
</script>-->
</body>
</html>