-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
220 lines (216 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--<link rel="stylesheet" href="idangerous.swiper.css">-->
<link rel="stylesheet" type="text/css" href="css/reset2.css">
<link rel="stylesheet" type="text/css" href="css/paper.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>index</title>
<script type="text/ecmascript" src="js/modernizr.js"></script>
<style type="text/css">
*{margin:0;padding:0;font-family: "微软雅黑";}
#contence{width: 100%;}
#ul{list-style: none;margin: 3px auto;width: 95%;}
#ul li{padding:3px;width: 100%;margin-bottom: 35px;}
#ul li h5{color: orangered;font-size: 17px;}
#ul li span{color: #838383;font-size: 13px;}
#ul li img{width: 100%;}
#overflow{width: 100%;height: 100%;}
</style>
</head>
<body>
<div id="soso" onclick="window.open('search.html','_self')"><i class="fa fa-1x fa-search"></i></div>
<div id="header1">
<img src="img/lg.png" id="header1_img"/>
<img id="navnav_slide" src="img/slider.png" />
<div id="navnav">
<a href="javascript:void(0)">金融头条</a>
<a href="index2.html">政经</a>
<a href="index3.html">经济产业</a>
<a href="index4.html">社会风尚</a>
<a href="index5.html">专访</a>
<a href="index6.html">金融</a>
</div>
</div>
<div class="wrapper">
<ul id="sb-slider" class="sb-slider">
<li>
<a href="paper11.html" ><img src="img/1index.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Creative Lifesaver</h3>
</div>
</li>
<li>
<a href="paper2.html" ><img src="img/2index.jpg" alt="image2"/></a>
<div class="sb-description">
<h3>Honest Entertainer</h3>
</div>
</li>
<li>
<a href="paper33.html" ><img src="img/3index.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Brave Astronaut</h3>
</div>
</li>
<li>
<a href="paper4.html" ><img src="img/4index.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Affectionate Decision Maker</h3>
</div>
</li>
<li>
<a href="paper5.html" ><img src="img/5index.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Faithful Investor</h3>
</div>
</li>
<li>
<a href="paper6.html" ><img src="img/0411-file214659.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Groundbreaking Artist</h3>
</div>
</li>
<li>
<a href="paper9.html" ><img src="img/7index.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Selfless Philantropist</h3>
</div>
</li>
<div id="nav-arrows" class="nav-arrows">
<a href="#" id="a1">Next</a>
<a href="#" id="a2">Previous</a>
</div>
</ul>
<div id="shadow" class="shadow"></div>
</div>
<div class="parner">
<div class="parner1">
<a href=""><img src="img/1inde.jpg" alt=""></a>
<a href=""><img src="img/2inde.jpg" alt=""></a>
<a href=""><img src="img/3inde.jpg" alt=""></a>
<a href=""><img src="img/4inde.jpg" alt=""></a>
<a href=""><img src="img/5inde.jpg" alt=""></a>
<a href=""><img src="img/6inde.jpg" alt=""></a>
</div>
<div class="parner2">
<a href=""><img src="img/7inde.jpg" alt=""></a>
<a href=""><img src="img/8inde.jpg" alt=""></a>
<a href=""><img src="img/9inde.jpg" alt=""></a>
<a href=""><img src="img/10inde.jpg" alt=""></a>
<a href=""><img src="img/11inde.jpg" alt=""></a>
</div>
</div>
<!-- <div style="clear:both"></div> -->
</div>
<ul id="ul">
<a href="paper11.html">
<li>
<img src="img/weishang.jpg">
<h5>巨大漏洞之下的微商，好日子能过到几时</h5>
<span>在移动互联网所引发的智能硬件创业大潮中，在线视频硬件也应运而生，优酷盒子、坚果G1家庭影院、小米盒子、乐视电视等硬件产品大受用户喜爱，给沉浸在版权战后又开始低调拍摄自制剧的在线视频行业，带了新鲜的血液，带来了新的希望。</span>
</li>
</a>
<a href="paper2.html">
<li>
<img src="img/hulian.jpg">
<h5>银行的互联网反击战</h5>
<span>眼看着外行人在自己的地盘“侵门踏户”,银行自然不会轻易向互联网的野蛮人认输。它们利用自身账户和强大的系统资源，推出了自动余额理财、自动申赎货基、P2P平台、 直销银行，而与余额宝不同的是,银行具备了其他机构无法企及的国家信用和资金安全保障。</span>
</li>
</a>
<a href="paper33.html">
<li>
<img src="img/0411-file214659.jpg">
<h5>“一带一路”能否改变全球体系？</h5>
<span>2013年习近平出访哈萨克斯坦时，提醒东道主两国沿“丝绸之路”(Silk Road)拥有共同的商业纽带，其历史可以追溯到两千多年以前。这位中国国家主席接着提议建设“丝绸之路经济带”(Silk Road Economic Belt)，为亚洲带来新的繁荣。习近平此次讲话几乎没引起国际媒体注意，但不到两年后，这个所谓的“一带一路”(One Belt, One Road)计划——结合海上丝绸之路——成了习近平外交政策和国际经济战略的核心。“一带一路”计划将对该地区和全球企业产生重大商业影响，同时将给这片美国、日本、印度和俄罗斯几国都存在重大而彼此冲突的利益的地区，带来不可预知的地缘政治影响。</span>
</li>
</a>
<a href="paper4.html">
<li>
<img src="img/4index.jpg">
<h5>欧美居家流行什么灯？</h5>
<span>今年初举办的巴黎Maison et Objet家居装饰博览会为全年的室内设计风格确定了风向标。展会在巴黎北部世博园(Parc des Expositions)的九个大展厅内举行，在为期五天的展览中，共有3194家参展商参会，吸引访客8.3万人。</span>
</li>
</a>
<a href="paper5.html">
<li>
<img src="img/3index.jpg">
<h5>第三届中国金融创新与科技论坛</h5>
<span>由中国金融学会金融工程专业委员会、中国数量经济学会数量金融专业委员会主办，中国金融信息网承办的“第三届中国金融创与科技论坛成功召开暨中国金融学会金融工程专业委员会2008年会”于2008年6月14日-15日在香山金源商旅酒店召开。</span>
</li>
</a>
<a href="paper6.html">
<li>
<img src="img/2index.jpg">
<h5>上海禁止领导干部家属经商办企业</h5>
<span>上海已禁止高级官员的亲属在该市（在某些情况下限制范围为全国）经商办企业，以试图遏制猖獗的裙带关系。
主管市政府部门、国有企业、区政府和法院的官员的配偶，被禁止在全国任何地方拥有或经营私营企业。这些官员的子女及其配偶被禁止在该市（或官员管辖的地区）经商办企业。</span>
</li>
</a>
<a href="paper7.html">
<li>
<img src="img/1index.jpg">
<h5>短线观点：英国大选后的市场走势</h5>
<span>明日英国选举的种种不确定性像是一枚洋葱头，拨开一层，又会露出另一层。第一个已知的未知因素是哪个政党将赢得最多席位，这是政治赌注的最核心问题。
在许多欧洲国家，第二个不确定性是标准化的：政治交易之后，将组成何种联合政府或少数政府？英国选民不喜欢打破庄严承诺的政党，但如果想要稳定的领导层，他们最好习惯于这一点。</span>
</li>
</a>
<a href="paper8.html">
<li>
<img src="img/con_ (3).jpg">
<h5>“一个美国人的中国梦</h5>
<span>带着中美关系的选题再次飞赴华盛顿，我当然早已知道，华盛顿有个动物园，动物园里的大明星是一对大熊猫，分别叫泰山和美香，现在还加上它们一岁多的孩子，“宝宝”，美国以第一夫人的名义为它庆祝了生日。</span>
</li>
</a>
<a href="paper9.html">
<li>
<img src="img/7index.jpg">
<h5>楼继伟式悲观与中等收入陷阱焦虑症</h5>
<span>多数故事，都需要一个戏剧性情节带来高潮；就像童话《皇帝的新衣》中的小孩，楼继伟指出了房间里的大象。
作为中国财政部长，从年初“两会”期间答记者问引发部分右派知识分子对于“楼继伟式傲慢”的不满，再到4月在清华大学演讲引发的“中等收入陷阱”讨论，引发一些左派对其批判（楼演讲全文可见此处）。经济下滑与政府收入减少夹击的2015年未及一半，而楼继伟已经遭遇左右鞑伐。</span>
</li>
</a>
</ul>
<div id="footer">
<div class="footer_left">
<div class="link">
<a href="" class="link1"><img src="img/contact1.jpg" alt=""></a>
<a href="" class="link2"><img src="img/contact2.jpg" alt=""></a>
<a href="" class="link3"><img src="img/contact3.jpg" alt=""></a>
</div>
</div>
<div class="footer_right">
<div class="contact">
<p>Email : ouyangzhigang@live.com</p>
<p>QQ : 249357105</p>
<p>Tel : (+86)15557319906</p>
<p>weibo : @街头艺人</p>
</div>
</div>
<span id="bs"></span>
</div>
</div>
</div>
</body>
<script src='js/jquery2.js'></script>
<script type="text/javascript" src="js/touch.js"></script>
<script src='js/cdn.js'></script>
<script src="js/index.js"></script>
<script type="text/javascript">
var sli=document.getElementById("navnav").getElementsByTagName('a')[0];
var w=sli.offsetWidth/2;
var l=sli.offsetLeft;
document.getElementById("navnav_slide").style.left=l+w/2+"px";
touch.on(window,"swiperight",function(){
window.open('index6.html','_self');
})
touch.on(window,"swipeleft",function(){
window.open('index2.html','_self');
})
touch.on('#header1','doubletap',function(){
window.open('function-cube.html','_self');
})
</script>
</html>