Home Esplora Aiuto
Accedi
owen
/
tianfuhui
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

tianfuhui

owen 8 anni fa
parent
f24a338320
commit
0e331c7b19
54 ha cambiato i file con 1490 aggiunte e 0 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 28 0
      .project
  2. 187 0
      about.html
  3. 24 0
      bower.json
  4. 104 0
      css/about.css
  5. 160 0
      css/base.css
  6. 123 0
      css/download.css
  7. 291 0
      css/index.css
  8. 193 0
      download.html
  9. BIN
      img/about/TOP.png
  10. BIN
      img/about/关于我们.png
  11. BIN
      img/about/图层6.png
  12. BIN
      img/banner17.png
  13. BIN
      img/download/PC客服端.png
  14. BIN
      img/download/图层13.png
  15. BIN
      img/download/图层14.png
  16. BIN
      img/download/图层15.png
  17. BIN
      img/download/图层16.png
  18. BIN
      img/download/图层20.png
  19. BIN
      img/download/图层4.png
  20. BIN
      img/download/图层6副本6.png
  21. BIN
      img/download/登录appstore.png
  22. BIN
      img/download/组10.png
  23. BIN
      img/download/组11.png
  24. BIN
      img/download/组9.png
  25. BIN
      img/index/banner3.png
  26. BIN
      img/index/图层16.png
  27. BIN
      img/index/图层18.png
  28. BIN
      img/index/图层19.png
  29. BIN
      img/index/图层2.png
  30. BIN
      img/index/图层20.png
  31. BIN
      img/index/图层22.png
  32. BIN
      img/index/图层23.png
  33. BIN
      img/index/图层24.png
  34. BIN
      img/index/图层25.png
  35. BIN
      img/index/图层29.png
  36. BIN
      img/index/图层36.png
  37. BIN
      img/index/图层39.png
  38. BIN
      img/index/图层4.png
  39. BIN
      img/index/图层40.png
  40. BIN
      img/index/图层41.png
  41. BIN
      img/index/形状4副本.png
  42. BIN
      img/index/形状5副本.png
  43. BIN
      img/index/形状5副本3.png
  44. BIN
      img/index/形状6副本5.png
  45. BIN
      img/index/形状8.png
  46. BIN
      img/index/组101.png
  47. BIN
      img/index/组11.png
  48. BIN
      img/index/组8.png
  49. BIN
      img/index/组9.png
  50. 301 0
      index.html
  51. 0 0
      js/about.js
  52. 28 0
      js/base.js
  53. 0 0
      js/download.js
  54. 51 0
      js/index.js

+ 28 - 0
.project
Vedi File 

@@ -0,0 +1,28 @@
 
+<?xml version="1.0" encoding="UTF-8"?>

+<projectDescription>

+	<name>banking</name>

+	<comment></comment>

+	<projects>

+	</projects>

+	<buildSpec>

+		<buildCommand>

+			<name>com.aptana.ide.core.unifiedBuilder</name>

+			<arguments>

+			</arguments>

+		</buildCommand>

+	</buildSpec>

+	<natures>

+		<nature>com.aptana.projects.webnature</nature>

+	</natures>

+	<filteredResources>

+		<filter>

+			<id>1514284619843</id>

+			<name></name>

+			<type>26</type>

+			<matcher>

+				<id>org.eclipse.ui.ide.multiFilter</id>

+				<arguments>1.0-name-matches-false-false-node_modules</arguments>

+			</matcher>

+		</filter>

+	</filteredResources>

+</projectDescription>

+ 187 - 0
about.html
Vedi File 

@@ -0,0 +1,187 @@
 
+<!DOCTYPE html>

+<html>

+	<head>

+		<meta charset="utf-8" />

+		<title>海南添富汇</title>

+		<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

+		<link rel="stylesheet" type="text/css" href="css/base.css"/>

+		<link rel="stylesheet" type="text/css" href="css/about.css"/>

+		<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>

+		<script src="bower_components/vue/dist/vue.min.js"></script>

+		<script src="js/base.js"></script>

+	</head>

+	<body>

+		<header>

+			<div id="header_nav">

+				<img id="logo" src="img/index/图层2.png"/>

+				<ul id="header_nav_list">

+					<li>

+						<a href="#">首页</a>

+						<div class="head_nav_subscript head_nav_subscript_active"></div>

+					</li>

+					<li>

+						<a href="#">关于我们</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">添富汇研究</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油学院</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油投资</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">我要开户</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">软件下载</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+				</ul>

+			</div>

+			<div class="clear" style="height: 0px;"></div>

+			<div id="header_sed_nav">

+				<div id="header_sed_nav_con">

+					<ul id="home_page">

+						

+					</ul>

+					<ul id="about_us">

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+					<ul id="our_research">

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+					<ul id="oil_college">

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+					<ul id="oil_investment">

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+					<ul id="open_account">

+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>

+					</ul>

+					<ul id="app_download">

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</header>

+		

+		<section>

+			<div id="banner"></div>

+			<div id="account_bg">

+				<div id="account_con">

+					<a href="#"><div id="account_logo"></div></a>

+					<div id="account_title">

+						<a class="account_nav1" href="#">首页</a><span>&gt;</span><a class="account_nav1" href="#">关于我们</a><span>&gt;</span><a class="account_nav2" href="#">公司简介</a>

+					</div>

+				</div>

+			</div>

+			<div id="about_container">

+				<div id="about_nav">

+					<ul>

+						<a href="#"><li>公司简介</li></a>

+						<a href="#"><li>公司文化</li></a>

+						<a href="#"><li>公司环境</li></a>

+						<a href="#"><li>大交简介</li></a>

+						<a href="#"><li>联系我们</li></a>

+					</ul>

+				</div>

+				<div id="about_content">

+					<p>广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。公司拥有上千平方的高档办公环境，位于广州中石化大厦坐落于广州CBD地段居城市中心俯视全广州。</p>

+					<p>融金汇通汇聚了国内投资行业精英，组成专业化的风险管控，研发与客户服务团队，致力于打造投资与交易、咨询与分析、研究与创新的全方位综合型投资平台。我们的核心管理层拥有丰富的金融企业管理和投资交易经验，能够带领整个故事团队及时、准确、全方位的为客户提供金融咨询、交易培训、风险控制等高质量的服务。</p>

+					<p>融金汇通致力于为广大客户提供了一个阳光化，规划化，接受监督，降低金融风险的交易平台，并形成透明公正的市场价格。广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。公司拥有上千平方的高档办公环境，位于广州中石化大厦坐落于广州CBD地段居城市中心俯视全广州。</p>

+					<img style="width: 825px;height: 270px;margin: 15px 0;" src="img/about/图层6.png" />

+					<p>融金汇通汇聚了国内投资行业精英，组成专业化的风险管控，研发与客户服务团队，致力于打造投资与交易、咨询与分析、研究与创新的全方位综合型投资平台。我们的核心管理层拥有丰富的金融企业管理和投资交易经验，能够带领整个故事团队及时、准确、全方位的为客户提供金融咨询、交易培训、风险控制等高质量的服务。</p>

+					<p>融金汇通致力于为广大客户提供了一个阳光化，规划化，接受监督，降低金融风险的交易平台，并形成透明公正的市场价格。</p>

+				</div>

+			</div>

+			

+			

+		</section>

+		

+		<footer>

+			<div id="footer_title">

+				<ul>

+					<li>关于我们</li>

+					<li>添富汇研究</li>

+					<li>石油学院</li>

+					<li>石油投资</li>

+					<li>我要开户</li>

+					<li>软件下载</li>

+				</ul>

+			</div>

+			<div id="footer_content">

+				<div>

+					<ul>

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</footer>

+	</body>

+</html>

+ 24 - 0
bower.json
Vedi File 

@@ -0,0 +1,24 @@
 
+{
 
+  "name": "banking",
 
+  "authors": [
 
+    "owen <wr4647@163.com>"
 
+  ],
 
+  "description": "bakning",
 
+  "main": "index.html",
 
+  "keywords": [
 
+    "test"
 
+  ],
 
+  "license": "MIT",
 
+  "homepage": "",
 
+  "ignore": [
 
+    "**/.*",
 
+    "node_modules",
 
+    "bower_components",
 
+    "test",
 
+    "tests"
 
+  ],
 
+  "dependencies": {
 
+    "vue": "^2.5.13",
 
+    "bootstrap": "^3.3.7"
 
+  }
 
+}

+ 104 - 0
css/about.css
Vedi File 

@@ -0,0 +1,104 @@
 
+section{

+	width: 100%;

+	background: #f1f1f1;

+	height: 1660px;

+}

+#banner{

+	width: 1200px;

+	height: 400px;

+	margin: 0 auto;

+	background: url(../img/about/关于我们.png)0 0 no-repeat;

+	z-index: 111;

+	position: relative;

+}

+#account_bg{

+	width: 100%;

+	height: 220px;

+	background: #fff;

+	margin-top: -50px;

+}

+#account_con{

+	width: 1200px;

+	margin: 0 auto;

+	padding-top: 100px;

+}

+#account_logo{

+	width: 275px;

+	height: 100px;

+	background: url(../img/about/TOP.png)0 0 no-repeat;

+	float: left;

+}

+#account_title{

+	width: 875px;

+	height: 50px;

+	background: #f1f1f1;

+	float: right;

+	box-sizing: border-box;

+	border-left: 5px solid #c52319;

+	line-height: 50px;

+	font-family: "宋体";

+	padding-left: 5px;

+}

+#account_title a{

+	font-size: 14px;

+	font-family: "宋体";

+	color: #39343c;

+	margin: 0 10px;

+}

+.account_nav2{

+	color: #c52319 !important;

+	font-weight: 800;

+}

+#about_container{

+	width: 1200px;

+	margin: 0 auto;

+}

+#about_nav{

+	float: left;

+	width: 275px;

+	height: 397px;

+	box-sizing: border-box;

+	border: 1px solid #d4d7df;

+	background: #fff;

+	margin-top: 12px;

+}

+#about_nav ul li{

+	height: 79px;

+	line-height: 79px;

+	box-sizing: border-box;

+	border-top: 1px solid #d4d7df;

+	font-size: 16px;

+	color: #39343c;

+	text-align: center;

+	border-left: 5px solid #fff;

+	border-right: 5px solid #fff;

+	

+}

+#about_nav ul a:nth-child(1) li{

+	border-top: none;

+	color: #c93e37;

+	border-left: 5px solid #c22118;

+}

+#about_nav ul li:hover{

+	color: #c93e37;

+	border-left: 5px solid #c22118;

+}

+#about_content{

+	width: 875px;

+	height: 880px;

+	background: #FFF;

+	box-sizing: border-box;

+	border: 1px solid #d4d7df;

+	padding: 30px 25px;

+	float: right;

+	margin-top: -50px;

+}

+#about_content p{

+	line-height: 25px;

+	margin: 15px 0;

+}

+

+

+

+

+

+ 160 - 0
css/base.css
Vedi File 

@@ -0,0 +1,160 @@
 
+*{margin:0;padding:0}

+a,a:hover{text-decoration: none;}

+li{list-style: none;}

+.clear{clear: both;width:100%;height: 2px;}

+body{font-family: "微软雅黑";width: 100%;}

+header{

+	width:100%;

+	height: 99px;

+	background:#fff;

+	position: relative;

+}

+#header_nav{

+	width: 1200px;

+	margin: 0 auto;

+}

+#logo{

+	width: 95px;

+	height: 70px;

+	float: left;

+	margin-top: 12px;

+}

+#header_nav_list{

+	float: right;

+}

+#header_nav_list li{

+	float: left;

+	margin-left: 50px;

+	height: 99px;

+	box-sizing: border-box;

+	padding-top: 32px;

+}

+#header_nav_list li a{

+	font-size:16px;

+	color:#39343c;

+	

+}

+.head_nav_subscript{

+	width: 20px;

+	height: 2px;

+	background: #c4271f;

+	margin-top: 12px;

+	display: none;

+}

+.head_nav_subscript_active{

+	display: block;

+}

+#header_sed_nav ul li{

+	float: left;

+}

+/*#header_sed_nav ul{

+	display: none;

+}*/

+#header_sed_nav{

+	height: 35px;

+	line-height: 35px;

+	width: 100%;

+	position: absolute;

+	top: 99px;

+	z-index: 9999;

+}

+#header_sed_nav_con{

+	position: relative;

+	width: 1200px;

+	margin:0 auto;

+}

+#header_sed_nav_con ul{

+	display: none;

+	margin: 0;

+	width: 100%;

+	height: 35px;

+	background: rgba(255,255,255,.5);

+}

+#header_sed_nav_con ul li{

+	float: left;

+	height: 30px;

+	line-height: 30px;

+	padding: 0 10px;

+	

+}

+#header_sed_nav_con ul li a{

+	font-size: 14px;

+	color: #26201e;

+}

+#home_page{

+	height: 0px !important;

+}

+#about_us{

+	padding-left: 450px;

+}

+#our_research{

+	padding-left: 500px;

+}

+#oil_college{

+	padding-left: 620px;

+}

+#oil_investment{

+	padding-left: 650px;

+}

+#open_account{

+	padding-left: 850px;

+}

+#app_download{

+	padding-left: 1000px;

+}

+

+

+footer{

+	width: 100%;

+}

+#footer_title{

+	width: 100%;

+	background: #26201e;

+	height: 110px;

+	padding-top: 50px;

+}

+#footer_content{

+	width: 100%;

+	height: 204px;

+	background: #2c2624;

+	box-sizing: border-box;

+	padding-top: 10px;

+}

+

+#footer_title ul,#footer_content div{

+	width: 1200px;

+	margin: 0 auto;

+}

+#footer_title ul li,#footer_content div ul{

+	float: left;

+	margin-left: 50px;

+	width: 150px;

+}

+#footer_title ul li:nth-child(1),#footer_content div ul:nth-child(1){

+	margin-left: 0;

+}

+#footer_title ul li{

+	height: 60px;

+	background: url(../img/index/形状8.png)0 35px no-repeat;

+	font-family: "微软雅黑";

+	font-size: 16px;

+	color: #fff;

+}

+#footer_content div ul li{

+	line-height: 25px;

+	height: 25px;

+}

+#footer_content div ul li a{

+	font-size: 14px;

+	color: #fff;

+	

+}

+

+

+

+

+

+

+

+

+

+ 123 - 0
css/download.css
Vedi File 

@@ -0,0 +1,123 @@
 
+section{

+	width: 100%;

+	max-width: 1920px;

+	margin: 0 auto;

+}

+#banner{

+	width: 100%;

+	height: 616px;

+	background: url(../img/download/图层4.png)50% 50% no-repeat;

+	box-sizing: border-box;

+	padding-top: 50px;

+}

+#download_type{

+	width: 1200px;

+	height: 80px;

+	margin: 0 auto;

+	background: url(../img/download/图层20.png)0 0 no-repeat;

+	box-sizing: border-box;

+	padding: 18px 0;

+}

+.app_down{

+	width: 400px;

+	height: 100%;

+	box-sizing: border-box;

+	float: left;

+	border-left: 1px solid #fff;

+}

+.pc_download{

+	border-left: none;

+	background: url(../img/download/PC客服端.png)50% 50% no-repeat;

+}

+.app_download{

+	background: url(../img/download/登录appstore.png)50% 50% no-repeat;

+}

+.apk_download{

+	background: url(../img/download/组11.png)50% 50% no-repeat;

+}

+#banner_content{

+	width: 1200px;

+	margin: 50px auto 0;

+}

+#banner_left{

+	width: 730px;

+	height: 390px;

+	float: left;

+	background: url(../img/download/组10.png) 0 0 no-repeat;

+}

+#banner_right{

+	width: 309px;

+	height: 386px;

+	float: right;

+	background: url(../img/download/组9.png) 0 0 no-repeat;

+}

+#bg_milddle{

+	width: 100%;

+	max-width: 1920px;

+	height: 100px;

+	background: url(../img/download/图层6副本6.png)50% 0 repeat-x;

+	margin-top: -30px;

+}

+

+#instructions{

+	width: 100%;

+	max-width: 1920px;

+	background: #f1f1f1;

+}

+#instructions_content{

+	width: 1240px;

+	margin: 0 auto;

+	padding-top: 50px;

+}

+#instructions_content ul{

+	width: 100%;

+}

+#instructions_content ul li{

+	width: 25%;

+	float: left;

+	padding: 20px;

+	height: 400px;

+	box-sizing: border-box;

+	padding-top: 200px;

+}

+#instructions_content ul li:nth-child(1){

+	background: url(../img/download/图层13.png)50% 10px no-repeat;

+}

+#instructions_content ul li:nth-child(2){

+	background: url(../img/download/图层14.png)50% 10px no-repeat;

+}

+#instructions_content ul li:nth-child(3){

+	background: url(../img/download/图层15.png)50% 10px no-repeat;

+}

+#instructions_content ul li:nth-child(4){

+	background: url(../img/download/图层16.png)50% 10px no-repeat;

+}

+.instructions_content_title{

+	width: 100%;

+	text-align: center;

+	font-size: 16px;

+	color: #39343c;

+}

+.instructions_content_content{

+	margin-top: 15px;

+	width: 100%;

+	text-align: center;

+	font-size: 12px;

+	color: #39343c;

+	font-family: "宋体";

+	line-height: 25px;

+}

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+ 291 - 0
css/index.css
Vedi File 

@@ -0,0 +1,291 @@
 
+#banner{

+	width: 100%;

+	max-width: 1920px;

+	height: 500px;

+	background:url(../img/index/banner3.png)50% 50% no-repeat;

+}

+#advantage{

+	width: 100%;

+	height: 530px;

+	background: #f1f1f1;

+	box-sizing: border-box;

+	padding-top: 50px;

+}

+._title{

+	width: 1200px;

+	height: 90px;

+	margin: 0 auto;

+	background: url(../img/index/形状4副本.png)50% 20px no-repeat;

+	box-sizing: border-box;

+	padding-top: 6px;

+}

+.title_name1{

+	font-size: 22px;

+	color: #26201e;

+	margin: 0 auto;

+	width: 200px;

+	text-align: center;

+}

+.title_name2{

+	font-family: "bookman old style";

+	font-size: 16px;

+	color:#acacac;

+	width: 300px;

+	margin: 0 auto;

+	text-align: center;

+	margin-top: 10px;

+}

+._subscript{

+	width: 40px;

+	height: 2px;

+	background: #ddd;

+	margin: 5px auto;

+}

+#advantage_model{

+	position: relative;

+	width: 1200px;

+	margin: 0 auto;

+}

+#advantage_con{

+	width: 1200px;

+	margin: 0 auto;

+	height: 395px;

+	overflow: hidden;

+	position: relative;

+}

+#advantage_con ul{

+	width: 200%;

+	position: absolute;

+	left: 0px;

+	transition: all 0.5s;

+}

+#advantage_con ul li{

+	width: 12.5%;

+	float: left;

+	height: 395px;

+	box-sizing: border-box;

+	padding-top: 70px;

+}

+.advantage_list_pic{

+	width: 100%;

+	height: 134px;

+	background: url(../img/index/图层41.png)50% 50% no-repeat;

+}

+.advantage_list_name{

+	width: 100%;

+	height: 20px;

+	line-height: 20px;

+	font-size: 16px;

+	color: #26201e;

+	text-align: center;

+	margin: 30px 0 20px;

+}

+.advantage_list_instructions{

+	width: 175px;

+	margin: 0 auto;

+	text-align: center;

+	font-size: 12px;

+	color: #898989;

+	line-height: 25px;

+}

+#go_left{

+	position: absolute;

+	top: 123px;

+	left: -49px;

+	width: 49px;

+	height: 70px;

+	background: url(../img/index/形状5副本.png)0 0 no-repeat;

+	cursor: pointer;

+}

+#go_right{

+	position: absolute;

+	top: 123px;

+	right: -49px;

+	width: 49px;

+	height: 70px;

+	background: url(../img/index/形状5副本3.png)0 0 no-repeat;

+	cursor: pointer;

+}

+

+#news_center{

+	width: 100%;

+	max-width: 1920px;

+	margin: 0 auto;

+	height: 655px;

+	background: url(../img/index/图层36.png)50% 100% no-repeat;

+	background-color: #fff;

+	box-sizing: border-box;

+	padding-top: 50px;

+}

+

+#news_con{

+	width: 1200px;

+	margin: 70px auto 0;

+	box-sizing: border-box;

+	padding: 0 100px;

+}

+#news_con ul{

+	width: 100%;

+}

+#news_con ul li{

+	width: 250px;

+	float: left;

+	box-sizing: border-box;

+}

+#news_con ul li:nth-child(2){

+	margin: 0 125px;

+}

+.news_lists{

+	width: 100%;

+	

+}

+.news_title{

+	width: 100%;

+	height: 30px;

+	line-height: 30px;

+	background: url(../img/index/形状6副本5.png)0 0 no-repeat;

+	box-sizing: border-box;

+	padding-left: 35px;

+}

+.news_title_ch{

+	font-size: 16px;

+	color:#26201e;

+}

+.news_title_en{

+	font-family: "Arial Regular";

+	font-size: 10px;

+	color:#898989;

+}

+.news_lists_con{

+	width: 100%;

+	padding-top: 30px;

+	position: relative;

+}

+.news_time{

+	width: 40px;

+	height: 40px;

+	background: #c4271f;

+	color: #fff;

+	text-align: center;

+	position: absolute;

+	left: 20px;

+}

+.news_detail{

+	margin-top: 30px;

+	line-height: 25px;

+	font-size: 12px;

+	color: #fff;

+}

+.news_more{

+	width: 80px;

+	height: 30px;

+	line-height: 30px;

+	text-align: center;

+	font-size: 12px;

+	color: #fff;

+	box-sizing: border-box;

+	border: 1px solid #fff;

+	border-radius: 2px;

+	margin: 55px auto 0;

+}

+#enterprise_introduction{

+	width: 100%;

+	background: #f1f1f1;

+	height: 280px;

+}

+#introduction_con{

+	width: 1000px;

+	margin: 0 auto;

+	box-sizing: border-box;

+	/*padding: 0 100px;*/

+	position: relative;

+	background: url(../img/index/图层25.png)100% 100% no-repeat;

+	height: 200px;

+	padding-top: 50px;

+}

+#introduction_title{

+	width: 96px;

+	height: 30px;

+	background: #c4271f;

+	position: absolute;

+	left: -20px;

+	top: 35px;

+	font-size: 12px;

+	color: #fff;

+	text-align: center;

+	line-height: 30px;

+	font-family: "Arial Regular";

+}

+#introduction_name{

+	width: 125px;

+	height: 150px;

+	line-height: 150px;

+	text-align: center;

+	font-size: 16px;

+	color: #26201e;

+	box-sizing: border-box;

+	border: 2px solid #ddd;

+	float: left;

+}

+#introduction_content{

+	width: 550px;

+	height: 150px;

+	font-size: 14px;

+	color: #26201e;

+	float: left;

+	margin-left: 30px;

+	line-height: 30px;

+	font-family: "宋体";

+}

+#notice_guide{

+	width: 100%;

+	height: 615px;

+	background: #f1f1f1;

+}

+#notice_guide_con{

+	width: 1000px;

+	margin: 0 auto;

+	margin-top:50px;

+}

+#notice_guide_con>div>div{

+	overflow: hidden;

+	position: relative;

+}

+.notice_message{

+	position: absolute;

+	transition: all 0.5s;

+	width: 100%;

+	height: 100px;

+	bottom: -100px;

+	background: rgba(0,0,0,.5);

+	color: #fff;

+}

+#notice_guide_con>div>div:hover .notice_message{

+	bottom: 0px;

+}

+#guide_left,#guide_right{

+	width: 50%;

+	float: left;

+}

+#guide_left>div{

+	width: 250px;

+	height: 400px;

+	float: left;

+}

+#guide_right>div{

+	height: 200px;

+	width: 100%;

+}

+#exhibit{

+	background: url(../img/index/图层29.png) 0 0 no-repeat;

+}

+#characteristics{

+	background:url(../img/index/组101.png)0 0 no-repeat;

+}

+#trading_notice{

+	background: url(../img/index/组11.png)0 0 no-repeat;

+}

+#risk_control{

+	background: url(../img/index/组8.png)0 0 no-repeat;

+}

+

+ 193 - 0
download.html
Vedi File 

@@ -0,0 +1,193 @@
 
+<!DOCTYPE html>

+<html>

+	<head>

+		<meta charset="utf-8" />

+		<title>海南添富汇</title>

+		<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

+		<link rel="stylesheet" type="text/css" href="css/base.css"/>

+		<link rel="stylesheet" type="text/css" href="css/download.css"/>

+		<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>

+		<script src="bower_components/vue/dist/vue.min.js"></script>

+		<script src="js/base.js"></script>

+	</head>

+	<body>

+		<header>

+			<div id="header_nav">

+				<img id="logo" src="img/index/图层2.png"/>

+				<ul id="header_nav_list">

+					<li>

+						<a href="#">首页</a>

+						<div class="head_nav_subscript head_nav_subscript_active"></div>

+					</li>

+					<li>

+						<a href="#">关于我们</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">添富汇研究</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油学院</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油投资</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">我要开户</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">软件下载</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+				</ul>

+			</div>

+			<div class="clear" style="height: 0px;"></div>

+			<div id="header_sed_nav">

+				<div id="header_sed_nav_con">

+					<ul id="home_page">

+						

+					</ul>

+					<ul id="about_us">

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+					<ul id="our_research">

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+					<ul id="oil_college">

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+					<ul id="oil_investment">

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+					<ul id="open_account">

+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>

+					</ul>

+					<ul id="app_download">

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</header>

+		

+		<section>

+			<div id="banner">

+				<div id="download_type">

+					<a href="#"><div class="app_down pc_download"></div></a>

+					<a href="#"><div class="app_down app_download"></div></a>

+					<a href="#"><div class="app_down apk_download"></div></a>

+				</div>

+				<div id="banner_content">

+					<div id="banner_left"></div>

+					<div id="banner_right"></div>

+				</div>

+			</div>

+			<div id="bg_milddle"></div>

+			<div id="instructions">

+				<div id="instructions_content">

+					<ul>

+						<li>

+							<div class="instructions_content_title">核心功能</div>

+							<div class="instructions_content_content">界面简洁，系统设计合理，核心功能模块安全、高效、稳定</div>

+						</li>

+						<li>

+							<div class="instructions_content_title">精准而及时</div>

+							<div class="instructions_content_content">精准而及时的买/卖挂、摘牌委托指令，帮助用户把握机会</div>

+						</li>

+						<li>

+							<div class="instructions_content_title">强大数据</div>

+							<div class="instructions_content_content">强大数据展示，数据精准，历史价格真是再现；<br>完整的统计报表，实时交易数据统计，<br>制定交易计划</div>

+						</li>

+						<li>

+							<div class="instructions_content_title">资金安全</div>

+							<div class="instructions_content_content">安全而可靠的银行接口，方便出入金操作，确保资金安全；</div>

+						</li>

+					</ul>

+				</div>

+				<div class="clear"></div>

+			</div>

+			

+		</section>

+		

+		<footer>

+			<div id="footer_title">

+				<ul>

+					<li>关于我们</li>

+					<li>添富汇研究</li>

+					<li>石油学院</li>

+					<li>石油投资</li>

+					<li>我要开户</li>

+					<li>软件下载</li>

+				</ul>

+			</div>

+			<div id="footer_content">

+				<div>

+					<ul>

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</footer>

+	</body>

+</html>

BIN
img/about/TOP.png
Vedi File


BIN
img/about/关于我们.png
Vedi File


BIN
img/about/图层6.png
Vedi File


BIN
img/banner17.png
Vedi File


BIN
img/download/PC客服端.png
Vedi File


BIN
img/download/图层13.png
Vedi File


BIN
img/download/图层14.png
Vedi File


BIN
img/download/图层15.png
Vedi File


BIN
img/download/图层16.png
Vedi File


BIN
img/download/图层20.png
Vedi File


BIN
img/download/图层4.png
Vedi File


BIN
img/download/图层6副本6.png
Vedi File


BIN
img/download/登录appstore.png
Vedi File


BIN
img/download/组10.png
Vedi File


BIN
img/download/组11.png
Vedi File


BIN
img/download/组9.png
Vedi File


BIN
img/index/banner3.png
Vedi File


BIN
img/index/图层16.png
Vedi File


BIN
img/index/图层18.png
Vedi File


BIN
img/index/图层19.png
Vedi File


BIN
img/index/图层2.png
Vedi File


BIN
img/index/图层20.png
Vedi File


BIN
img/index/图层22.png
Vedi File


BIN
img/index/图层23.png
Vedi File


BIN
img/index/图层24.png
Vedi File


BIN
img/index/图层25.png
Vedi File


BIN
img/index/图层29.png
Vedi File


BIN
img/index/图层36.png
Vedi File


BIN
img/index/图层39.png
Vedi File


BIN
img/index/图层4.png
Vedi File


BIN
img/index/图层40.png
Vedi File


BIN
img/index/图层41.png
Vedi File


BIN
img/index/形状4副本.png
Vedi File


BIN
img/index/形状5副本.png
Vedi File


BIN
img/index/形状5副本3.png
Vedi File


BIN
img/index/形状6副本5.png
Vedi File


BIN
img/index/形状8.png
Vedi File


BIN
img/index/组101.png
Vedi File


BIN
img/index/组11.png
Vedi File


BIN
img/index/组8.png
Vedi File


BIN
img/index/组9.png
Vedi File


+ 301 - 0
index.html
Vedi File 

@@ -0,0 +1,301 @@
 
+<!DOCTYPE html>

+<html>
 
+	<head>

+		<meta charset="utf-8" />
 
+		<title>海南添富汇</title>

+		<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

+		<link rel="stylesheet" type="text/css" href="css/base.css"/>

+		<link rel="stylesheet" type="text/css" href="css/index.css"/>

+		<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>

+		<script src="bower_components/vue/dist/vue.min.js"></script>

+		<script type="text/javascript" src="js/index.js"></script>

+		<script src="js/base.js"></script>
 
+	</head>
 
+	<body>
 
+		<header>

+			<div id="header_nav">

+				<img id="logo" src="img/index/图层2.png"/>

+				<ul id="header_nav_list">

+					<li>

+						<a href="#">首页</a>

+						<div class="head_nav_subscript head_nav_subscript_active"></div>

+					</li>

+					<li>

+						<a href="#">关于我们</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">添富汇研究</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油学院</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">石油投资</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">我要开户</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+					<li>

+						<a href="#">软件下载</a>

+						<div class="head_nav_subscript"></div>

+					</li>

+				</ul>

+			</div>

+			<div class="clear" style="height: 0px;"></div>

+			<div id="header_sed_nav">

+				<div id="header_sed_nav_con">

+					<ul id="home_page">
 
+						
+					</ul>

+					<ul id="about_us">

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+					<ul id="our_research">

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+					<ul id="oil_college">

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+					<ul id="oil_investment">

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+					<ul id="open_account">
 
+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>
 
+					</ul>

+					<ul id="app_download">

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</header>

+		

+		<section>

+			<div id="banner"></div>

+			<div id="advantage">

+				<div class="_title">

+					<div class="title_name1">添富汇优势</div>

+					<div class="title_name2">TIAN FU HUI ADVANTAGE</div>

+					<div class="_subscript"></div>

+				</div>

+				<div id="advantage_model">

+					<div id="advantage_con">

+						<ul id="advantage_con_ul">

+							<li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li>

+							<li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li><li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li><li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li>

+							<li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li>

+							<li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li><li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li><li>

+								<div class="advantage_list_pic"></div>

+								<div class="advantage_list_name">平台优势</div>

+								<div class="advantage_list_instructions">大连再生资源交易所，国内最先进系统环境安全稳定</div>

+							</li>

+						</ul>

+					</div>

+					<div id="go_left"></div>

+					<div id="go_right"></div>

+				</div>

+			</div>

+			

+			<div id="news_center">

+				<div class="_title">

+					<div class="title_name1">添富汇新闻中心</div>

+					<div class="title_name2">TIAN FU HUI NEWS CENTER</div>

+					<div class="_subscript"></div>

+				</div>

+				

+				<div id="news_con">

+					<ul>

+						<li>

+							<div class="news_lists">

+								<div class="news_title">

+									<span class="news_title_ch">每日点评</span>

+									<span class="news_title_en">Daily Comments</span>

+								</div>

+								<div class="news_lists_con">

+									<div class="news_time">

+										<span class="news_time_day">16</span>

+										<span class="news_time_month">Mar</span>

+									</div>

+									<img src="img/index/图层22.png"/>

+									<div class="news_detail">2月12日美元上涨，此前数据显示美国消费者支出看来在1月重拾动能，支持了在其他央行放宽政策之际，美联储将继续升息的可能性。</div>

+									<a href="#"><div class="news_more">MORE</div></a>

+								</div>

+							</div>

+						</li>

+						<li>

+							<div class="news_lists">

+								<div class="news_title">

+									<span class="news_title_ch">企业新闻</span>

+									<span class="news_title_en">Corporate News</span>

+								</div>

+								<div class="news_lists_con">

+									<div class="news_time">

+										<span class="news_time_day">16</span>

+										<span class="news_time_month">Mar</span>

+									</div>

+									<img src="img/index/图层23.png"/>

+									<div class="news_detail">2月12日美元上涨，此前数据显示美国消费者支出看来在1月重拾动能，支持了在其他央行放宽政策之际，美联储将继续升息的可能性。</div>

+									<a href="#"><div class="news_more">MORE</div></a>

+								</div>

+							</div>

+						</li>

+						<li>

+							<div class="news_lists">

+								<div class="news_title">

+									<span class="news_title_ch">行业新闻</span>

+									<span class="news_title_en">Industry News</span>

+								</div>

+								<div class="news_lists_con">

+									<div class="news_time">

+										<span class="news_time_day">16</span>

+										<span class="news_time_month">Mar</span>

+									</div>

+									<img src="img/index/图层24.png" />

+									<div class="news_detail">2月12日美元上涨，此前数据显示美国消费者支出看来在1月重拾动能，支持了在其他央行放宽政策之际，美联储将继续升息的可能性。</div>

+									<a href="#"><div class="news_more">MORE</div></a>

+								</div>

+							</div>

+						</li>

+					</ul>

+				</div>

+			</div>

+			

+			<div id="enterprise_introduction">

+				<div id="introduction_con">

+					<div id="introduction_title">company profile</div>

+					<div id="introduction_name">企业简介</div>

+					<div id="introduction_content">广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。公司拥有上千平方的高档办公环境，位于广州中石化大厦坐落于广州CBD地段居城市中心俯视全广州。</div>

+				</div>

+			</div>

+			

+			<div id="notice_guide">

+				<div class="_title">

+					<div class="title_name1">添富汇新手指导</div>

+					<div class="title_name2">TIAN FU HUI NOTICE GUIDE</div>

+					<div class="_subscript"></div>

+				</div>

+				

+				<div id="notice_guide_con">

+					<div id="guide_left">

+						<div id="exhibit"><div class="notice_message">广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。</div></div>

+						<div id="characteristics"><div class="notice_message">广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。</div></div>

+					</div>

+					<div id="guide_right">

+						<div id="trading_notice"><div class="notice_message">广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。</div></div>

+						<div id="risk_control"><div class="notice_message">广东融金汇通资产管理有限公司（以下简称“融金汇通”）是一家集基金、股票、现货原油投资为一体的综合型理财投资公司。</div></div>

+					</div>

+				</div>

+			</div>

+		</section>

+		

+		<footer>

+			<div id="footer_title">

+				<ul>

+					<li>关于我们</li>

+					<li>添富汇研究</li>

+					<li>石油学院</li>

+					<li>石油投资</li>

+					<li>我要开户</li>

+					<li>软件下载</li>

+				</ul>

+			</div>

+			<div id="footer_content">

+				<div>

+					<ul>

+						<li><a href="#">公司简介</a></li>

+						<li><a href="#">公司文化</a></li>

+						<li><a href="#">公司环境</a></li>

+						<li><a href="#">大交简介</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">金融汇通研究</a></li>

+						<li><a href="#">每日评论</a></li>

+						<li><a href="#">分析研究</a></li>

+						<li><a href="#">市场动态</a></li>

+						<li><a href="#">机构观点</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">投资入门</a></li>

+						<li><a href="#">基本面分析</a></li>

+						<li><a href="#">技术面分析</a></li>

+						<li><a href="#">投资技巧</a></li>

+						<li><a href="#">常见问题</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">开户指导</a></li>

+						<li><a href="#">投资特点</a></li>

+						<li><a href="#">大连油标准合同</a></li>

+						<li><a href="#">投资者权益保障</a></li>

+						<li><a href="#">实物交割</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">在线开户</a></li>

+						<li><a href="#">开户流程</a></li>

+						<li><a href="#">建行网银激活</a></li>

+						<li><a href="#">银行签约</a></li>

+					</ul>

+				

+					<ul>

+						<li><a href="#">完整版下载</a></li>

+						<li><a href="#">手机版下载</a></li>

+					</ul>

+				</div>

+			</div>

+		</footer>
 
+	</body>
 
+</html>

+ 0 - 0
js/about.js
Vedi File


+ 28 - 0
js/base.js
Vedi File 

@@ -0,0 +1,28 @@
 
+$(function(){

+	

+	

+//导航

+$("#header_nav_list>li").mouseover(function(event){

+	var num = $(this).index();

+	$("#header_sed_nav_con ul").eq(num).css("display","block").siblings("ul").css("display","none");

+	

+	$("#header_sed_nav_con ul").eq(num).mouseover(function(event){

+		$("#header_sed_nav_con ul").eq(num).css("display","block").siblings("ul").css("display","none");

+		event.stopPropagation();

+	})

+	event.stopPropagation();

+})

+

+$('#header_nav_list>li').mouseout(function(event){

+	$('#header_sed_nav_con ul').css('display','none');

+

+	$('#header_sed_nav_con ul').mouseout(function(event){

+			$(this).css('display','none');

+			event.stopPropagation();

+		});

+	event.stopPropagation();

+});

+

+

+

+})

+ 0 - 0
js/download.js
Vedi File


+ 51 - 0
js/index.js
Vedi File 

@@ -0,0 +1,51 @@
 
+$(function(){

+

+

+

+//添富汇优势滚动效果

+$("#go_left").click(function(){

+	if($("#advantage_con_ul").css("left") == "0px"){

+		$("#advantage_con_ul").css({"left":"-1200px"});

+	}else{

+		return false;

+	}

+})

+$("#go_right").click(function(){

+	if($("#advantage_con_ul").css("left") == "-1200px"){

+		$("#advantage_con_ul").css({"left":"0px"});

+	}else{

+		return false;

+	}

+})

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+})