@@ Line 1: / Line 1: @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-<meta itemprop="image" content="http://3gimg.qq.com/qq_product_operations/im/home/imshare.jpg" />
 <title>Aomy</title>
-<style type="text/css">
+<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
-html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
+<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
-{
-	margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size:100%;
-}
-html,body
-{color:#333}
-body
-{background:#fff;}
-ul,ol,li
-{ list-style:none;}
-a:link, a:visited
-{ color:#333; text-decoration:none;}
-a:hover
-{ color:#12b7f5;}
-img
-{ border:none;}
-em
-{ font-style:normal;}
-h1,h2,h3,h4,h5
-{ font-weight:normal;}
-.clearfloat:after
-{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
-.clearfloat
-{zoom:1;}
-/* top */
+<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
-.max1600
-{max-width:1600px; min-width:1007px; margin:0 auto;}
-.topbar
-{
-	position: absolute;
-	left: 0;
-	top: 0;
-	width:100%;
-	height:150px;
-	/*background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/lineartop.png) repeat-x center top;*/
-	z-index: 900;
-}
-.toppic
-{
-	max-width:1170px; min-width:980px; width:80%; height:75px; margin:0 auto;
-}
-.toppic a:link, .toppic a:visited
-{
-	color: #fff;
-}
-.topicfixed{ position: fixed; left: 0; top: 0; background: #fff; border-bottom: 1px solid #f1f1f1;}
+<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
-.topicfixed a:link, .topicfixed a:visited{ color: #333;}
-.topside{ float:left; width:59%;}
-.logoLink{ float:left; display:block; width:106px; height:0px; overflow:hidden; padding-top:76px; font-size:0; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_w.png) no-repeat left 15px;}
-.topNav{ float:left; width:450px; padding-left: 18px;}
-.topNav li{ float:left; margin-left: 20px;}
-.topNav li a{ float: left; padding: 0 20px; line-height:75px; font-size:1.125em;}
-.topNav li a:hover{ background: #12b7f5;}
-.topNav li.current a{ background: #12b7f5;}
-.topicfixed { height: 75px;}
-.topicfixed .logoLink{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_b.png);}
-.topicfixed li.current a{ background: none; color: #12b7f5;}
-.topicfixed .topNav li a:hover{ background: none; color: #12b7f5;}
+<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
-.topTool{ float:right; width:320px; font-size:0.875em;}
+<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
-.topTool a.barzc{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 0; margin: 18px 0 0 0; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}
+</head>
-.topTool a.barzc:hover, .topicfixed a.barzc:hover{background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -284px; color: #fff;}
-.topTool ul{ float: right; height: 40px; padding-top: 6px;}
-.topTool li{ float: right; margin-left: 30px; position: relative; line-height: 40px;}
-.topTool .login{ height:43px; line-height:43px;}
-.topTool .login span{ padding:0 18px; color:#cecece;}
-.topTool a:hover{ color:#12b7f5;}
-.flashData{ float: right; line-height:17px; text-align: right; letter-spacing: 0.04em;}
-.flashData a:hover{ text-decoration:underline;}
-.topicfixed a.barzc{ display: inline;}
-#loginInfo img{ float: left; width:25px; height:25px; margin-top: 5px; vertical-align:middle; border-radius: 12px; cursor: pointer;}
+<body>
-.loginPenel{ display: none; position: absolute; right: 0; top: 30px; width: 120px; height: 85px; z-index: 100;}
-.loginPenel .trg{ position: absolute; right: 8px; top: 4px; width: 10px; height: 7px; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/trg.png) no-repeat 0 0; font-size: 0;}
-.logindrop{ width: 120px; height: 75px; margin-top: 10px; background: #fff;}
-.nick{ width: 100px; height: 39px; overflow: hidden; margin: 0 auto; white-space: nowrap; line-height: 39px; text-align: center; text-overflow:ellipsis;}
-.lgout{ width: 100%;  border-top: 1px solid #d7d7d7; line-height: 35px; text-align: center;}
-.lgout a:link, .lgout a:visited{ color: #333;}
-/* banner */
-.crossbanenr{ width: 100%; height: 778px;}
-.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; /*max-width: 1920px; */min-width: 1007px; margin: 0 auto;}
-.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
-.crossbanenr li:first-child{ display: block;}
-.crossbanenr li.current{ z-index: 2;}
-.crossbanenr li.pcqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pcqq68bgb.jpg) no-repeat center top;}
-.crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;}
-.crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;}
-.crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;}
-.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
-.bntxt{ position: absolute;  left: -53px; top: 50%; width: 473px; height: 390px; margin-top: -195px; z-index: 10;}
-.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
-.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
-.bntxt a:link, .bntxt a:visited{ color: #fff;}
-.bntxt a.bnzc{ background-position: 0 0;}
-.bntxt a.bnzc:hover{ background-position: 0 -77px;}
-.bntxt a.bnxz{ background-position: 0 0;}
-.bntxt a.bnxz:hover{ background-position: 0 -77px;}
-.pcqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/ver74.png) no-repeat 15px top;}
-.mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;}
-.padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;}
-.watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;}
-.pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;}
-.mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;}
-.circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
+<!-- up -->
-.circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/nav.png) no-repeat center center; cursor: pointer;}
-.circle span.on{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/navcur.png);} */
-.content{ width: 100%;}
+<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
-.content h1{ width: 100%; height: 0; overflow: hidden; padding-top: 280px; background: #fff url(http://3gimg.qq.com/qq_product_operations/im/2015/brand.png) no-repeat center top;}
-.activebg{ position: relative; width: 100%; height: 600px; background: #fff; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
-.fisrtbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/fisrtbg.jpg);}
-.secondbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/avd.jpg);}
-.thirdbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/blog.jpg);}
-.txtwrap p{ font-size: 18px; letter-spacing: 0.12em;}
-.qfigure{ width: 100%; height: 584px; background: #fff;}
-.qw960{ position: relative; width: 960px; height: 584px; margin: 0 auto;}
-.qcallAnimate{ position: absolute; left: -32px; bottom: 0; width: 664px; height: 763px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_fig0.png) no-repeat 0 0;}
-.qcall .txtwrap{ position: absolute; right: 7px; top: 115px; width: 487px;}
-.qcall h2{ width: 100%; height: 0; overflow: hidden; padding-top: 135px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_txt.png) no-repeat 0 0;}
-.qcall p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;}
-.figs{ width: 100%; padding-top: 44px; min-height: 77px;}
+<script>
-.figs li{ padding: 58px 0 0; color: #a0a0a0; font-size: 14px; text-align: center;}
+$(function(){
+	$(window).scroll(function(){
+		var _top = $(window).scrollTop();
+		if(_top>300){
+			$('.lanrenzhijia_top').fadeIn(600);
+		}else{
+			$('.lanrenzhijia_top').fadeOut(600);
+		}
+	});
+	$(".lanrenzhijia_top").click(function(){
+		$("html,body").animate({scrollTop:0},400);
+	});
+});
+</script>
-.qcall .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_figs.png) no-repeat 190px 41px;}
-.qcall .figs li{ float: right; border-left: 1px solid #e9e9e9;}
-.qcall .figs li.f01{ width: 80px; text-align: right;}
-.qcall .figs li.f02{ width: 109px;}
-.qcall .figs li.f03{ width: 156px; border: none;}
-.qcallWrap{ position: relative; width: 251px; height: 446px; overflow: hidden; left: 57px; top: 72px;}
-.qcallWrap .pic1{ position: absolute; left: 0; top: 0; width: 255px; height: 450px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_fig1.png) no-repeat 0 0; z-index: 2; opacity: 0; filter:Alpha(opacity=0);}
-.qcallbtn{ position: absolute; left: 200px; top: 295px; width: 30px; height: 30px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/point.png) no-repeat 0 0; z-index: 1; opacity: 0; filter:Alpha(opacity=0);}
-/*qfile*/
-.qfileAnimate{ position: absolute; right: 34px; bottom: 0; width: 383px; height: 584px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig0.png) no-repeat 0 0;}
-.qfile .txtwrap{ position: absolute; left: 7px; top: 115px; width: 450px;}
-.qfile h2{ width: 100%; height: 0; overflow: hidden; padding-top: 140px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_txt.png) no-repeat 0 0;}
-.qfile p{ width: 90%; margin-bottom: 12px; padding-left: 5px; line-height: 25px; opacity: 0.6;}
-.qfile .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_figs.png) no-repeat 7px 41px;}
-.qfile .figs li{ float: left; border-right: 1px solid #e9e9e9; }
-.qfile .figs li.f01{ width: 94px; text-align: left; text-indent: 12px;}
-.qfile .figs li.f02{ width: 112px;}
-.qfile .figs li.f03{ width: 108px; border: none;}
-.qfileWrap{ position: relative; left: 27px; top: 259px; width: 328px; height: 280px;}
+<!-- skip -->
-.qfileWrap .pic1{ position: absolute; left: 10px; top: 0; width: 275px; height: 83px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig1.png) no-repeat 0 0; opacity: 0;}
-.qfileWrap .pic2{ position: absolute; right: 12px; top: 114px; width: 140px; height: 118px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig2.png) no-repeat 0 0; opacity: 0;}
+<a class="down" href="javascript:;">
-.qfbar{ position: absolute; left: 78px; top: 71px; width: 194px; height: 3px; overflow: hidden; background: #e6e6e6; opacity: 0;}
+<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
-.qfbar .bar{ width: 30%; height: 3px; background: #5be10b;}
+<p style="color: #fff">Skip</p>
-/*qblog*/
+</div>
-.qblogAnimate{ position: absolute; left: 98px; bottom: 0; width: 291px; height: 462px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig0.png) no-repeat 0 0;}
+</a>
-.qblog .txtwrap{ position: absolute; right: 7px; top: 120px; width: 495px;}
-.qblog h2{ width: 100%; height: 0; overflow: hidden; padding-top: 135px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_txt.png) no-repeat 0 0;}
-.qblog p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;}
-.qblog .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_figs.png) no-repeat 228px 41px;}
-.qblog .figs li{ float: right; border-left: 1px solid #e9e9e9;}
-.qblog .figs li.f01{ width: 80px; text-align: right;}
-.qblog .figs li.f02{ width: 105px;}
-.qblog .figs li.f03{ width: 106px; border: none;}
-.qblogWrap{ position: relative; left: 0; top: 217px; width: 291px; height: 150px;}
+<script>
-.qblogWrap div{ position: absolute; top: 0; width: 150px; height: 150px;}
+$(function(){
-.qblogWrap .pic1{ left: -122px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig1.png) no-repeat 0 0; opacity: 0;}
+	$(".down").click(function(){
-.qblogWrap .pic2{ left: 70px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig2.png) no-repeat 0 0; opacity: 0;}
+		$("html,body").animate({scrollTop:$('#menu').offset().top},400);
-.qblogWrap .pic3{ right: -119px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig3.png) no-repeat 0 0; opacity: 0;}
+	});
-.morefigs{ width: 100%; height: 87px; padding-top: 43px; border-top: 1px solid #e5e5e5}
+});
-.morefigs a{ display: block; width: 332px; height: 0; overflow: hidden; padding-top: 45px; margin: 0 auto; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/morefigs.png) no-repeat 0 0;}
+</script>
-a.knmore:link, a.knmore:visited{ color: #12b7f5;}
-/* flash */
-.flashBar{ float:right; width:67px;}
-.flashBar a{ display:block; width:67px; height:0; overflow:hidden; padding-top:67px; background:#000 url(http://im-img.qq.com/home/img/q2013/flahicons.png) no-repeat 0 0; border-bottom:1px solid #333;}
-.flashBar a.close{ background-position:14px 14px;}
-.flashBar a.sharetozone{ background-position:14px -52px;}
-.flashBar a.sharetoweibo{ background-position:14px -120px;}
-.flashBar a.close:hover{ background-position:-52px 14px;}
-.flashBar a.sharetozone:hover{ background-position:-52px -52px;}
-.flashBar a.sharetoweibo:hover{ background-position:-52px -120px;}
-.flashBox{ float:left;background:url(http://im-img.qq.com/online/images/loading.gif) no-repeat 50% 40%;width:910px;height:auto;}
+<!--Scroll-->
-.overlay{ display:none; position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.6; filter:Alpha(opacity=60);}
-#flashDiv{ position:absolute; left:50%; top:47px; width:978px; height:721px; margin:0 0 0 -489px; display:none; z-index:10000; position: fixed;}
-.togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
-/* footer */
-.newfoot{ width: 100%; height: 348px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}
-.newfoot a:link, .newfoot a:visited{ color: #979797;}
-.newfoot a:hover{ color: #cfcfcf;}
-.qmaps{ width: 960px; height: 205px; margin: 0 auto;}
-.plats{ float: left; width: 510px; padding-left: 8px;}
-.plats h3{ height: 50px;  color: #666; font-size: 14px;}
-.plats a{ float: left; padding-top: 65px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/plats1.png) no-repeat 0 0; text-align: center; font-size: 14px;}
-.plats a:hover{ color: #12b7f5;}
-.plats a.plmb{ width: 68px; margin-right: 35px; background-position: 0px 0;}
-.plats a.plmb:hover{ background-position: 0px -93px;}
-.plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}
-.plats a.plpc:hover{ background-position: -105px -93px;}
-.plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}
-.plats a.plmac:hover{ background-position: -210px -93px;}
-.plats a.plpad{ width: 76px; background-position: -326px 0;}
-.plats a.plpad:hover{ background-position: -326px -93px;}
-.map{ float: left;}
-.map h3{ height: 25px; color: #666; font-size: 14px;}
-.map li{ line-height: 22px;}
-.qac{ width: 185px;}
-.qfaq{width: 175px;}
-.qlink{ width: 80px;}
-.copyright{ clear: both; width: 960px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #666; line-height: 17px; text-align: center; color: #666;}
-.login_div { display: none; position: fixed; left: 50%; top: 50%; width: 622px; height: 368px; margin: -184px 0 0 -311px; z-index: 99999;}
-#pg2 .qfileWrap .pic1{
+<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
-    opacity: 1;
+<div class="holder">
-    -webkit-transform-origin:left;
-    -moz-transform-origin:left;
-    -o-transform-origin:left;
-    -ms-transform-origin:left;
-    transform-origin:left;
-    -webkit-animation: zoomIn 0.2s ease 0.1s;
-    -moz-animation: zoomIn 0.2s ease 0.1s;
-    -o-animation: zoomIn 0.2s ease 0.1s;
-    animation: zoomIn 0.2s ease 0.1s;
-    -webkit-animation-fill-mode: backwards;
-    -moz-animation-fill-mode: backwards;
-    -o-animation-fill-mode: backwards;
-    animation-fill-mode: backwards;
-}
-#pg2 .qfileWrap .qfbar{
+<div id="wowslider-container">
-    -webkit-animation: fadeIn 0.4s ease 0.3s;
-    -moz-animation: fadeIn 0.4s ease 0.3s;
-    -o-animation: fadeIn 0.4s ease 0.3s;
-    animation: fadeIn 0.4s ease 0.3s;
-    -webkit-animation-fill-mode: forwards;
-    -moz-animation-fill-mode: forwards;
-    -o-animation-fill-mode: forwards;
-    animation-fill-mode: forwards;
-}
-#pg2 .qfileWrap .bar{
+<!--Scroll pic-->
-    -webkit-animation: widthall 1s ease 0.4s;
+<div class="ws_images">
-    -moz-animation: widthall 1s ease 0.4s;
+<ul>
-    -o-animation: widthall 1s ease 0.4s;
+<li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
-    animation: widthall 1s ease 0.4s;
+<li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
-    -webkit-animation-fill-mode: forwards;
+<li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
-    -moz-animation-fill-mode: forwards;
+</ul>
-    -o-animation-fill-mode: forwards;
+</div>
-    animation-fill-mode: forwards;
-}
-#pg2 .qfileWrap .pic2{
+<script>
-    opacity: 1;
+$(function(){
-    -webkit-transform-origin:right;
+	$("#ClickSkip").click(function(){
-    -moz-transform-origin:right;
+		$("html,body").animate({scrollTop:$('#menu').offset().top},400);
-    -o-transform-origin:right;
+	});
-    -ms-transform-origin:right;
+});
-    transform-origin:right;
+</script>
-    -webkit-animation: zoomIn 0.2s ease 1.5s;
-    -moz-animation: zoomIn 0.2s ease 1.5s;
-    -o-animation: zoomIn 0.2s ease 1.5s;
-    animation: zoomIn 0.2s ease 1.5s;
-    -webkit-animation-fill-mode: backwards;
-    -moz-animation-fill-mode: backwards;
-    -o-animation-fill-mode: backwards;
-    animation-fill-mode: backwards;
-}
-#pg3 .qblogWrap .pic1{
+<!--little pic-->
-    opacity: 1;
+<div class="ws_bullets">
-    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
+<div>
-    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
+<a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
-    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
+<a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
-    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
+<a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
-    -webkit-animation-fill-mode: backwards;
+</div>
-    -moz-animation-fill-mode: backwards;
+</div>
-    -o-animation-fill-mode: backwards;
+</div>
-    animation-fill-mode: backwards;
-}
-#pg3 .qblogWrap .pic2{
+<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
-    opacity: 1;
+<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
-    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
-    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
-    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
-    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
-    -webkit-animation-fill-mode: backwards;
-    -moz-animation-fill-mode: backwards;
-    -o-animation-fill-mode: backwards;
-    animation-fill-mode: backwards;
-}
-#pg3 .qblogWrap .pic3{
+</div>
-    opacity: 1;
+</div>
-    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
-    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
-    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
-    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
-    -webkit-animation-fill-mode: backwards;
-    -moz-animation-fill-mode: backwards;
-    -o-animation-fill-mode: backwards;
-    animation-fill-mode: backwards;
-}
-@keyframes fadeUp {
+<!--Main Content-->
-% { opacity: 0;transform:translateY(-20px);}
-% { opacity: 1;transform:translateY(0px);}
-}
-@-moz-keyframes fadeUp {
-% {opacity: 0; transform:translateY(-20px);}
-% {opacity: 1; transform:translateY(0px);}
-}
-@-webkit-keyframes fadeUp {
-% {opacity: 0;-webkit-transform:translateY(-20px);}
-% {opacity: 1; -webkit-transform:translateY(0px);}
-}
-@-o-keyframes fadeUp {
+<div class="content">
-% { opacity: 0;-o-transform:translateY(-20px);}
-% { opacity: 1;-o-transform:translateY(0px);}
-}
-@-ms-keyframes fadeUp {
-% { opacity: 0;-ms-transform:translateY(-20px);}
-% { opacity: 1;-ms-transform:translateY(0px);}
-}
-@keyframes fadeIn {
+<!--title_circuits-->
-% { opacity: 0;}
+<div style="padding-top: 10px; padding-bottom: 10px;">
-% { opacity: 1;}
+<img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/>
-}
+</div>
-@-moz-keyframes fadeIn {
-% {opacity: 0; }
-% {opacity: 1; }
-}
-@-webkit-keyframes fadeIn {
-% {opacity: 0;}
-% {opacity: 1; }
-}
-@-o-keyframes fadeIn {
-% { opacity: 0;}
-% { opacity: 1;}
-}
-@-ms-keyframes fadeIn {
-% { opacity: 0;}
-% { opacity: 1;}
-}
-@keyframes widthall {
+<!--bg_circuits-->
-%{ width: 30%;}
+<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
-% { width: 100%;}
+<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
-}
+</div>
-@-moz-keyframes widthall {
-%{ width: 30%;}
-% { width: 100%;}
-}
-@-webkit-keyframes widthall {
-%{ width: 30%;}
-% { width: 100%;}
-}
-@-o-keyframes widthall {
-%{ width: 30%;}
-% { width: 100%;}
-}
-@-ms-keyframes widthall{
-%{ width: 30%;}
-% { width: 100%;}
-}
-@keyframes zoomIn {
+<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
-%{ transform: scale(0);}
+<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
-%{ transform: scale(1.1);}
+<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
-% { transform: scale(1);}
+</div>
-}
-@-moz-keyframes zoomIn {
-%{ transform: scale(0);}
-% { transform: scale(1.1);}
-% { transform: scale(1);}
-}
-@-webkit-keyframes zoomIn {
-%{ -webkit-transform: scale(0);}
-% { -webkit-transform: scale(1.1);}
-% { -webkit-transform: scale(1);}
-}
-@-o-keyframes zoomIn {
-%{ -o-transform: scale(0);}
-% { -o-transform: scale(1.1);}
-% { -o-transform: scale(1);}
-}
-@-ms-keyframes zoomIn{
-%{ -ms-transform: scale(0);}
-% { -ms-transform: scale(1.1);}
-% { -ms-transform: scale(1);}
-}
-@keyframes moveleft {
+</div>
-% { transform:translateX(100%); opacity: 1;}
-% { transform:translateX(0); opacity: 1;}
-}
-@-moz-keyframes moveleft {
-% { transform:translateX(100%); opacity: 1;}
-% { transform:translateX(0); opacity: 1;}
-}
-@-webkit-keyframes moveleft {
-% {-webkit-transform:translateX(100%); opacity: 1;}
-% { -webkit-transform:translateX(0); opacity: 1;}
-}
-@-o-keyframes moveleft {
+<script type="text/javascript">
-% { -o-transform:translateX(100%); opacity: 1;}
+document.getElementById("video_button").onclick=function(){
-% { -o-transform:translateX(0); opacity: 1;}
+  document.getElementById("video_out").style.display="inline-block";
-}
+  document.getElementById("video_back").style.display="inline-block";
-@-ms-keyframes moveleft {
-% { -ms-transform:translateX(100%); opacity: 1;}
-% { -ms-transform:translateX(0); opacity: 1;}
 }
+</script>
-@keyframes click {
+<script type="text/javascript">
-% { transform:translateY(0px) translateX(0px);}
+document.getElementById("video_back").onclick=function(){
-% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
+  document.getElementById("video_out").style.display="none";
-% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
+  document.getElementById("video_back").style.display="none";
-% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
-}
-@-moz-keyframes click {
-% { transform:translateY(0px) translateX(0px);}
-% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
-% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
-% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
-}
-@-webkit-keyframes click {
-% { -webkit-transform:translateY(0px) translateX(0px);}
-% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
-% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
-% { -webkit-transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
 }
+</script>
-@-o-keyframes click {
+<!--title_result-->
-% { -o-transform:translateY(0px) translateX(0px);}
+<div style="background: #fff; width: 100%; overflow: hidden">
-% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
+<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
-% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
+<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" />
-% { -o-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
+</div>
-}
-@-ms-keyframes click {
-% { -ms-transform:translateY(0px) translateX(0px);}
-% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
-% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
-% { -ms-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
-}
-@media screen and (min-width:1921px) {
+<!--bg_experiment-->
-    .crossbanenr li{ width: 100%; left: 50%; margin-left: -50%;}
+<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
-    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.fisrtbg, .secondbg, .thirdbg{ background-size: 100%;}
+</div>
-}
+<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
-@media screen and (max-width:1440px) {
+<!--title_experiment-->
-    .crossbanenr li.pcqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_pc_banner.jpg) no-repeat center top;}
-    .crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_s.jpg) no-repeat center top;}
-    .crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbanner.jpg) no-repeat center top;}
-    .crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_s.jpg) no-repeat center top;}
-    .fisrtbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/bg1_1600.jpg);}
-    .secondbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/avds.jpg);}
-    .thirdbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/bg3_1600.jpg);}
-    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
-}
-@media screen and (max-width:1200px) and (min-height:1400px) {
+<div style="background: #fff; width: 100%; height: 524px; ">
-    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
+<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
-}
+<div style="position: absolute; right: 3%; width: 41.66667%;">
-@media screen and (min-width:1200px) and (min-height:900px) {
+<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
-    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
+</div>
-}
+<div>
+<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
+</div>
+</div>
+</div>
+<!--bg_result-->
+<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+</div>
-</style>
+<!--main_menu-->
+<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
+<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
+<!--pic-->
-<!--
-<script type="text/javascript">
-var t0 = new Date();
-var os = function() {
-     var ua = navigator.userAgent,
-     isWindowsPhone = /(?:Windows Phone)/.test(ua),
-     isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
-     isAndroid = /(?:Android)/.test(ua),
-     isFireFox = /(?:Firefox)/.test(ua),
-     isChrome = /(?:Chrome|CriOS)/.test(ua),
-     isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
-     isPhone = /(?:iPhone)/.test(ua) && !isTablet,
-     isPc = !isPhone && !isAndroid && !isSymbian;
-     return {
-          isTablet: isTablet,
-          isPhone: isPhone,
-          isAndroid : isAndroid,
-          isPc : isPc
-     };
-}();
-var getSearch = function(name) {
-    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-    var r = window.location.search.substring(1).match(reg);
-    if ( !! r) {
-        return unescape(r[2]);
-    }
-    return null;
-};
-var searchstr = window.location.search,
-    hashstr = window.location.hash;
-var viewpc = getSearch("vpc");
-if(!viewpc && (os.isAndroid || os.isPhone)){
-location.replace('http://im.qq.com/immobile/index.html'+searchstr+hashstr);
-}else if(os.isTablet){
-    location.replace('http://im.qq.com/qqhd/'+searchstr+hashstr);
-}
-</script>
--->
+<!--menu_pic-->
-</head>
+<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
+            <div class="content-container">
+                <div id="portfolio-content" class="center-text">
+                    <div class="portfolio-page" id="page-1">
+                        <div class="portfolio-group">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
+                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
+                                <div class="detail">
+                                    <h1 class="funch">Team</h1>
+                                </div>
+                            </a>
+                        </div>
-<body>
+                        <div class="portfolio-group">
-<!--S header-->
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
-<div id="topbar" class="topbar">
+                                <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
-    <div class="toppic">
+                                <div class="detail">
-    	<!--导航-->
+                                    <h1 class="funch">Project</h1>
-        <div class="topside">
+                                </div>
-            <a href="index.shtml" class="logoLink" pgv="im.index2015.logo">im.qq.com</a>
+                             </a>
-            <ul id="topNav" class="topNav">
-                <li class="current"><a pgv="im.index2015.homepage" href="http://im.qq.com/">首页</a></li>
-                <li><a pgv="im.index2015.download" href="http://im.qq.com/download/">下载</a></li>
-                <li><a pgv="im.index2015.active" href="http://im.qq.com/album/">动态</a></li>
-            </ul>
-        </div>
-        <!--注册-->
-        <div class="topTool">
-            <a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a>
-            <ul>
-                <li id="loginInfo">
-                    <a pgv="im.qq.com.login" id="login" href="#">登录</a>
-                    <div id="loginPenel" class="loginPenel">
-                        <span class="trg"></span>
-                        <div class="logindrop">
-                            <div id="nick" class="nick">Hi,飞翔的企鹅</div>
-                             <div class="lgout"><a id="lgout" href="javascript:;">[退出]</a></div>
                          </div>
-                    </div>
-                </li>
-                <li><a pgv="im.index2015.safe" href="http://aq.qq.com/" target="_blank">QQ安全</a></li>
-                <li><a pgv="im.index2015.vip" href="http://vip.qq.com/" target="_blank">QQ会员</a></li>
-            </ul>
-            <div class="flashData"><a pgv="im.qq.com.viewonlinedata" id="viewOnline" href="#">当前在线人数：<em id="cur_online">211,539,849</em></a></div>
-        </div>
-    </div>
-</div>
-<!--E header-->
-<!--S banner-->
+                        <div class="portfolio-group">
-<div class="crossbanenr">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
-    <ul id="crossbanenr">
+                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+                                <div class="detail">
-        <li class="pcqqbg">
+                                    <h1 class="funch">Notebook</h1>
-            <div class="bncont">
+                                </div>
-                <div class="bntxt">
+                            </a>
-                    <h2>QQ pc版7.4 全新视觉，更新、更薄、更高效</h2>
+                        </div>
-                    <a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a>
-                </div>
-            </div>
-        </li>
-        <li class="mbqqbg">
+                        <div class="portfolio-group">
-            <div class="bncont">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
-                <div class="bntxt">
+                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
-                    <h2>QQ手机版v5.7 趣味变声 搞笑卖萌乐翻天</h2>
+                                <div class="detail">
-                    <a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a>
+                                    <h1 class="funch">Interlab</h1>
-                </div>
+                                </div>
-            </div>
+                            </a>
-        </li>
+                        </div>
-        <li class="watchbg">
-            <div class="bncont">
-                <div class="bntxt">
-                    <h2>开启色彩社交时代 QQ Apple Watch</h2>
-                    <a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a>
-                </div>
-            </div>
-        </li>
-        <!-- <li class="padqqbg">
+                        <div class="portfolio-group">
-            <div class="bncont">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
-                <div class="bntxt">
+                                <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
-                    <h2>QQipad版5.1 全新界面 带来你想要的缤纷体验</h2>
+                                <div class="detail">
-                    <a class="bnxz" pgv="im.index2015.bannerdownload_hd" href="http://im.qq.com/qqhd/" target="_blank">下载</a>
+                                    <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
-                </div>
+                                </div>
-            </div>
+                            </a>
-        </li> -->
+                        </div>
+                        <div class="portfolio-group">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
+                                <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
+                                <div class="detail">
+                                    <h1 class="funch">Practice</h1>
+                                </div>
+                            </a>
+                        </div>
-    </ul>
+                        <div class="portfolio-group">
-</div>
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
-<!--E banner-->
+                                <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
+                                <div class="detail">
+                                    <h1 class="funch">Judging</h1>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="portfolio-group">
+                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
+                                <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
+                                <div class="detail">
+                                    <h1 class="funch">Safety</h1>
+                                </div>
+                            </a>
+                        </div>
-<!--S figure-->
-<div class="content">
-    <h1>I'm QQ - 每一天，乐在沟通</h1>
-    <div id="fisrtbg" class="activebg fisrtbg" data-stellar-background-ratio="0.03"></div>
-    <div class="qfigure qcall">
-        <div class="qw960">
-            <div class="txtwrap">
-                <h2>沟通，是跨越千山万水的亲切声音</h2>
-                <p>无论何时何地，你都能自由享受QQ在各类终端<br />上带来的高清通话，与好友一起想聊多久聊多久</p>
-                <p><a class="knmore" href="http://im.qq.com/album/v/" target="_blank" pgv="im.index2015.more_1">了解更多 &gt;</a></p>
-                <ul class="figs">
-                    <li class="f01">屏幕分享</li>
-                    <li class="f02">群组通话</li>
-                    <li class="f03">两人、多人通话</li>
-                </ul>
-            </div>
-            <div class="qcallAnimate">
-                <div class="qcallWrap">
-                    <div class="qcallbtn"></div>
-                    <div class="pic1"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div id="secondbg" class="activebg secondbg" data-stellar-background-ratio="0.05"></div>
-    <div class="qfigure qfile">
-        <div class="qw960">
-            <div class="txtwrap">
-                <h2>沟通，是随时随地爽快收发</h2>
-                <p>贴心的云端漫游技术，让QQ收发的文件随<br />身而行，轻松在线查阅，0流量快速转发。</p>
-                <p><a class="knmore" href="http://im.qq.com/files/" target="_blank" pgv="im.index2015.more_2">了解更多 &gt;</a></p>
-                <ul class="figs">
-                    <li class="f01">文件漫游</li>
-                    <li class="f02">多端互传</li>
-                    <li class="f03">在线预览</li>
-                </ul>
-            </div>
-            <div class="qfileAnimate">
-                <div class="qfileWrap">
-                    <div class="pic1"></div>
-                    <div class="pic2"></div>
-                    <div class="qfbar">
-                        <div class="bar"></div>
                      </div>
                  </div>
              </div>
-        </div>
-    </div>
-    <div id="thirdbg" class="activebg thirdbg" data-stellar-background-ratio="0.05"></div>
-    <div class="qfigure qblog">
-        <div class="qw960">
-            <div class="txtwrap">
-                <h2>沟通，是志同道合的他们放肆青春</h2>
-                <p>即使世界很大，你也不会孤单，在兴趣部落<br />有和你一样的人，期待着和你一起发现精彩</p>
-                <p><a class="knmore" href="http://qun.qq.com/tribe.html" target="_blank" pgv="im.index2015.more_3">了解更多 &gt;</a></p>
-                <ul class="figs">
-                    <li class="f01">精彩图集</li>
-                    <li class="f02">附近热点</li>
-                    <li class="f03">兴趣社区</li>
-                </ul>
-            </div>
-            <div class="qblogAnimate">
-                <div class="qblogWrap">
-                    <div class="pic1"></div>
-                    <div class="pic2"></div>
-                    <div class="pic3"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- <div class="morefigs"><a href="#">更多精彩功能</a></div> -->
-</div>
-<!--E figure-->
-<!--S footer-->
-<div class="newfoot">
-    <div class="qmaps">
-        <div class="plats">
-            <h3>了解热门产品</h3>
-            <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">QQ 手机版</a>
-            <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">QQ PC版</a>
-            <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">QQ Mac版</a>
-            <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">QQ Pad版</a>
          </div>
-        <!-- <div class="map qac">
+</div>
-            <h3>QQ动态</h3>
+</div>
-            <ul>
-                <li><a pgv="im.index2015.maps.zhuanshu" href="#" target="_blank">精品专属</a></li>
-                <li><a pgv="im.index2015.maps.zixun" href="#" target="_blank">热门资讯</a></li>
-                <li><a pgv="im.index2015.maps.fengmian" href="#" target="_blank">QQ封面</a></li>
-                <li><a pgv="im.index2015.maps.licheng" href="#" target="_blank">版本历程</a></li>
-                <li><a pgv="im.index2015.maps.blog" href="#" target="_blank">产品博客</a></li>
-            </ul>
-        </div> -->
-        <div class="map qac">
+<!--end content-->
-            <h3>QQ安全</h3>
+</div>
-            <ul>
-                <li><a pgv="im.index2015.maps.anquan" href="http://aq.qq.com/" target="_blank">安全中心</a></li>
-                <li><a pgv="im.index2015.maps.dongjie" href="http://110.qq.com/" target="_blank">冻结帐号</a></li>
-                <li><a pgv="im.index2015.maps.jubao" href="http://aq.qq.com/v2/safe_school/report_index.shtml" target="_blank">举报恶意行为</a></li>
-                <li><a pgv="im.index2015.maps.huifu" href="http://huifu.qq.com/" target="_blank">恢复好友和群</a></li>
-            </ul>
-        </div>
-        <div class="map qfaq">
+<!--footer-->
-            <h3>帮助反馈</h3>
+<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
-            <ul>
+<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
-                <li><a pgv="im.index2015.maps.kefu" href="http://kf.qq.com/product/QQ.html" target="_blank">腾讯客服</a></li>
+<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
-                <li><a pgv="im.index2015.maps.fankui" href="http://support.qq.com/discuss/44_1.shtml" target="_blank">反馈问题</a></li>
+<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
-                <li><a pgv="im.index2015.maps.txweibo" href="http://e.t.qq.com/QQ" target="_blank">腾讯微博</a></li>
+<p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
-                <li><a pgv="im.index2015.maps.sinaweibo" href="http://weibo.com/u/2508053484" target="_blank">新浪微博</a></li>
+<p style="font-size: 14px; color: #fff;"><strong>Website:  </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
-            </ul>
+<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
-        </div>
-        <div class="map qlink">
-            <h3>友情链接</h3>
-            <ul>
-                <li><a pgv="im.index2015.maps.buluo" href="http://buluo.qq.com" target="_blank">兴趣部落</a></li>
-                <li><a pgv="im.index2015.maps.qun" href="http://qun.qq.com/" target="_blank">QQ群</a></li>
-                <li><a pgv="im.index2015.maps.yinyue" href="http://y.qq.com/#type=index " target="_blank">QQ音乐</a></li>
-                <li><a pgv="im.index2015.maps.browser" href="http://browser.qq.com/" target="_blank">QQ浏览器</a></li>
-                <li><a pgv="im.index2015.maps.laidian" href="http://laidian.qq.com/" target="_blank">来电</a></li>
-                <li><a pgv="im.index2015.maps.shipin" href="http://v.qq.com/" target="_blank">腾讯视频</a></li>
-                <li><a pgv="im.index2015.maps.tiyan" href="http://exp.qq.com/" target="_blank">腾讯体验中心</a></li>
-                <li><a pgv="im.index2015.maps.guanjia" href="http://guanjia.qq.com/" target="_blank">腾讯电脑管家</a></li>
-            </ul>
-        </div>
-    </div>
-    <div class="copyright">
-        <p>Copyright &copy; 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
-        <p>腾讯公司 版权所有</p>
-    </div>
 </div>
-<!--E footer-->
+<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
-<div id="overlay" class="overlay"></div>
+<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
-<!--S flash object-->
+<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
-<div id="flashDiv">
+<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
-    <div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div>
-    <div class="flashBox">
-        <div id="flashBox"><p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p></div>
-    </div>
-    <p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数&gt;&gt;</a></p>
 </div>
-<!--E flash object-->
-<script type="text/javascript src="jquery-1.11.1.js"></script>
-<script type="text/javascript>
-var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+O.location.toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
-</script>
-<script type="text/javascript">
-(function(f,k,m,d){var j="stellar",e={scrollProperty:"scroll",positionProperty:"position",horizontalScrolling:true,verticalScrolling:true,horizontalOffset:0,verticalOffset:0,responsive:false,parallaxBackgrounds:true,parallaxElements:true,hideDistantElements:true,hideElement:function(p){p.hide()},showElement:function(p){p.show()}},g={scroll:{getLeft:function(p){return p.scrollLeft()},setLeft:function(p,q){p.scrollLeft(q)},getTop:function(p){return p.scrollTop()},setTop:function(p,q){p.scrollTop(q)}},position:{getLeft:function(p){return parseInt(p.css("left"),10)*-1},getTop:function(p){return parseInt(p.css("top"),10)*-1}},margin:{getLeft:function(p){return parseInt(p.css("margin-left"),10)*-1},getTop:function(p){return parseInt(p.css("margin-top"),10)*-1}},transform:{getLeft:function(q){var p=getComputedStyle(q[0])[i];return(p!=="none"?parseInt(p.match(/(-?[0-9]+)/g)[4],10)*-1:0)},getTop:function(q){var p=getComputedStyle(q[0])[i];return(p!=="none"?parseInt(p.match(/(-?[0-9]+)/g)[5],10)*-1:0)}}},l={position:{setLeft:function(p,q){p.css("left",q)},setTop:function(p,q){p.css("top",q)}},transform:{setPosition:function(r,t,q,s,p){r[0].style[i]="translate3d("+(t-q)+"px, "+(s-p)+"px, 0)"}}},a=(function(){var r=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,p=f("script")[0].style,q="",s;for(s in p){if(r.test(s)){q=s.match(r)[0];break}}if("WebkitOpacity" in p){q="Webkit"}if("KhtmlOpacity" in p){q="Khtml"}return function(t){return q+(q.length>0?t.charAt(0).toUpperCase()+t.slice(1):t)}}()),i=a("transform"),c=f("<div />",{style:"background:#fff"}).css("background-position-x")!==d,b=(c?function(q,p,r){q.css({"background-position-x":p,"background-position-y":r})}:function(q,p,r){q.css("background-position",p+" "+r)}),h=(c?function(p){return[p.css("background-position-x"),p.css("background-position-y")]}:function(p){return p.css("background-position").split(" ")}),n=(k.requestAnimationFrame||k.webkitRequestAnimationFrame||k.mozRequestAnimationFrame||k.oRequestAnimationFrame||k.msRequestAnimationFrame||function(p){setTimeout(p,1000/60)});function o(q,p){this.element=q;this.options=f.extend({},e,p);this._defaults=e;this._name=j;this.init()}o.prototype={init:function(){this.options.name=j+"_"+Math.floor(Math.random()*1000000000);this._defineElements();this._defineGetters();this._defineSetters();this._handleWindowLoadAndResize();this._detectViewport();this.refresh({firstLoad:true});if(this.options.scrollProperty==="scroll"){this._handleScrollEvent()}else{this._startAnimationLoop()}},_defineElements:function(){if(this.element===m.body){this.element=k}this.$scrollElement=f(this.element);this.$element=(this.element===k?f("body"):this.$scrollElement);this.$viewportElement=(this.options.viewportElement!==d?f(this.options.viewportElement):(this.$scrollElement[0]===k||this.options.scrollProperty==="scroll"?this.$scrollElement:this.$scrollElement.parent()))},_defineGetters:function(){var p=this,q=g[p.options.scrollProperty];this._getScrollLeft=function(){return q.getLeft(p.$scrollElement)};this._getScrollTop=function(){return q.getTop(p.$scrollElement)}},_defineSetters:function(){var p=this,s=g[p.options.scrollProperty],q=l[p.options.positionProperty],r=s.setLeft,t=s.setTop;this._setScrollLeft=(typeof r==="function"?function(u){r(p.$scrollElement,u)}:f.noop);this._setScrollTop=(typeof t==="function"?function(u){t(p.$scrollElement,u)}:f.noop);this._setPosition=q.setPosition||function(w,y,v,x,u){if(p.options.horizontalScrolling){q.setLeft(w,y,v)}if(p.options.verticalScrolling){q.setTop(w,x,u)}}},_handleWindowLoadAndResize:function(){var p=this,q=f(k);if(p.options.responsive){q.bind("load."+this.name,function(){p.refresh()})}q.bind("resize."+this.name,function(){p._detectViewport();if(p.options.responsive){p.refresh()}})},refresh:function(r){var q=this,s=q._getScrollLeft(),p=q._getScrollTop();if(!r||!r.firstLoad){this._reset()}this._setScrollLeft(0);this._setScrollTop(0);this._setOffsets();this._findParticles();this._findBackgrounds();if(r&&r.firstLoad&&/WebKit/.test(navigator.userAgent)){f(k).load(function(){var u=q._getScrollLeft(),t=q._getScrollTop();q._setScrollLeft(u+1);q._setScrollTop(t+1);q._setScrollLeft(u);q._setScrollTop(t)})}this._setScrollLeft(s);this._setScrollTop(p)},_detectViewport:function(){var q=this.$viewportElement.offset(),p=q!==null&&q!==d;this.viewportWidth=this.$viewportElement.width();this.viewportHeight=this.$viewportElement.height();this.viewportOffsetTop=(p?q.top:0);this.viewportOffsetLeft=(p?q.left:0)},_findParticles:function(){var p=this,s=this._getScrollLeft(),r=this._getScrollTop();if(this.particles!==d){for(var q=this.particles.length-1;q>=0;q--){this.particles[q].$element.data("stellar-elementIsActive",d)}}this.particles=[];if(!this.options.parallaxElements){return}this.$element.find("[data-stellar-ratio]").each(function(A){var E=f(this),C,H,u,D,z,t,G,y,w,B=0,F=0,v=0,x=0;if(!E.data("stellar-elementIsActive")){E.data("stellar-elementIsActive",this)}else{if(E.data("stellar-elementIsActive")!==this){return}}p.options.showElement(E);if(!E.data("stellar-startingLeft")){E.data("stellar-startingLeft",E.css("left"));E.data("stellar-startingTop",E.css("top"))}else{E.css("left",E.data("stellar-startingLeft"));E.css("top",E.data("stellar-startingTop"))}u=E.position().left;D=E.position().top;z=(E.css("margin-left")==="auto")?0:parseInt(E.css("margin-left"),10);t=(E.css("margin-top")==="auto")?0:parseInt(E.css("margin-top"),10);y=E.offset().left-z;w=E.offset().top-t;E.parents().each(function(){var I=f(this);if(I.data("stellar-offset-parent")===true){B=v;F=x;G=I;return false}else{v+=I.position().left;x+=I.position().top}});C=(E.data("stellar-horizontal-offset")!==d?E.data("stellar-horizontal-offset"):(G!==d&&G.data("stellar-horizontal-offset")!==d?G.data("stellar-horizontal-offset"):p.horizontalOffset));H=(E.data("stellar-vertical-offset")!==d?E.data("stellar-vertical-offset"):(G!==d&&G.data("stellar-vertical-offset")!==d?G.data("stellar-vertical-offset"):p.verticalOffset));p.particles.push({$element:E,$offsetParent:G,isFixed:E.css("position")==="fixed",horizontalOffset:C,verticalOffset:H,startingPositionLeft:u,startingPositionTop:D,startingOffsetLeft:y,startingOffsetTop:w,parentOffsetLeft:B,parentOffsetTop:F,stellarRatio:(E.data("stellar-ratio")!==d?E.data("stellar-ratio"):1),width:E.outerWidth(true),height:E.outerHeight(true),isHidden:false})})},_findBackgrounds:function(){var p=this,s=this._getScrollLeft(),r=this._getScrollTop(),q;this.backgrounds=[];if(!this.options.parallaxBackgrounds){return}q=this.$element.find("[data-stellar-background-ratio]");if(this.$element.data("stellar-background-ratio")){q=q.add(this.$element)}q.each(function(){var E=f(this),u=h(E),C,H,v,D,A,t,z,x,G,B=0,F=0,w=0,y=0;if(!E.data("stellar-backgroundIsActive")){E.data("stellar-backgroundIsActive",this)}else{if(E.data("stellar-backgroundIsActive")!==this){return}}if(!E.data("stellar-backgroundStartingLeft")){E.data("stellar-backgroundStartingLeft",u[0]);E.data("stellar-backgroundStartingTop",u[1])}else{b(E,E.data("stellar-backgroundStartingLeft"),E.data("stellar-backgroundStartingTop"))}A=(E.css("margin-left")==="auto")?0:parseInt(E.css("margin-left"),10);t=(E.css("margin-top")==="auto")?0:parseInt(E.css("margin-top"),10);z=E.offset().left-A-s;x=E.offset().top-t-r;E.parents().each(function(){var I=f(this);if(I.data("stellar-offset-parent")===true){B=w;F=y;G=I;return false}else{w+=I.position().left;y+=I.position().top}});C=(E.data("stellar-horizontal-offset")!==d?E.data("stellar-horizontal-offset"):(G!==d&&G.data("stellar-horizontal-offset")!==d?G.data("stellar-horizontal-offset"):p.horizontalOffset));H=(E.data("stellar-vertical-offset")!==d?E.data("stellar-vertical-offset"):(G!==d&&G.data("stellar-vertical-offset")!==d?G.data("stellar-vertical-offset"):p.verticalOffset));p.backgrounds.push({$element:E,$offsetParent:G,isFixed:E.css("background-attachment")==="fixed",horizontalOffset:C,verticalOffset:H,startingValueLeft:u[0],startingValueTop:u[1],startingBackgroundPositionLeft:(isNaN(parseInt(u[0],10))?0:parseInt(u[0],10)),startingBackgroundPositionTop:(isNaN(parseInt(u[1],10))?0:parseInt(u[1],10)),startingPositionLeft:E.position().left,startingPositionTop:E.position().top,startingOffsetLeft:z,startingOffsetTop:x,parentOffsetLeft:B,parentOffsetTop:F,stellarRatio:(E.data("stellar-background-ratio")===d?1:E.data("stellar-background-ratio"))})})},_reset:function(){var t,s,r,q,p;for(p=this.particles.length-1;p>=0;p--){t=this.particles[p];s=t.$element.data("stellar-startingLeft");r=t.$element.data("stellar-startingTop");this._setPosition(t.$element,s,s,r,r);this.options.showElement(t.$element);t.$element.data("stellar-startingLeft",null).data("stellar-elementIsActive",null).data("stellar-backgroundIsActive",null)}for(p=this.backgrounds.length-1;p>=0;p--){q=this.backgrounds[p];q.$element.data("stellar-backgroundStartingLeft",null).data("stellar-backgroundStartingTop",null);b(q.$element,q.startingValueLeft,q.startingValueTop)}},destroy:function(){this._reset();this.$scrollElement.unbind("resize."+this.name).unbind("scroll."+this.name);this._animationLoop=f.noop;f(k).unbind("load."+this.name).unbind("resize."+this.name)},_setOffsets:function(){var p=this,q=f(k);q.unbind("resize.horizontal-"+this.name).unbind("resize.vertical-"+this.name);if(typeof this.options.horizontalOffset==="function"){this.horizontalOffset=this.options.horizontalOffset();q.bind("resize.horizontal-"+this.name,function(){p.horizontalOffset=p.options.horizontalOffset()})}else{this.horizontalOffset=this.options.horizontalOffset}if(typeof this.options.verticalOffset==="function"){this.verticalOffset=this.options.verticalOffset();q.bind("resize.vertical-"+this.name,function(){p.verticalOffset=p.options.verticalOffset()})}else{this.verticalOffset=this.options.verticalOffset}},_repositionElements:function(){var v=this._getScrollLeft(),s=this._getScrollTop(),A,E,z,D,q,C,w,u=true,p=true,y,B,t,r,x;if(this.currentScrollLeft===v&&this.currentScrollTop===s&&this.currentWidth===this.viewportWidth&&this.currentHeight===this.viewportHeight){return}else{this.currentScrollLeft=v;this.currentScrollTop=s;this.currentWidth=this.viewportWidth;this.currentHeight=this.viewportHeight}for(x=this.particles.length-1;x>=0;x--){z=this.particles[x];D=(z.isFixed?1:0);if(this.options.horizontalScrolling){y=(v+z.horizontalOffset+this.viewportOffsetLeft+z.startingPositionLeft-z.startingOffsetLeft+z.parentOffsetLeft)*-(z.stellarRatio+D-1)+z.startingPositionLeft;t=y-z.startingPositionLeft+z.startingOffsetLeft}else{y=z.startingPositionLeft;t=z.startingOffsetLeft}if(this.options.verticalScrolling){B=(s+z.verticalOffset+this.viewportOffsetTop+z.startingPositionTop-z.startingOffsetTop+z.parentOffsetTop)*-(z.stellarRatio+D-1)+z.startingPositionTop;r=B-z.startingPositionTop+z.startingOffsetTop}else{B=z.startingPositionTop;r=z.startingOffsetTop}if(this.options.hideDistantElements){p=!this.options.horizontalScrolling||t+z.width>(z.isFixed?0:v)&&t<(z.isFixed?0:v)+this.viewportWidth+this.viewportOffsetLeft;u=!this.options.verticalScrolling||r+z.height>(z.isFixed?0:s)&&r<(z.isFixed?0:s)+this.viewportHeight+this.viewportOffsetTop}if(p&&u){if(z.isHidden){this.options.showElement(z.$element);z.isHidden=false}this._setPosition(z.$element,y,z.startingPositionLeft,B,z.startingPositionTop)}else{if(!z.isHidden){this.options.hideElement(z.$element);z.isHidden=true}}}for(x=this.backgrounds.length-1;x>=0;x--){q=this.backgrounds[x];D=(q.isFixed?0:1);C=(this.options.horizontalScrolling?(v+q.horizontalOffset-this.viewportOffsetLeft-q.startingOffsetLeft+q.parentOffsetLeft-q.startingBackgroundPositionLeft)*(D-q.stellarRatio)+"px":q.startingValueLeft);w=(this.options.verticalScrolling?(s+q.verticalOffset-this.viewportOffsetTop-q.startingOffsetTop+q.parentOffsetTop-q.startingBackgroundPositionTop)*(D-q.stellarRatio)+"px":q.startingValueTop);b(q.$element,C,w)}},_handleScrollEvent:function(){var q=this,r=false;var s=function(){q._repositionElements();r=false};var p=function(){if(!r){n(s);r=true}};this.$scrollElement.bind("scroll."+this.name,p);p()},_startAnimationLoop:function(){var p=this;this._animationLoop=function(){n(p._animationLoop);p._repositionElements()};this._animationLoop()}};f.fn[j]=function(q){var p=arguments;if(q===d||typeof q==="object"){return this.each(function(){if(!f.data(this,"plugin_"+j)){f.data(this,"plugin_"+j,new o(this,q))}})}else{if(typeof q==="string"&&q[0]!=="_"&&q!=="init"){return this.each(function(){var r=f.data(this,"plugin_"+j);if(r instanceof o&&typeof r[q]==="function"){r[q].apply(r,Array.prototype.slice.call(p,1))}if(q==="destroy"){f.data(this,"plugin_"+j,null)}})}}};f[j]=function(p){var q=f(k);return q.stellar.apply(q,Array.prototype.slice.call(arguments,0))};f[j].scrollProperty=g;f[j].positionProperty=l;k.Stellar=o}(jQuery,this,document));
-</script>
-<script type="text/javascript">
-(function(){function tcss(e){this.url=[],this.init(e)}function loadScript(e){var t=document.createElement("script"),n=document.getElementsByTagName("script")[0];t.src=e,t.type="text/javascript",t.async=!0,n.parentNode.insertBefore(t,n)}var _d,_l,_b,_n="-",_params,_curDomain,_curUrl,_domainToSet,_refDomain,_refUrl,_image,_ext,_hurlcn,_tt,_ch=0,_crossDomain=0;_ver="tcss.3.1.5",_speedTestUrl="http://jsqmt.qq.com/cdn_djl.js",window.Tcss={};var _pgvVersion=typeof tracert=="function"&&typeof pgvGetColumn=="function"&&typeof pgvGetTopic=="function"&&typeof pgvGetDomainInfo=="function"&&typeof pgvGetRefInfo=="function";if(typeof _rep=="undefined")var _rep=1;tcss.prototype={init:function(e){e?_params=e:_params={},_d=document;if(!_params.statIframe&&window!=top)try{_d=top.document}catch(t){}typeof _d=="undefined"&&(_d=document),_l=_d.location,_b=_d.body,_pgvVersion&&(Tcss.d=_d,Tcss.l=_l),_ext=[],_hurlcn=[],_tt=[]},run:function(){var e,t,n;e=(new Date).getTime(),_cookie.init(),this.url.push(this.getDomainInfo()),this.coverCookie(),_cookie.setCookie("ssid"),_cookie.save(),this.url.unshift("http://pingfore."+this.getCookieSetDomain(_curDomain)+"/pingd?"),this.url.push(this.getRefInfo(_params));try{navigator.cookieEnabled?this.url.push("&pvid="+_cookie.setCookie("pgv_pvid",!0)):this.url.push("&pvid=NoCookie")}catch(r){this.url.push("&pvid=NoCookie")}this.url.push(this.getMainEnvInfo()),this.url.push(this.getExtendEnvInfo()),Tcss.pgUserType="";if(_params.pgUserType||_params.reserved2){var i=_params.pgUserType||_params.reserved2;i=escape(i.substring(0,256)),Tcss.pgUserType=i,_tt.push("pu="+Tcss.pgUserType)}_pgvVersion&&(pgvGetColumn(),pgvGetTopic(),this.url.push("&column="+Tcss.column+"&subject="+Tcss.subject),tracert()),this.url.push("&vs="+_ver),_cookie.setCookie("ts_uid",!0),t=(new Date).getTime(),_ext.push("tm="+(t-e)),_ch&&_ext.push("ch="+_ch),_params.extParam?n=_params.extParam+"|":n="",this.url.push("&ext="+escape(n+_ext.join(";"))),this.url.push("&hurlcn="+escape(_hurlcn.join(";"))),this.url.push("&rand="+Math.round(Math.random()*1e5)),typeof _speedMark=="undefined"?this.url.push("&reserved1=-1"):this.url.push("&reserved1="+(new Date-_speedMark));var s=this.getSud();s&&_tt.push("su="+escape(s.substring(0,256))),this.url.push("&tt="+escape(_tt.join(";"))),this.sendInfo(this.url.join(""));if(_crossDomain==1){var o=this.getParameter("tcss_rp_dm",_d.URL);if(o!=Tcss.dm){var u=this.url.join("").replace(/\?dm=(.*?)\&/,"?dm="+o+"&");this.sendInfo(u)}}_params.hot&&(document.attachEvent?document.attachEvent("onclick",function(e){pgvWatchClick(e)}):document.addEventListener("click",function(e){pgvWatchClick(e)},!1)),_params.repeatApplay&&_params.repeatApplay=="true"&&typeof _rep!="undefined"&&(_rep=1)},getSud:function(){if(_params.sessionUserType)return _params.sessionUserType;var e=_params.sudParamName||"sessionUserType",t=this.getParameter(e,_d.URL);return t},coverCookie:function(){if(_params.crossDomain&&_params.crossDomain=="on"){var e=this.getParameter("tcss_uid",_d.URL),t=this.getParameter("tcss_sid",_d.URL),n=this.getParameter("tcss_refer",_d.URL),r=this.getParameter("tcss_last",_d.URL);t&&e&&(_crossDomain=1,_cookie.setCookie("ssid",!1,t),_cookie.save(),_cookie.setCookie("ts_refer",!0,n),_cookie.setCookie("ts_last",!0,r),_cookie.setCookie("pgv_pvid",!0,e))}},getDomainInfo:function(e){var t,n;return t=_l.hostname.toLowerCase(),_params.virtualDomain&&(_hurlcn.push("ad="+t),t=_params.virtualDomain),n=this.getCurrentUrl(),Tcss.dm=t,_pgvVersion&&pgvGetDomainInfo(),_curDomain=Tcss.dm,_domainToSet||(_domainToSet=this.getCookieSetDomain(_l.hostname.toLowerCase()),_pgvVersion&&(Tcss.domainToSet=_domainToSet)),e&&(Tcss.dm+=".hot"),"dm="+Tcss.dm+"&url="+Tcss.url},getCurrentUrl:function(){var e="",t=_n;e=_curUrl=escape(_l.pathname),_l.search!=""&&(t=escape(_l.search.substr(1)));if(_params.senseParam){var n=this.getParameter(_params.senseParam,_d.URL);n&&(e+="_"+n)}_params.virtualURL&&(_hurlcn.push("au="+e),e=_params.virtualURL),Tcss.url=e,Tcss.arg=t},getRefInfo:function(e){var t=_n,n=_n,r=_n,i=_d.referrer,s,o,u;s=e.tagParamName||"ADTAG",o=this.getParameter(s,_d.URL),u=i.indexOf("://");if(u>-1){var a=/(\w+):\/\/([^\:|\/]+)(\:\d*)?(.*\/)([^#|\?|\n]+)?(#.*)?(\?.*)?/i,f=i.match(a);f&&(t=f[2],n=f[4]+(f[5]?f[5]:""))}if(i.indexOf("?")!=-1){var u=i.indexOf("?")+1;r=i.substr(u)}var l=t;_params.virtualRefDomain&&(t!=_n&&_hurlcn.push("ard="+t),t=_params.virtualRefDomain),_params.virtualRefURL&&(n!=_n&&_hurlcn.push("aru="+escape(n)),n=_params.virtualRefURL);var c;o&&(c=t+n,t="ADTAG",n=o),_refDomain=t,_refUrl=escape(n);if(_refDomain==_n||_refDomain=="ADTAG"&&l==_n){var h=_cookie.get("ts_last=",!0);h!=_n&&_ext.push("ls="+h)}_cookie.setCookie("ts_last",!0,escape((_l.hostname+_l.pathname).substring(0,128)));var p=_cookie.get("ts_refer=",!0);p!=_n&&_ext.push("rf="+p);var d=_l.hostname;_params.inner&&(d=","+d+","+_params.inner+",");if(!(_refDomain==_n||(","+d+",").indexOf(_refDomain)>-1||_crossDomain==1)){var v=escape((_refDomain+n).substring(0,128));v!=p&&(_ch=2),_cookie.setCookie("ts_refer",!0,v)}return Tcss.rdm=_refDomain,Tcss.rurl=_refUrl,Tcss.rarg=escape(r),_pgvVersion&&pgvGetRefInfo(),c?"&rdm="+Tcss.rdm+"&rurl="+Tcss.rurl+"&rarg="+Tcss.rarg+"&or="+c:"&rdm="+Tcss.rdm+"&rurl="+Tcss.rurl+"&rarg="+Tcss.rarg},getMainEnvInfo:function(){var e="";try{var t=_n,n=_n,r=_n,i=_n,s=_n,o=0,u=navigator;self.screen&&(t=screen.width+"x"+screen.height,n=screen.colorDepth+"-bit"),u.language?r=u.language.toLowerCase():u.browserLanguage&&(r=u.browserLanguage.toLowerCase()),o=u.javaEnabled()?1:0,i=u.platform,s=(new Date).getTimezoneOffset()/60,e="&scr="+t+"&scl="+n+"&lang="+r+"&java="+o+"&pf="+i+"&tz="+s}catch(a){}finally{return e}},getExtendEnvInfo:function(){var e="";try{var t,n=_l.href,r=_n;e+="&flash="+this.getFlashInfo(),_b.addBehavior&&(_b.addBehavior("#default#homePage"),_b.isHomePage(n)&&(e+="&hp=Y")),_b.addBehavior&&(_b.addBehavior("#default#clientCaps"),r=_b.connectionType),e+="&ct="+r}catch(i){}finally{return e}},getFlashInfo:function(){var f=_n,n=navigator;try{if(n.plugins&&n.plugins.length){for(var i=0;i<n.plugins.length;i++)if(n.plugins[i].name.indexOf("Shockwave Flash")>-1){f=n.plugins[i].description.split("Shockwave Flash ")[1];break}}else if(window.ActiveXObject)for(var i=12;i>=5;i--)try{var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+i+"');");if(fl){f=i+".0";break}}catch(e){}}catch(e){}return f},getParameter:function(e,t){if(e&&t){var n=new RegExp("(\\?|#|&)"+e+"=([^&^#]*)(#|&|$)"),r=t.match(n);return r?r[2]:""}return""},getCookieSetDomain:function(e){var t,n,r,i=[],s=0;for(var o=0;o<e.length;o++)e.charAt(o)=="."&&(i[s]=o,s++);return t=i.length,n=e.indexOf(".cn"),n>-1&&t--,r="qq.com",t==1?r=e:t>1&&(r=e.substring(i[t-2]+1)),r},watchClick:function(e){try{var t=!0,n="",r;r=window.event?window.event.srcElement:e.target;switch(r.tagName){case"A":n="<A href="+r.href+">"+r.innerHTML+"</a>";break;case"IMG":n="<IMG src="+r.src+">";break;case"INPUT":n="<INPUT type="+r.type+" value="+r.value+">";break;case"BUTTON":n="<BUTTON>"+r.innerText+"</BUTTON>";break;case"SELECT":n="SELECT";break;default:t=!1}if(t){var i=new tcss(_params),s=i.getElementPos(r);if(_params.coordinateId){var o=i.getElementPos(document.getElementById(_params.coordinateId));s.x-=o.x}i.url.push(i.getDomainInfo(!0)),i.url.push("&hottag="+escape(n)),i.url.push("&hotx="+s.x),i.url.push("&hoty="+s.y),i.url.push("&rand="+Math.round(Math.random()*1e5)),i.url.unshift("http://pinghot."+this.getCookieSetDomain(_curDomain)+"/pingd?"),i.sendInfo(i.url.join(""))}}catch(u){}},getElementPos:function(e){if(e.parentNode===null||e.style.display=="none")return!1;var t=navigator.userAgent.toLowerCase(),n=null,r=[],i;if(e.getBoundingClientRect){var s,o,u,a;return i=e.getBoundingClientRect(),s=Math.max(document.documentElement.scrollTop,document.body.scrollTop),o=Math.max(document.documentElement.scrollLeft,document.body.scrollLeft),u=document.body.clientTop,a=document.body.clientLeft,{x:i.left+o-a,y:i.top+s-u}}if(document.getBoxObjectFor){i=document.getBoxObjectFor(e);var f=e.style.borderLeftWidth?Math.floor(e.style.borderLeftWidth):0,l=e.style.borderTopWidth?Math.floor(e.style.borderTopWidth):0;r=[i.x-f,i.y-l]}else{r=[e.offsetLeft,e.offsetTop],n=e.offsetParent;if(n!=e)while(n)r[0]+=n.offsetLeft,r[1]+=n.offsetTop,n=n.offsetParent;if(t.indexOf("opera")>-1||t.indexOf("safari")>-1&&e.style.position=="absolute")r[0]-=document.body.offsetLeft,r[1]-=document.body.offsetTop}e.parentNode?n=e.parentNode:n=null;while(n&&n.tagName!="BODY"&&n.tagName!="HTML")r[0]-=n.scrollLeft,r[1]-=n.scrollTop,n.parentNode?n=n.parentNode:n=null;return{x:r[0],y:r[1]}},sendClick:function(){_params.hottag&&(this.url.push(this.getDomainInfo(!0)),this.url.push("&hottag="+escape(_params.hottag)),this.url.push("&hotx=9999&hoty=9999"),this.url.push("&rand="+Math.round(Math.random()*1e5)),this.url.unshift("http://pinghot."+this.getCookieSetDomain(_curDomain)+"/pingd?"),this.sendInfo(this.url.join("")))},pgvGetArgs:function(){this.getDomainInfo();var e=[];return e.push("tcss_rp_dm="+Tcss.dm),e.push("tcss_uid="+_cookie.get("pgv_pvid=",!0)),e.push("tcss_sid="+_cookie.get("ssid=",!0)),e.push("tcss_refer="+_cookie.get("ts_refer=",!0)),e.push("tcss_last="+_cookie.get("ts_last=",!0)),e.join("&")},sendInfo:function(e){_image=new Image(1,1),Tcss.img=_image,_image.onload=_image.onerror=_image.onabort=function(){_image.onload=_image.onerror=_image.onabort=null,Tcss.img=null},_image.src=e}};var _cookie={sck:[],sco:{},init:function(){var e=this.get("pgv_info=",!0);if(e!=_n){var t=e.split("&");for(var n=0;n<t.length;n++){var r=t[n].split("=");this.set(r[0],unescape(r[1]))}}},get:function(e,t){var n=t?_d.cookie:this.get("pgv_info=",!0),r=_n,i,s;i=n.indexOf(e);if(i>-1){i+=e.length,s=n.indexOf(";",i),s==-1&&(s=n.length);if(!t){var o=n.indexOf("&",i);o>-1&&(s=Math.min(s,o))}r=n.substring(i,s)}return r},set:function(e,t){this.sco[e]=t;var n=!1,r=this.sck.length;for(var i=0;i<r;i++)if(e==this.sck[i]){n=!0;break}n||this.sck.push(e)},setCookie:function(e,t,n){var r=_l.hostname,i=_cookie.get(e+"=",t);if(i==_n&&!n){switch(e){case"ts_uid":_ext.push("nw=1");break;case"ssid":_ch=1}t?i="":i="s";var s=(new Date).getUTCMilliseconds();i+=Math.round(Math.abs(Math.random()-1)*2147483647)*s%1e10}else i=n?n:i;if(t)switch(e){case"ts_uid":this.saveCookie(e+"="+i,r,this.getExpires(1051200));break;case"ts_refer":this.saveCookie(e+"="+i,r,this.getExpires(259200));break;case"ts_last":this.saveCookie(e+"="+i,r,this.getExpires(30));break;default:this.saveCookie(e+"="+i,_domainToSet,"expires=Sun, 18 Jan 2038 00:00:00 GMT;")}else this.set(e,i);return i},getExpires:function(e){var t=new Date;return t.setTime(t.getTime()+e*60*1e3),"expires="+t.toGMTString()},save:function(){if(_params.sessionSpan){var e=new Date;e.setTime(e.getTime()+_params.sessionSpan*60*1e3)}var t="",n=this.sck.length;for(var r=0;r<n;r++)t+=this.sck[r]+"="+this.sco[this.sck[r]]+"&";t="pgv_info="+t.substr(0,t.length-1);var i="";e&&(i="expires="+e.toGMTString()),this.saveCookie(t,_domainToSet,i)},saveCookie:function(e,t,n){_d.cookie=e+";path=/;domain="+t+";"+n}};window.pgvMain=function(e,t){var n="";t?(n=t,_ver="tcsso.3.1.5"):(n=e,_ver="tcss.3.1.5");try{_pgvVersion&&(typeof pvRepeatCount!="undefined"&&pvRepeatCount==1?(_rep=1,pvRepeatCount=2):_rep=2);if(_rep!=1)return;_rep=2,(new tcss(n)).run()}catch(r){}},window.pgvSendClick=function(e){(new tcss(e)).sendClick()},window.pgvWatchClick=function(e){(new tcss(e)).watchClick(e)},window.pgvGetArgs=function(e){return(new tcss(e)).pgvGetArgs()},loadScript(_speedTestUrl)})()
-</script>
-<script type="text/javascript">
-(function($){$.fn.navtab=function(configs){var settings=$.extend({toggleClass:"current",targetClass:"subnav"},configs||{});return this.each(function(){var container=this;var $tags=$(container).children();var cur=0;var index=0;$tags.each(function(i,item){if($(item).hasClass(settings.toggleClass)){if(i!==index){cur=index=i}}if($(this).children("."+settings.targetClass)){var targetNode=$(this).children("."+settings.targetClass)}$(item).hover(function(){$tags.eq(cur).removeClass(settings.toggleClass);$(this).addClass(settings.toggleClass);cur=i;if(!!targetNode){targetNode.slideDown(200)}},function(){if(!!targetNode){targetNode.hide()}})});$(container).mouseleave(function(){if(cur!==index){$tags.eq(cur).removeClass(settings.toggleClass);$tags.eq(index).addClass(settings.toggleClass);cur=index}})})};$.fn.picfade=function(configs){var settings=$.extend({tags:"li",toggleClass:"on",auto:true,shownav:true,timerange:6000},configs||{});return this.each(function(){var container=this;var $tags=$(container).children();var tagslen=$tags.size();if(tagslen<2){return false}var curid=0;var targetid=0;var timer=null;if(settings.shownav){var $nav=$('<div class="circle"></div>').insertAfter(container);var navStr="";for(var i=0;i<tagslen;i++){navStr+="<span>&nbsp;</span>"}var $as=$nav.html(navStr).children();$as.first().addClass(settings.toggleClass);$as.each(function(i,item){$(item).mouseover(function(){settings.auto=false;targetid=i;fade(curid,targetid);curid=targetid}).mouseout(function(){settings.auto=true})})}$(container).hover(function(){settings.auto=false},function(){settings.auto=true});timer=window.setInterval(function(){if(!settings.auto){return false}if(targetid===tagslen-1){targetid=0}else{targetid+=1}fade(curid,targetid);curid=targetid},settings.timerange);function fade(cid,nextid){if(cid===nextid){return false}$tags.eq(cid).fadeOut(1000);$tags.eq(nextid).fadeIn(800);if(settings.shownav){$as.eq(cid).removeClass(settings.toggleClass);$as.eq(nextid).addClass(settings.toggleClass)}}})};$.fn.pgvClick=function(configs){var settings=$.extend({attrName:"pgv",domainName:"im.qq.com"},configs||{});return this.each(function(){if(typeof pgvSendClick!=="function"){return false}var getHash=function(name){var reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)");var r=window.location.hash.substring(1).match(reg);if(!!r){return unescape(r[2])}return null};var getSearch=function(name){var reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)");var r=window.location.search.substring(1).match(reg);if(!!r){return unescape(r[2])}return null};var adtagData=getSearch("adtag")||getHash("adtag")||"";$(this).bind("click",function(event){var target=event.target;var tags=[];do{var pgv=$(target).attr(settings.attrName);if(pgv){if(!!adtagData){tags.push(pgv+"adtag="+adtagData)}else{tags.push(pgv)}}}while(target.parentNode&&target.parentNode!=document&&(target=target.parentNode));pgvSendClick({virtualDomain:settings.domainName,hottag:tags.join(";")})})})};$.extend({qReport:function(configs){var buffer={},INDEX_TABLE=$.extend({"1":[0,519487],"2":[0,519488],"3":[0,519489]},configs||{}),timer=null;var sendReport=function(url){var img=new Image();img.src=url;img.onload=img.onerror=function(){this.onload=this.onerror=null};img=null};function sendAll(){var msg=[];for(var i in buffer){msg.push(buffer[i]+"-"+INDEX_TABLE[i][0]+"-"+INDEX_TABLE[i][1]+"_"+buffer[i])}if(msg.length>0){sendReport("http://mma.qq.com/cgi-bin/report/report2?id=172&rs="+msg.join("|_|")+"&r="+Math.random());buffer={}}}return function(key,value){if(INDEX_TABLE[key]){buffer[key]=(buffer[key]||0)+(value||1);if(timer){window.clearTimeout(timer)}timer=window.setTimeout(sendAll,500)}}}()});$.fn.imLogin=function(configs){var settings=$.extend({loginPenel:"loginPenel",loginBtn:"login",lgoutBtn:"lgout"},configs||{});return this.each(function(){var target=this;var cookie={get:function(n){var m=document.cookie.match(new RegExp("(^| )"+n+"=([^;]*)(;|$)"));return !m?"":decodeURIComponent(m[2])},set:function(name,value,domain,path,hour){var expire=new Date();expire.setTime(expire.getTime()+(hour?3600000*hour:30*24*60*60*1000));document.cookie=name+"="+value+"; expires="+expire.toGMTString()+"; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},del:function(name,domain,path){document.cookie=name+"=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},uin:function(){var u=cookie.get("uin");return !u?null:parseInt(u.substring(1,u.length),10)}};var htmlEncodeDict={'"':"#34","<":"#60",">":"#62","&":"#38"," ":"#160"};var encodeHtml=function(s){s+="";return s.replace(/["<>& ]/g,function(all){return"&"+htmlEncodeDict[all]+";"})};window.loginAll=function(json){if(json&&json.result===0){uin=cookie.uin();$(target).hide();$("#nick").html("hi,"+encodeHtml(json.nick));var $loginImg=$('<img id="loginImg" src="'+json.Face+'" alt="" />').insertAfter("#login");$loginImg.mouseover(function(){$("#"+settings.loginPenel).slideDown(300)});$("#loginInfo").mouseleave(function(){$("#"+settings.loginPenel).hide()})}};try{var uin=cookie.uin();var skey=cookie.get("skey");if(!!uin){$.getScript("http://qfwd.qq.com/?uin="+uin+"&skey="+skey+"&func=loginAll&refresh=0&ran="+Math.random(),function(){})}}catch(e){}window.ptlogin2_onClose=function(){$("#login_div").hide();$("#overlay").fadeOut()};window.ptlogin2_onResize=function(width,height){$("#login_div").css({width:width,height:height,visibility:"hidden"}).css("visibility","visible")};function str2JSON(str){eval("var __pt_json="+str);return __pt_json}if(typeof window.postMessage!=="undefined"){window.onmessage=function(event){var msg=event||window.event;var data;if(typeof JSON!=="undefined"){data=JSON.parse(msg.data)}else{data=str2JSON(msg.data)}switch(data.action){case"close":ptlogin2_onClose();break;case"resize":ptlogin2_onResize(data.width,data.height);break;default:break}}}var showLogin=function(){var loginWin=$("#login_div");var _url=window.location.href;if(!loginWin.length){loginWin=$('<div id="login_div" class="login_div"><iframe name="login_frame" frameborder="0" scrolling="auto" width="100%" height="100%" src="http://xui.ptlogin2.qq.com/cgi-bin/xlogin?appid=501038301&proxy_url=http%3A%2F%2Fid.qq.com%2Flogin%2Fproxy.html&s_url='+encodeURIComponent(_url)+'"></iframe></div>');loginWin.appendTo($("body"))}$("#overlay").css({opacity:"0.5"}).fadeIn();$("#overlay").css({height:$(document).height()});loginWin.show()};$(target).click(function(e){e.preventDefault();showLogin()});$("#"+settings.lgoutBtn).click(function(e){e.preventDefault();cookie.del("uin",".qq.com");cookie.del("skey",".qq.com");cookie.del("uin","im.qq.com");cookie.del("skey","im.qq.com");$("#"+settings.loginPenel).hide();$(target).show();$("#loginImg").hide()})})}})(jQuery);
-</script>
-<script type="text/javascript">$(function(){$.qReport(1);$.stellar({horizontalScrolling:false,verticalOffset:40});$("#topNav").navtab();$("#crossbanenr").picfade({timerange:3000});$("body").pgvClick();if(window.pgvMain){window.pgvMain()}swfobject.embedSWF("http://im.qq.com/online/flash/flash20140304.swf","flashBox","910","700","9.0.0","expressInstall.swf");$("#viewOnline").click(function(e){e.preventDefault();$("#flashDiv").show();$("#overlay").css({opacity:"0.9"}).fadeIn();$("#overlay").css({height:$(document).height()})});$("#flashClose").click(function(e){e.preventDefault();$("#flashDiv").hide();$("#overlay").fadeOut()});window.online_resp=function(data){if(data&&data.c){$("#cur_online").text(data.c.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"))}};$.getJSON("http://mma.qq.com/cgi-bin/im/online&callback=?",function(data){});var cookie={get:function(n){var m=document.cookie.match(new RegExp("(^| )"+n+"=([^;]*)(;|$)"));return !m?"":decodeURIComponent(m[2])},set:function(name,value,domain,path,hour){var expire=new Date();expire.setTime(expire.getTime()+(hour?3600000*hour:30*24*60*60*1000));document.cookie=name+"="+value+"; expires="+expire.toGMTString()+"; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},del:function(name,domain,path){document.cookie=name+"=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},uin:function(){var u=cookie.get("uin");return !u?null:parseInt(u.substring(1,u.length),10)}};var htmlEncodeDict={'"':"#34","<":"#60",">":"#62","&":"#38"," ":"#160"};var encodeHtml=function(s){s+="";return s.replace(/["<>& ]/g,function(all){return"&"+htmlEncodeDict[all]+";"})};window.loginAll=function(json){if(json&&json.result==0){uin=cookie.uin();$("#login").hide();$("#nick").html("hi,"+encodeHtml(json.nick));var $loginImg=$('<img id="loginImg" src="'+json.Face+'" alt="" />').insertAfter("#login");$("#loginInfo").addClass("logined");$("#loginInfo").hover(function(){if($(this).hasClass("logined")){$("#loginPenel").slideDown(300)}},function(){$("#loginPenel").hide()})}};try{var uin=cookie.uin();var skey=cookie.get("skey");if(!!uin){$.getScript("http://qfwd.qq.com/?uin="+uin+"&skey="+skey+"&func=loginAll&refresh=0&ran="+Math.random(),function(){})}}catch(e){}window.ptlogin2_onClose=function(){$("#login_div").hide();$("#overlay").fadeOut()};window.ptlogin2_onResize=function(width,height){$("#login_div").css({width:width,height:height,visibility:"hidden"}).css("visibility","visible")};function str2JSON(str){eval("var __pt_json="+str);return __pt_json}if(typeof window.postMessage!=="undefined"){window.onmessage=function(event){var msg=event||window.event;var data;if(typeof JSON!=="undefined"){data=JSON.parse(msg.data)}else{data=str2JSON(msg.data)}switch(data.action){case"close":ptlogin2_onClose();break;case"resize":ptlogin2_onResize(data.width,data.height);break;default:break}}}var showLogin=function(){var loginWin=$("#login_div");var _url=window.location.href;if(!loginWin.length){loginWin=$('<div id="login_div" class="login_div"><iframe name="login_frame" frameborder="0" scrolling="auto" width="100%" height="100%" src="http://xui.ptlogin2.qq.com/cgi-bin/xlogin?appid=501038301&proxy_url=http%3A%2F%2Fid.qq.com%2Flogin%2Fproxy.html&s_url='+encodeURIComponent(_url)+'"></iframe></div>');loginWin.appendTo($("body"))}$("#overlay").css({opacity:"0.5"}).fadeIn();$("#overlay").css({height:$(document).height()});loginWin.show()};$("#login").click(function(e){e.preventDefault();showLogin()});$("#lgout").click(function(e){e.preventDefault();cookie.del("uin",".qq.com");cookie.del("skey",".qq.com");cookie.del("uin","im.qq.com");cookie.del("skey","im.qq.com");$("#loginPenel").hide();$("#login").show();$("#loginImg").hide();$("#loginInfo").removeClass("logined")});var mod=$(".qfigure");var $body=$("body");var dataArr=[];$(mod).each(function(i,item){if(i===0){dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)-500}else{dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)}});var winHeight=$(window).height();var bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){});$(window).resize(function(){winHeight=$(window).height();bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){})});var isIE=!!window.ActiveXObject;var scrollTop=$(window).scrollTop();var clientHeight=$(window).height();var contentHeight=584;var barHeight=600;var firstHeight=778;var topHeight=321;var thirdScroll=clientHeight<(topHeight+firstHeight)?contentHeight:(contentHeight-clientHeight+topHeight+firstHeight);var fourthScroll=thirdScroll+contentHeight+barHeight;var fifthScroll=fourthScroll+contentHeight+barHeight;var sixthScroll=fifthScroll+contentHeight+barHeight;var changeH=(firstHeight+topHeight-clientHeight)/2;var st=new Date().getTime();$(window).scroll(function(e){scrollTop=$(window).scrollTop();if(scrollTop>=firstHeight){$("#topbar").addClass("topicfixed")}else{if($("#topbar").hasClass("topicfixed")){$("#topbar").removeClass("topicfixed")}}if(scrollTop<100){$body.attr("id","pg0")}$(dataArr).each(function(i,item){if(Math.floor(winHeight/2)+scrollTop>=item){$body.attr("id","pg"+(i+1))}});if(scrollTop+winHeight>=bodyheight){$body.attr("id","pg3")}})});</script>
 </body>
 </html>

Difference between revisions of "Team:Amoy"

Latest revision as of 02:33, 19 September 2015

Team

Project

Notebook

Interlab

Newsletter

Practice

Judging

Safety

News
letter