hace 8 años · 0e331c7b19
--- a/.project
+++ b/.project
@@ -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>

			
--- a/about.html
+++ b/about.html
@@ -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>
			
--- a/bower.json
+++ b/bower.json
@@ -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"
			
 
				+  }
			
 
				+}
			
--- a/css/about.css
+++ b/css/about.css
@@ -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;

			
 
				+}

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
--- a/css/base.css
+++ b/css/base.css
@@ -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;

			
 
				+	

			
 
				+}

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
--- a/css/download.css
+++ b/css/download.css
@@ -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;

			
 
				+}

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
--- a/css/index.css
+++ b/css/index.css
@@ -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;

			
 
				+}

			
 
				+

			
--- a/download.html
+++ b/download.html
@@ -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>
			
--- a/img/about/TOP.png
+++ b/img/about/TOP.png
--- a/img/about/关于我们.png
+++ b/img/about/关于我们.png
--- a/img/about/图层6.png
+++ b/img/about/图层6.png
--- a/img/banner17.png
+++ b/img/banner17.png
--- a/img/download/PC客服端.png
+++ b/img/download/PC客服端.png
--- a/img/download/图层13.png
+++ b/img/download/图层13.png
--- a/img/download/图层14.png
+++ b/img/download/图层14.png
--- a/img/download/图层15.png
+++ b/img/download/图层15.png
--- a/img/download/图层16.png
+++ b/img/download/图层16.png
--- a/img/download/图层20.png
+++ b/img/download/图层20.png
--- a/img/download/图层4.png
+++ b/img/download/图层4.png
--- a/img/download/图层6副本6.png
+++ b/img/download/图层6副本6.png
--- a/img/download/登录appstore.png
+++ b/img/download/登录appstore.png
--- a/img/download/组10.png
+++ b/img/download/组10.png
--- a/img/download/组11.png
+++ b/img/download/组11.png
--- a/img/download/组9.png
+++ b/img/download/组9.png
--- a/img/index/banner3.png
+++ b/img/index/banner3.png
--- a/img/index/图层16.png
+++ b/img/index/图层16.png
--- a/img/index/图层18.png
+++ b/img/index/图层18.png
--- a/img/index/图层19.png
+++ b/img/index/图层19.png
--- a/img/index/图层2.png
+++ b/img/index/图层2.png
--- a/img/index/图层20.png
+++ b/img/index/图层20.png
--- a/img/index/图层22.png
+++ b/img/index/图层22.png
--- a/img/index/图层23.png
+++ b/img/index/图层23.png
--- a/img/index/图层24.png
+++ b/img/index/图层24.png
--- a/img/index/图层25.png
+++ b/img/index/图层25.png
--- a/img/index/图层29.png
+++ b/img/index/图层29.png
--- a/img/index/图层36.png
+++ b/img/index/图层36.png
--- a/img/index/图层39.png
+++ b/img/index/图层39.png
--- a/img/index/图层4.png
+++ b/img/index/图层4.png
--- a/img/index/图层40.png
+++ b/img/index/图层40.png
--- a/img/index/图层41.png
+++ b/img/index/图层41.png
--- a/img/index/形状4副本.png
+++ b/img/index/形状4副本.png
--- a/img/index/形状5副本.png
+++ b/img/index/形状5副本.png
--- a/img/index/形状5副本3.png
+++ b/img/index/形状5副本3.png
--- a/img/index/形状6副本5.png
+++ b/img/index/形状6副本5.png
--- a/img/index/形状8.png
+++ b/img/index/形状8.png
--- a/img/index/组101.png
+++ b/img/index/组101.png
--- a/img/index/组11.png
+++ b/img/index/组11.png
--- a/img/index/组8.png
+++ b/img/index/组8.png
--- a/img/index/组9.png
+++ b/img/index/组9.png
--- a/index.html
+++ b/index.html
@@ -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>
			
--- a/js/about.js
+++ b/js/about.js
--- a/js/base.js
+++ b/js/base.js
@@ -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();

			
 
				+});

			
 
				+

			
 
				+

			
 
				+

			
 
				+})

			
--- a/js/download.js
+++ b/js/download.js
--- a/js/index.js
+++ b/js/index.js
@@ -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;

			
 
				+	}

			
 
				+})

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+

			
 
				+})