<!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="Content-Type" content="text/html; charset=gb2312" />
<title>���ò�</title>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="keywords" content="">
<meta name="description" content="���ò���ַ����
���ò��ֻ���ַ
���ò��ֻ�">
<meta name="���˷�ͧ" content="design by www.meet-top.com" />
<meta name="��������" content="design by gdjrdz.com" />
<link href="/templets/mzip/css/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!--ͷ�����뿪ʼ-->
<div class="blue"></div>
<div id="top" class="header">
	<div class="ln"><!--logo�͵���-->
    	<div class="logo"><a href="/"><img src="/templets/mzip/images/logo.png" alt="���ò�"/></a></div>
        <div class="nav">
        	<li><a href="/">��ҳ</a></li>
            
        	<li><a href="/service/">���з���</a></li>
            
        	<li><a href="/web/">�������</a></li>
            
        	<li><a href="/webs/">WEB����</a></li>
            
        	<li><a href="/phpotoshop/">��Ʒ���</a></li>
            
        	<li><a href="/about/">��������</a></li>
            
        	<li><a href="/contact/">��ϵ����</a></li>
            
        </div>
    </div>
</div>
<!--ͷ���������-->
 

<!--���ݲ��ִ��뿪ʼ-->
<div id="main"> 
  <!--focus start-->
  <div class="focus" id="focus">
    <div id="focus_m" class="focus_m">
      <ul>
        <li class="li_1"><a href="#" hidefocus="true"></a></li>
        <li class="li_2"><a href="#" hidefocus="true"></a></li>
        <li class="li_3"><a href="#" hidefocus="true"></a></li>
      </ul>
    </div>
    <div class="lr"> <a href="javascript:;" class="focus_l" id="focus_l" hidefocus="true"><b></b><span></span></a> <a href="javascript:;" class="focus_r" id="focus_r" hidefocus="true"><b></b><span></span></a> </div>
  </div>
  <script type="text/javascript" src="/templets/mzip/js/jquery.js"></script> 
  <script type="text/javascript" src="/templets/mzip/js/script.js"></script> 
  <!--focus end-->
  
  <div class="service">
    <h3>WE OFFER <font color="#30d0e6">THE SERVICS</font>
      <p>���ǵķ���</p>
    </h3>
    <div class="project">
      <li><a href="/service/"><img src="/templets/mzip/images/project01.png" alt=""/></a></li>
      <li><a href="/service/"><img src="/templets/mzip/images/project02.png" alt=""/></a></li>
      <li><a href="/service/"><img src="/templets/mzip/images/project03.png" alt=""/></a></li>
      <li><a href="/service/"><img src="/templets/mzip/images/project04.png" alt=""/></a></li>
      <li><a href="/service/"><img src="/templets/mzip/images/project05.png" alt=""/></a></li>
    </div>
    <div class="pan">Hibernation is more than sleep. It is a very deep sleep.The animal's temperature drops to just over zero centigrade, and its heart beats very slowly<br />
      People who find hibernating animals asleep often think that they are dead: the body feels very cold, and the creature may breathe only once every five minutes.A hibernating animal cannot feel any pain.You can touch it, or even pull its tail, without causing it to move or wake up.In its hibernating state it can even live in a poisonous atmosphere for a long time without any ill effect.</div>
  </div>
  <div class="part1">
    <div class="title">
      <ul>
        <br />
        <img src="/templets/mzip/images/part1.jpg" />
      </ul>
      <li class="l1">
        <ul>
          <!--���ʦ����1--> 
          <a href="#"><img src="/templets/mzip/images/team1.png" /></a>
          <h6>Mr.Wang</h6>
          <div class="info">
            <p>��</p>
            <p>QQ:45634567</p>
            <p>TEL:13876567456</p>
            <p>������</p>
            <p>�ó�HTML+CSS������װ�ޡ�ǰ�˿���</p>
          </div>
        </ul>
      </li>
      <li class="l2">
        <ul>
          <!--���ʦ����2--> 
          <a href="#"><img src="/templets/mzip/images/team2.png" /></a>
          <h6>Mr.Han</h6>
          <div class="info">
            <p>��</p>
            <p>QQ:45634567</p>
            <p>TEL:13876785567</p>
            <p>ʨ����</p>
            <p>�ó���ҳ��ơ��Ӿ����UI���</p>
          </div>
        </ul>
      </li>
    </div>
    <div class="yiny">
      <div class="title">
        <ul>
          <br />
          <img src="/templets/mzip/images/part1_2.jpg" />
          <p>��ҳ�ǻ���internet�����������Ƚϸ߼���ƽ̨��ý��</p>
          <p>��ҳ����վ���ܵ�һ���֣���վ�ܹ��������еĸ����Ժͼ����ԣ��ͻ��ڻ����������õ���չ��</p>
          <p>������"�߼�"��"�м�"��"�ͼ�"֮�֣��ͼ������˵ֻ�Ǽ򵥵���ҳ������ƣ�</p>
          <p>�м������˵�ǱȽ���������ҳ������ƺͶ������UI��ƣ���һЩ��ʽ�Ż����ű���չ��</p>
          <p>�߼��������˵�Ǿ�ͨ��ҳ������ơ�������ƺ�ǰ̨UI��ơ�</p>
          <p>��ʽ�ű���չ�����õ��û�����������</p>
          <p style=" margin-top:30px;"><a href="#"><img src="/templets/mzip/images/wysjwy.jpg"/></a></p>
        </ul>
      </div>
    </div>
  </div>
  <div class="part2">
    <div class="section">
      <ul class="clearfix">
        <li>
          <div class="photo"><img src="/uploads/151006/1-151006210001139.jpg" alt="��̩�մ�" /></div>
          <div class="rsp"></div>
          <a href="/service/6.html">
          <div class="text">
            <h3>��̩�մ�</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/151006/1-15100620593YT.jpg" alt="���µ�һ�� �ձ�" /></div>
          <div class="rsp"></div>
          <a href="/service/7.html">
          <div class="text">
            <h3>���µ�һ�� �ձ�</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/151006/1-151006205U3605.jpg" alt="���˷���Ʒչʾ����" /></div>
          <div class="rsp"></div>
          <a href="/service/8.html">
          <div class="text">
            <h3>���˷���Ʒչʾ����</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/151006/1-151006205P4I7.jpg" alt="�ƶ�UI�������-SUITEBLE" /></div>
          <div class="rsp"></div>
          <a href="/service/4.html">
          <div class="text">
            <h3>�ƶ�UI�������-SUITEBLE</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/151006/1-151006205I1240.jpg" alt="�ƶ�UI�������-��" /></div>
          <div class="rsp"></div>
          <a href="/service/3.html">
          <div class="text">
            <h3>�ƶ�UI�������-��</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/151006/1-15100620564A03.jpg" alt="��˼��ר����ҳ���" /></div>
          <div class="rsp"></div>
          <a href="/service/5.html">
          <div class="text">
            <h3>��˼��ר����ҳ���</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/allimg/151006/1-151006205140523.jpg" alt="������Դ�Ƽ� ��������" /></div>
          <div class="rsp"></div>
          <a href="/service/1.html">
          <div class="text">
            <h3>������Դ�Ƽ� ��������</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>
<li>
          <div class="photo"><img src="/uploads/allimg/151006/1-151006205042458.jpg" alt="������ư���" /></div>
          <div class="rsp"></div>
          <a href="/service/2.html">
          <div class="text">
            <h3>������ư���</h3>
            <div>POST TIME :Oct 06.2015</div>
          </div>
          </a> </li>

      </ul>
      <div class="clear"></div>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){	
        $(".section ul li .rsp").hide();	
        $(".section	 ul li").hover(function(){
            $(this).find(".rsp").stop().fadeTo(500,0.6)
            $(this).find(".text").stop().animate({top:'0'}, {duration: 500})
        },
        function(){
            $(this).find(".rsp").stop().fadeTo(500,0)
            $(this).find(".text").stop().animate({top:'350'}, {duration: "fast"})
            $(this).find(".text").animate({top:'-350'}, {duration: 0})
        });
    });
    </script> 
  </div>
  <div class="part3">
    <div class="title">
      <ul>
        <br />
        <img src="/templets/mzip/images/part2.jpg" />
      </ul>
    </div>
    <div class="zxdp">
      <div class="zxdp_left"><a href="/about/"><img src="/templets/mzip/images/weareyoung.png"/></a></div>
      <div class="zxdp_mid"><img src="/templets/mzip/images/2014406131138.jpg"/></div>
      <div class="zxdp_right"><a href="/web/"><img src="/templets/mzip/images/ineedshop.png"/></a></div>
    </div>
    <div class="px360">
      <li class="p1"><a href="/webs/"><img src="/templets/mzip/images/20140602174858.png"/></a></li>
      <li class="p2"><a href="/phpotoshop/"><img src="/templets/mzip/images/20140602174931.png"/></a></li>
      <li class="p3"><a href="/contact/"><img src="/templets/mzip/images/20140602175018.png"/></a></li>
    </div>
    <div class="ad"><img src="/templets/mzip/images/113013_707.jpg"/></div>
    <div class="ddl">
      <p>������Ŷ</p>
      <span>THE BOTTOM</span>
      <ul>
        <li class="x1"><a href="javascript:void(0);" onclick="window.external.AddFavorite('/','���ò�');">�ղ�</a></li>
        <li class="x2"><a href="#">TOP</a></li>
        <li class="x3"> <a href="#" title="һ������" onclick="javascript:bSync.share(event)">����</a> 
          <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#uuid=#uuid=&amp;style=1"></script> 
        </li>
      </ul>
    </div>
  </div>
  
  <!--�ܾ�����������׼�������� Mzip.taobao.com --> 
  
</div>
<!--���ݲ��ִ������--> 

<div class="footer"><div class="bottom"> Copyright <a href="http:// www.meet-top.com">���˷�ͧ</a>���˷�ͧ�� www.meet-top.com
<a href="http://gdjrdz.com">��������</a> ����������www.gdjrdz.com
��������</span></a></div></div>
</body>
</html>
