<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>{aspcms:sitetitle}{aspcms:additiontitle}</title>
<meta name="Keywords" content="{aspcms:sitekeywords}" >
<meta name="Description" content="{aspcms:sitedesc}" >
<link href="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css/tg_comm.css" rel="stylesheet" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/icon.png" />
<!--[if IE 6]>
<script src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('.flash_bar,#tit_fc1,#tit_fc2,#tit_fc3,#tit_fc4,#flashLine');
</script>
<![endif]-->
<link href="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css/tg_index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--header begin-->
<div class="headerbg">
  <div class="header">
    <div id="logo"><a href="/"><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/tg_logo.png" width="240" height="60" /></a></div>
    <div class="nav"> <a href="/" class="dqn0" title="Home" hidefocus="true"></a> {aspcms:navlist}{if:[navlist:i]<6}<a href="[navlist:link]" class="{if1:[navlist:sortid]={aspcms:sortid}}dqn{else}n{end if1}[navlist:i]" title="Portfolio" hidefocus="true"{if2:[navlist:i]=5} target="_blank"{end if2}></a>{end if}{/aspcms:navlist} </div>
  </div>
</div>
<!--header end--> 
<!--flash begin-->
<div id="flashBg">
  <div id="flashLine">
    <div id="flash"> {aspcms:content sort=114 num=3 order=order} <a href="[content:link]" target="_blank"  id="flash[content:i]"{if:[content:i]=1} style="display:block;"{end if} name="#{if:[content:i]=3}04304b{else}000000{end if}"><img src="[content:pic]" width="980" height="393" /></a> {/aspcms:content}
      <div class="flash_bar"> {aspcms:content sort=114 num=3 order=order}
        <div class="{if:[content:i]=1}dq{else}no{end if}" id="f[content:i]" onClick="changeflash([content:i])"></div>
        {/aspcms:content} </div>
    </div>
  </div>
</div>
<!--flash end-->
<div class="hotnews">
  <style>
#google1{ height:33px; line-height:33px; overflow:hidden;}
</style>
  <div id="google1">
    <ul id="dhooo1">
      {aspcms:content sort=107 num=5 order=order}
      <li><a href="[content:link]" target="_blank">[content:title]</a></li>
      {/aspcms:content}
    </ul>
  </div>
  <script type="text/javascript">
<!--
var Marquee=function(A,B,C,D,E,F){
	var $=function (id){return document.getElementById(id)},Y=+!!F;
	(A=$(A)).appendChild((B=$(B)).cloneNode(true));
	(function (){
		var m=A.scrollTop%C?(E||0):D;
		A.scrollTop=[0,B.offsetHeight][Y]==A.scrollTop?[B.offsetHeight-1,1][Y]:(A.scrollTop+[-1,1][Y]);
		setTimeout(arguments.callee,m);
	})()
	return arguments.callee;
}
Marquee('google1','dhooo1',33,8000,30,1);
-->
</script> </div>
<!--About begin-->
<div class="index_about">
  <div class="about_team">
    <div class="team"><a href="{aspcms:type sort=111}[type:link]{/aspcms:type}" class="team" title="我们的团队"></a></div>
    <p>岁月工作室-专业提供网站建设 DEDECMS网站模版仿制 客服QQ：540400100 专业的交互设计、创新理念、视觉呈现。鼎力为国内外企业提供全方位多平台的设计解决方案。</p>
  </div>
  <div class="about_ser">
    <div class="ser"><a href="{aspcms:type sort=110}[type:link]{/aspcms:type}" class="ser" title="我们的服务"></a></div>
    <ul>
      <li>&#160;企业标志、企业VI识别系统设计</li>
      <li>&#160;网页设计及网站全站建设解决方案</li>
      <li>&#160;主流程序插件及二次开发</li>
      <li>&#160;平面及印刷品设计</li>
    </ul>
  </div>
  <div class="about_order">
    <div class="order"><a href="{aspcms:type sort=112}[type:link]{/aspcms:type}" class="order" title="项目合作"></a></div>
    <p>快速和SEO SUIYUE(岁月工作室)  设计工作室建立合作意向，专业的团队会为您的品牌注入新的活力，为企业创造优质的服务和完美的解决方案。</p>
  </div>
  <!--item begin-->
  <div id="tg_item">
    <div id="item1" class="item">
      <div class="item1" name="divClick"></div>
      <div id="tit_fc1"></div>
      <img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/tg_item1.jpg" width="236" height="132" /> </div>
    <div id="item2" class="item">
      <div class="item2" name="divClick"></div>
      <div id="tit_fc2"></div>
      <img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/tg_item2.jpg" width="236" height="132" /> </div>
    <div id="item3" class="item">
      <div class="item3" name="divClick"></div>
      <div id="tit_fc3"></div>
      <img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/tg_item3.jpg" width="236" height="132" /> </div>
    <div id="item4" class="item">
      <div class="item4" name="divClick"></div>
      <div id="tit_fc4"></div>
      <img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/tg_item4.jpg" width="236" height="132" /> </div>
  </div>
  <div class="PopBox" id="Pop1" name="PopBox">
    <div class="pop1"><a href="javascript:void(0)" class="close" onClick="ClosePop(1)" title="关闭"><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/null.gif" width="34" height="34" /></a></div>
    <div class="pop_bg">我们的高级用户体验师会参与产品整个设计周期，为您的网站从产品创新，界面视觉引导，原型设计，与开发一起推动设计实现。将产品及您的构想设计出可视化的视觉元素，比如Flash,icon,边框，用户控件，窗口规范，图形化的布局等。同设计团队发展重要附加值的概念，修订产品，完善产品原型。从而对有效提升产品的可行性，交互流程的合理性，用户的易用性。</div>
  </div>
  <div class="PopBox" id="Pop2" name="PopBox">
    <div class="pop2"><a href="javascript:void(0)" class="close" onClick="ClosePop(2)">&#160;</a></div>
    <div class="pop_bg">岁月工作室从创办以来始终以出众的视觉艺术设计和应用表现能力影响着我们的每一个客户及每一个使用者。每个作品都能带给观众真正意义上的视觉享受。在传达品牌理念的同时始终能以用户体验为核心进行创新设计，满足您的任何创新需求。我们拥有业界最顶尖的视觉设计师，最专业的设计团队和设计流程规范会为您的企业提升品质、提高价值。</div>
  </div>
  <div class="PopBox" id="Pop3" name="PopBox">
    <div class="pop3"><a href="javascript:void(0)" class="close" onClick="ClosePop(3)">&#160;</a></div>
    <div class="pop_bg">我们的Web前端开发团队由国内知名门户资深Web前端开发工程师组成。为上游视觉设计师和下游系统工程师顺畅沟通架起桥梁。在确保前端代码组织有序下将结构与表现(Xhtml+CSS)相分离，提高代码可维护性和组件易用性。页面小、速度快、并且兼容FF、chrome、Opera、Safari、IE6至IE9等主流浏览器。同时为品牌网站供优秀的SEO服务和顾问咨询。提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。</div>
  </div>
  <div class="PopBox" id="Pop4" name="PopBox">
    <div class="pop4"><a href="javascript:void(0)" class="close" onClick="ClosePop(4)">&#160;</a></div>
    <div class="pop_bg">岁月工作室-是一支专业、年轻的队伍，每个成员都有着多款成功产品的开发经验，可以满足客户的各种需求。真正为您的企业铸造坚实的后盾。</div>
  </div>
  <!--item end--> 
</div>
<!--About end--> 
<!--out clients begin-->
<div id="clients">
  <div class="L"></div>
  <div class="R"></div>
  <div class="Con">
    <ul>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_1.gif" width="110" height="50" onMouseOver="ChangeImg(1)" onMouseOut="ResetImg(1)" id="img1" /></li>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_2.gif" width="120" height="50" onMouseOver="ChangeImg(2)" onMouseOut="ResetImg(2)" id="img2"/></li>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_3.gif" width="125" height="50" onMouseOver="ChangeImg(3)" onMouseOut="ResetImg(3)" id="img3"/></li>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_4.gif" width="115" height="50" onMouseOver="ChangeImg(4)" onMouseOut="ResetImg(4)" id="img4"/></li>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_5.gif" width="120" height="50" onMouseOver="ChangeImg(5)" onMouseOut="ResetImg(5)" id="img5"/></li>
      <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_6.gif" width="95" height="50" onMouseOver="ChangeImg(6)" onMouseOut="ResetImg(6)" id="img6"/></li>
    </ul>
  </div>
</div>
<!--out clients end--> 
{aspcms:foot} 
<script src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/js/jquery-1.4.2.min.js"></script> 
<script>
$(document).ready(function(){
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal");	}, function() {$("#tit_fc1").slideUp("fast");});
$(".item2").hover(function(){$("#tit_fc2").slideDown("normal");	}, function() {$("#tit_fc2").slideUp("fast");});
$(".item3").hover(function(){$("#tit_fc3").slideDown("normal");	}, function() {$("#tit_fc3").slideUp("fast");});
$(".item4").hover(function(){$("#tit_fc4").slideDown("normal");	}, function() {$("#tit_fc4").slideUp("fast");});
});
var currentindex=1;
$("#flashBg").css("background-color",$("#flash1").attr("name"));
function changeflash(i) {
currentindex=i;
for (j=1;j<=3;j++){
	if (j==i)
	{$("#flash"+j).fadeIn("normal");
	$("#flash"+j).css("display","block");
	$("#f"+j).removeClass();
	$("#f"+j).addClass("dq");
	$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
	}
	else
	{$("#flash"+j).css("display","none");
	$("#f"+j).removeClass();
	$("#f"+j).addClass("no");}
}}
function startAm(){
timerID = setInterval("timer_tick()",10000);
}
function stopAm(){
clearInterval(timerID);
}
function timer_tick() {
    currentindex=currentindex>=3?1:currentindex+1;
	changeflash(currentindex);}
$(document).ready(function(){
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
startAm();
});
function ChangeImg(i){
	$("#img"+i).removeAttr("src");
	$("#img"+i).attr("src","{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_"+i+"a.gif");
	}
function ResetImg(i){
	$("#img"+i).removeAttr("src");
	$("#img"+i).attr("src","{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/clients_"+i+".gif");
	}
//----Popfc
function ClosePop(i){
	$("#Pop"+i).fadeOut("normal")}
$(function() {
            $("div[name='divClick']").click(function() {
				if ($(this).attr('class')=='item1')
				{
                var showDiv = $("#Pop1");   //得到层对象
				}
				if ($(this).attr('class')=='item2')
				{
                var showDiv = $("#Pop2");   //得到层对象
				}
				if ($(this).attr('class')=='item3')
				{
                var showDiv = $("#Pop3");   //得到层对象
				}
				if ($(this).attr('class')=='item4')
				{
                var showDiv = $("#Pop4");   //得到层对象
				}
                var divName = showDiv.attr('name');   //得到这个层的name
                if (showDiv.is(":hidden")) {     //判断层是否隐藏
                    $("div[name='" + divName + "']").hide("normal");
                    showDiv.fadeIn("normal");              //true：显示
                    $('body').one('click', function() {    //给BODY绑定一次性点击事件
                        showDiv.fadeOut("normal");                    //点击BODY显示层
                    });
                    return false;                           //返回
                }
                else {
                    showDiv.hide();                   //false:显示层
                    $('body').one('click', function() {    //给BODY绑定一次性点击事件
                        showDiv.fadeOut("normal");                    //点击BODY显示层
                    });
                    return false;                           //返回
                }
            });
            $("div[name='PopBox']").click(function() {     //点击显示部分不隐藏
                return false;
            });
        });
</script>
</body>
</html>