Home Explore Help
Register Sign In
caiyun
/
caiclouds
Watch 8
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

创建项目

索隆 5 years ago
parent
17ae59ca14
commit
59b4bc6f2c
49 changed files with 5861 additions and 0 deletions
Split View Show Diff Stats
  1. 239 0
      about.html
  2. BIN
      favicon.ico
  3. 137 0
      h5.html
  4. BIN
      images/1.png
  5. BIN
      images/2.png
  6. BIN
      images/3.png
  7. BIN
      images/Contact.png
  8. BIN
      images/aboutBG.png
  9. BIN
      images/aboutus.png
  10. BIN
      images/banner.png
  11. BIN
      images/bannerBG.png
  12. BIN
      images/bannerTitle.png
  13. BIN
      images/banner标题.png
  14. BIN
      images/bg.png
  15. BIN
      images/bg_direction_nav.png
  16. BIN
      images/er.png
  17. BIN
      images/favicon.ico
  18. BIN
      images/forecast.png
  19. BIN
      images/forecast_on.png
  20. BIN
      images/logo.png
  21. BIN
      images/pro_five.png
  22. BIN
      images/pro_four.png
  23. BIN
      images/pro_one.png
  24. BIN
      images/pro_six.png
  25. BIN
      images/pro_three.png
  26. BIN
      images/pro_two.png
  27. BIN
      images/quantifice.png
  28. BIN
      images/quantifice_on.png
  29. BIN
      images/网格背景图.png
  30. BIN
      images/财云logo.png
  31. 253 0
      index.html
  32. 58 0
      style_files/analytics.js
  33. 3303 0
      style_files/animate.css
  34. 5 0
      style_files/bootstrap.min.css
  35. 7 0
      style_files/bootstrap.min.js
  36. 1 0
      style_files/buttons.js
  37. 103 0
      style_files/index.css
  38. 4 0
      style_files/jquery-1.11.1.min.js
  39. 4 0
      style_files/jquery.backstretch.min.js
  40. 7 0
      style_files/jquery.flexslider-min.js
  41. 68 0
      style_files/scripts.js
  42. 95 0
      style_files/slide.css
  43. 1 0
      style_files/slide.min.js
  44. 347 0
      style_files/style-css.css
  45. 1022 0
      style_files/style.css
  46. 180 0
      style_files/style_h5.css
  47. 12 0
      style_files/swiper.min.css
  48. 13 0
      style_files/swiper.min.js
  49. 2 0
      style_files/wow.min.js

+ 239 - 0
about.html
View File 

@@ -0,0 +1,239 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+<head>
4 
+    <title>财云科技</title>
5 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 
+    <meta charset="utf-8">
7 
+    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
8 
+    <link rel="stylesheet" href="./style_files/style-css.css">
9 
+    <style type="text/css">
10 
+    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
11 
+    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
12 
+</style>
13 
+</head>
14 
+
15 
+<body>
16 
+    <header>
17 
+        <div class="center">
18 
+             <img src="images/logo.png" />
19 
+             <div class="nav">
20 
+                <a href="index.html">首页</a>
21 
+                <a href="index.html#INTRODCE"">产品</a>
22 
+                <a href="index.html#PROGRAM">解决方案</a>
23 
+                <a class="current">关于我们</a>
24 
+             </div>
25 
+        </div>
26 
+    </header>
27 
+    <div class="main">
28 
+        <div class="main-nav">
29 
+            <a class="current">关于我们</a>
30 
+            <!--<a class="">加入我们</a>-->
31 
+            <a class="">联系我们</a>
32 
+        </div>
33 
+        <!-- 关于我们 -->
34 
+        <div class="box join" style="display:block;">
35 
+            <div class="title">
36 
+                <div class="titL">///////////////////////</div>
37 
+                <div class="tit">关于我们</div>
38 
+                <div class="titR">\\\\\\\\\\\\\\\\\\\\\\</div>
39 
+            </div>
40 
+            <p>ABOUT US</p>
41 
+            <div class="detail" style="width:1100px;">杭州财云科技有限公司创立于２０１４年，是家高科技型创业企业，财云科技定位为“智能投顾金融科技服务专家”，
42 
+专注于大数据、人工智能、区块链等技术在金融投资领域的应用。当前主要服务于股票、数字货币量化投资及金融衍生业务，提供区块链、大数据风控金融科技服务技术解决方案，并基于区块链技术构建投资者互动社区。</div>
43 
+            <div class="column">
44 
+                <div class="col-left"><img src="images/aboutus.png" /></div>
45 
+                <div class="col-right">
46 
+                    <p class="titbit">公司定位</p>
47 
+                    <p class="det">智能投顾金融科技服务专家</p>
48 
+                    <p class="titbit">公司愿景</p>
49 
+                    <p class="det">用智能科技帮助投资者实现更高赢率</p>
50 
+                    <p class="titbit">公司使命</p>
51 
+                    <p class="det">让投资理财更简单</p>
52 
+                </div>
53 
+            </div>
54 
+        </div>
55 
+        <!-- 加入我们 -->
56 
+        <!--<div class="box about" style="display:none;">
57 
+            <div class="title">
58 
+                <div class="titL">///////////////////////</div>
59 
+                <div class="tit">加入我们</div>
60 
+                <div class="titR">\\\\\\\\\\\\\\\\\\\\\\</div>
61 
+            </div>
62 
+            <p>JOIN US</p>
63 
+            <div class="detail" style="width:800px;">如果你在区块链、股票、智能投顾、金融行业有丰富的经验、且对我们所做的事情感兴趣
64 
+欢迎联系我们，简历请发至hr@caiyun.com</div>
65 
+            <div class="banner">
66 
+                <div id="container">
67 
+                    <div class="flexslider">
68 
+                      <ul class="slides">
69 
+                        <li> <a style="background:url(images/1.png) no-repeat center;background-size: cover;"></a> </li>
70 
+                        <li> <a style="background:url(images/2.png) no-repeat center;background-size: cover;"></a> </li>
71 
+                        <li> <a style="background:url(images/3.png) no-repeat center;background-size: cover;"></a> </li>
72 
+                      </ul>
73 
+                    </div>
74 
+                  </div>
75 
+            </div>
76 
+        </div>-->
77 
+
78 
+        <!-- 联系我们 -->
79 
+        <div class="box contact" style="display:none;">
80 
+            <div class="title">
81 
+                <div class="titL">///////////////////////</div>
82 
+                <div class="tit">联系我们</div>
83 
+                <div class="titR">\\\\\\\\\\\\\\\\\\\\\\</div>
84 
+            </div>
85 
+            <p>CONTACT US</p>
86 
+            <div class="column">
87 
+                <div class="col-left">
88 
+                    <div style="width:600px;height:420px;" id="dituContent"></div>
89 
+                    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
90 
+                    <script type="text/javascript">
91 
+                        //创建和初始化地图函数：
92 
+                        function initMap(){
93 
+                            createMap();//创建地图
94 
+                            setMapEvent();//设置地图事件
95 
+                            addMapControl();//向地图添加控件
96 
+                            addMarker();//向地图中添加marker
97 
+                        }
98 
+
99 
+                        //创建地图函数：
100 
+                        function createMap(){
101 
+                            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
102 
+                            var point = new BMap.Point(120.202898,30.236436);//定义一个中心点坐标
103 
+                            map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
104 
+                            window.map = map;//将map变量存储在全局
105 
+                        }
106 
+
107 
+                        //地图事件设置函数：
108 
+                        function setMapEvent(){
109 
+                            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
110 
+                            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
111 
+                            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
112 
+                            map.enableKeyboard();//启用键盘上下左右键移动地图
113 
+                        }
114 
+
115 
+                        //地图控件添加函数：
116 
+                        function addMapControl(){
117 
+                            //向地图中添加缩放控件
118 
+                        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
119 
+                        map.addControl(ctrl_nav);
120 
+                            //向地图中添加缩略图控件
121 
+                        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
122 
+                        map.addControl(ctrl_ove);
123 
+                            //向地图中添加比例尺控件
124 
+                        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
125 
+                        map.addControl(ctrl_sca);
126 
+                        }
127 
+
128 
+                        //标注点数组
129 
+                        var markerArr = [{title:"杭州火剧科技有限公司",content:"浙江省杭州市上城区近江时代大厦B2102",point:"120.202898|30.236748",isOpen:1,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}}
130 
+                             ];
131 
+                        //创建marker
132 
+                        function addMarker(){
133 
+                            for(var i=0;i<markerArr.length;i++){
134 
+                                var json = markerArr[i];
135 
+                                var p0 = json.point.split("|")[0];
136 
+                                var p1 = json.point.split("|")[1];
137 
+                                var point = new BMap.Point(p0,p1);
138 
+                                var iconImg = createIcon(json.icon);
139 
+                                var marker = new BMap.Marker(point,{icon:iconImg});
140 
+                                var iw = createInfoWindow(i);
141 
+                                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
142 
+                                marker.setLabel(label);
143 
+                                map.addOverlay(marker);
144 
+                                label.setStyle({
145 
+                                            borderColor:"#808080",
146 
+                                            color:"#333",
147 
+                                            cursor:"pointer"
148 
+                                });
149 
+
150 
+                                (function(){
151 
+                                    var index = i;
152 
+                                    var _iw = createInfoWindow(i);
153 
+                                    var _marker = marker;
154 
+                                    _marker.addEventListener("click",function(){
155 
+                                        this.openInfoWindow(_iw);
156 
+                                    });
157 
+                                    _iw.addEventListener("open",function(){
158 
+                                        _marker.getLabel().hide();
159 
+                                    })
160 
+                                    _iw.addEventListener("close",function(){
161 
+                                        _marker.getLabel().show();
162 
+                                    })
163 
+                                    label.addEventListener("click",function(){
164 
+                                        _marker.openInfoWindow(_iw);
165 
+                                    })
166 
+                                    if(!!json.isOpen){
167 
+                                        label.hide();
168 
+                                        _marker.openInfoWindow(_iw);
169 
+                                    }
170 
+                                })()
171 
+                            }
172 
+                        }
173 
+                        //创建InfoWindow
174 
+                        function createInfoWindow(i){
175 
+                            var json = markerArr[i];
176 
+                            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
177 
+                            return iw;
178 
+                        }
179 
+                        //创建一个Icon
180 
+                        function createIcon(json){
181 
+                            var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
182 
+                            return icon;
183 
+                        }
184 
+
185 
+                        initMap();//创建和初始化地图
186 
+                    </script>
187 
+                </div>
188 
+                <div class="col-right">
189 
+                    <p class="titbit">商务合作</p>
190 
+                    <p class="det">谢先生  15057101277</p>
191 
+                    <p class="titbit">媒体合作</p>
192 
+                    <p class="det">0571-83835678</p>
193 
+                    <p class="titbit">公司招聘</p>
194 
+                    <p class="det">顾女士  hr@caiyun.com</p>
195 
+                </div>
196 
+            </div>
197 
+        </div>
198 
+
199 
+    </div>
200 
+    <footer>
201 
+        <div class="foot">
202 
+            <div class="footL">
203 
+                <img src="images/logo.png" />
204 
+                <p>© CopyRight 2017 www.caiyun.com 杭州财云科技有限公司 浙ICP备16009421号-1</p>
205 
+            </div>
206 
+            <div class="footR">
207 
+                <div class="line">
208 
+                    <p>关于我们<text>商务合作：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp谢先生  15057101277</text></p>
209 
+                    <p>加入我们<text>公司招聘：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp顾女士  hr@caiyun.com</text></p>
210 
+                    <p>联系我们<text>公司地址：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp杭州市上城区近江时代大厦B2102室</text></p>
211 
+                </div>
212 
+                <div class="er">
213 
+                    <p>关注财云科技</p>
214 
+                    <img src="images/er.png" />
215 
+                </div>
216 
+            </div>
217 
+        </div>
218 
+    </footer>
219 
+    <script src="./style_files/jquery-1.11.1.min.js"></script>
220 
+    <script src="./style_files/jquery.flexslider-min.js"></script>
221 
+    <script>
222 
+        $(window).load(function() {
223 
+            $('.flexslider').flexslider();
224 
+
225 
+            $('.main .main-nav a').click(function(){
226 
+                var index = $(this).index();
227 
+                $(this).siblings('a').removeClass('current');
228 
+                $(this).addClass('current');
229 
+                $(this).parents('.main-nav').siblings('.box').css('display','none');
230 
+                $(this).parents('.main-nav').siblings('.box:eq(' + index + ')').css('display','block');
231 
+            });
232 
+        });
233 
+        $(function(){
234 
+
235 
+        });
236 
+    </script>>
237 
+</body>
238 
+
239 
+</html>

BIN
favicon.ico
View File


+ 137 - 0
h5.html
View File 

@@ -0,0 +1,137 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+<head>
4 
+<meta charset="utf-8">
5 
+<meta name="viewport" content="width=device-width,  initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,  user-scalable=no">
6 
+
7 
+<title>财云科技H5</title>
8 
+<link rel="stylesheet" href="./style_files/style_h5.css">
9 
+<link rel="stylesheet" href="./style_files/swiper.min.css">
10 
+</head>
11 
+
12 
+<body>
13 
+	<div class="header">
14 
+		<img src="./images/logo.png" />
15 
+	</div>
16 
+	<div class="ban">
17 
+		<img src="./images/bannerTitle.png" />
18 
+	</div>
19 
+	<!-- 产品介绍 -->
20 
+	<div class="introduce inforBox">
21 
+		<div class="title">
22 
+			<div class="tit-box">
23 
+				<div class="left-tit">///////////////</div>
24 
+				<div class="center-tit">TO C 产品介绍</div>
25 
+				<div class="left-tit">\\\\\\\\\\\\\\\</div>
26 
+			</div>
27 
+			<div class="fu-tit">INTRODUCE</div>
28 
+		</div>
29 
+		<div class="swiper-container">
30 
+			<div class="swiper-wrapper">
31 
+				<div class="swiper-slide">
32 
+					<div class="interImg"></div>
33 
+            		<p class="interTitle">股票/数币预测社区</p>
34 
+            		<p class="interDetails">构建首个基于区块链技术的去中心化投资者互动社区，实现对股票、数字货币的分析预测，颠覆传统的股票社区、论坛，及股票分析师、股评家模式。</p>
35 
+				</div>
36 
+				<div class="swiper-slide">
37 
+					<div class="interImgR"></div>
38 
+            		<p class="interTitle">智能量化投顾平台</p>
39 
+            		<p class="interDetails">研发首个整合价值投资与量化交易的智能投顾平台，基于人工智能与大数据技术，打造智能投顾服务，服务万亿资管市场；并同时将智能投顾应用于数币交易。</p>
40 
+				</div>
41 
+			</div>
42 
+		</div>
43 
+		<div class="swiper-pagination"></div>
44 
+	</div>
45 
+	<!-- 解决方案 -->
46 
+	<div class="inforBox Program">
47 
+		<div class="title">
48 
+			<div class="tit-box">
49 
+				<div class="left-tit">///////////////</div>
50 
+				<div class="center-tit">TO B 解决方案</div>
51 
+				<div class="left-tit">\\\\\\\\\\\\\\\</div>
52 
+			</div>
53 
+			<div class="fu-tit">Program</div>
54 
+		</div>
55 
+		<div class="swiper-container-two" style="overflow:hidden;">
56 
+			<div class="swiper-wrapper">
57 
+				<div class="swiper-slide" style="text-align:center;">
58 
+					<img class="ProgramImg" src="images/pro_one.png" />
59 
+                    <p class="leftTit">区块链+供应链金融</p>
60 
+                    <p class="leftD">经核心企业签发的信用凭证上链后，基于供应链条可以进行层层拆分和流转，拆分后的凭证可完整追溯到信用凭证的源头，实现核心企业对多级供应商的信用穿透，解决中小企业融资增信问题。</p>
61 
+				</div>
62 
+				<div class="swiper-slide" style="text-align:center;">
63 
+					<img class="ProgramImg" src="images/pro_two.png" />
64 
+                    <p class="leftTit">区块链+电子存证</p>
65 
+                    <p class="leftD">利用区块链的不可篡改、可追溯等特性，实现电子合同、电子发票等信息的存储。保障电子证据的安全存证和高效提取。</p>
66 
+				</div>
67 
+				<div class="swiper-slide" style="text-align:center;">
68 
+					<img class="ProgramImg" src="images/pro_three.png" />
69 
+                    <p class="leftTit">区块链 + 积分</p>
70 
+                    <p class="leftD">利用区块链构建统一的积分token，构建积分联盟体系，促使积分可以在不同商家之间流转，提高用户获取积分的积极性，打造共赢商圈。</p>
71 
+				</div>
72 
+				<div class="swiper-slide" style="text-align:center;">
73 
+                    <img class="ProgramImg" src="images/pro_four.png" />
74 
+                    <p class="leftTit">区块链 + 调研投票</p>
75 
+                    <p class="leftD">使用区块链技术，构建民意调查、事件预测、体育竞猜等业务应用。保证业务的公开、公正和透明。</p>
76 
+				</div>
77 
+				<div class="swiper-slide" style="text-align:center;">
78 
+                    <img class="ProgramImg" src="images/pro_five.png" />
79 
+                    <p class="leftTit">区块链 +版权保护和交易</p>
80 
+                    <p class="leftD">利用区块链技术实现数字内容的确权，版权转让，授权，用权等业务。所有交易记录均存储在区块链上，实现版权保护和高效流转。</p>
81 
+				</div>
82 
+				<div class="swiper-slide" style="text-align:center;">
83 
+                    <img class="ProgramImg" src="images/pro_five.png" />
84 
+                    <p class="leftTit">区块链 +版权保护和交易</p>
85 
+                    <p class="leftD">利用区块链技术实现数字内容的确权，版权转让，授权，用权等业务。所有交易记录均存储在区块链上，实现版权保护和高效流转。</p>
86 
+				</div>
87 
+				<div class="swiper-slide" style="text-align:center;">
88 
+                    <img class="ProgramImg" src="images/pro_six.png" />
89 
+                    <p class="leftTit">智能合约</p>
90 
+                    <p class="leftD">基于区块链底层技术，提供智能合约应用解决方案，根据业务需求，构建智能合约执行商业逻辑。</p>
91 
+				</div>
92 
+			</div>
93 
+		</div>
94 
+		<div class="swiper-pagination-two"></div>
95 
+	</div>
96 
+	<!-- 关于我们 -->
97 
+	<div class="inforBox aboutUs">
98 
+		<div class="title">
99 
+			<div class="tit-box">
100 
+				<div class="left-tit">///////////////</div>
101 
+				<div class="center-tit">关于我们</div>
102 
+				<div class="left-tit">\\\\\\\\\\\\\\\</div>
103 
+			</div>
104 
+			<div class="fu-tit">ABOUT US</div>
105 
+		</div>
106 
+		<div class="aboutImg">
107 
+			<p class="first">公司定位</p>
108 
+			<p class="second">智能投顾金融科技服务专家</p>
109 
+			<p class="first">公司愿景</p>
110 
+			<p class="second">用智能科技帮助投资者实现更高赢率</p>
111 
+			<p class="first">公司使命</p>
112 
+			<p class="second">让投资理财更简单</p>
113 
+		</div>
114 
+		<p class="briefInfor">杭州财云科技有限公司创立于２０１４年，是家高科技型创业企业，财云科技定位为“智能投顾金融科技服务专家”，专注于大数据、人工智能、区块链等技术在金融投资领域的应用。当前主要服务于股票、数字货币量化投资及金融衍生业务，提供区块链、大数据风控金融科技服务技术解决方案，并基于区块链技术构建投资者互动社区。</p>
115 
+	</div>
116 
+	<footer>
117 
+		<p>商务合作：谢先生  15057101277</p>
118 
+		<p>公司招聘：顾女士  hr@caiyun.com</p>
119 
+		<p>公司地址：杭州市上城区近江时代大厦B2102室</p>
120 
+		<p class="last">© CopyRight 2017 www.caiyun.com 杭州财云科技有限公司 浙ICP备16009421号-1</p>
121 
+	</footer>
122 
+	<script src="./style_files/swiper.min.js"></script>
123 
+	<script>
124 
+	    var swiper = new Swiper('.swiper-container', {
125 
+	      pagination: {
126 
+	        el: '.swiper-pagination',
127 
+	      },
128 
+	    });
129 
+	    var swiper = new Swiper('.swiper-container-two', {
130 
+	      pagination: {
131 
+	        el: '.swiper-pagination-two',
132 
+	      },
133 
+	    });
134 
+	</script>
135 
+</body>
136 
+
137 
+</html>

BIN
images/1.png
View File


BIN
images/2.png
View File


BIN
images/3.png
View File


BIN
images/Contact.png
View File


BIN
images/aboutBG.png
View File


BIN
images/aboutus.png
View File


BIN
images/banner.png
View File


BIN
images/bannerBG.png
View File


BIN
images/bannerTitle.png
View File


BIN
images/banner标题.png
View File


BIN
images/bg.png
View File


BIN
images/bg_direction_nav.png
View File


BIN
images/er.png
View File


BIN
images/favicon.ico
View File


BIN
images/forecast.png
View File


BIN
images/forecast_on.png
View File


BIN
images/logo.png
View File


BIN
images/pro_five.png
View File


BIN
images/pro_four.png
View File


BIN
images/pro_one.png
View File


BIN
images/pro_six.png
View File


BIN
images/pro_three.png
View File


BIN
images/pro_two.png
View File


BIN
images/quantifice.png
View File


BIN
images/quantifice_on.png
View File


BIN
images/网格背景图.png
View File


BIN
images/财云logo.png
View File


+ 253 - 0
index.html
View File 

@@ -0,0 +1,253 @@
1 
+<!DOCTYPE html>
2 
+<!-- saved from url=(0021)https://compodoc.app/ -->
3 
+<html lang="">
4 
+<head>
5 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 
+    <meta charset="utf-8">
7 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
+    <meta name="description" content="">
9 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10 
+    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
11 
+    <title>财云科技</title>
12 
+        <link rel="stylesheet" href="./style_files/bootstrap.min.css">
13 
+        <link rel="stylesheet" href="./style_files/animate.css">
14 
+        <link rel="stylesheet" href="./style_files/style.css">
15 
+        <link rel="stylesheet" href="./style_files/slide.css">
16 
+        <link rel="stylesheet" href="./style_files/index.css">
17 
+    </head>
18 
+
19 
+    <body>
20 
+        <div class="top-content banner">
21 
+
22 
+        	<!-- Top menu -->
23 
+			<nav class="navbar navbar-inverse" role="navigation">
24 
+				<div class="container">
25 
+					<div class="navbar-header">
26 
+						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1" aria-expanded="false">
27 
+							<span class="sr-only">Toggle navigation</span>
28 
+							<span class="icon-bar"></span>
29 
+							<span class="icon-bar"></span>
30 
+							<span class="icon-bar"></span>
31 
+						</button>
32 
+						<a class="navbar-brand" href=""></a>
33 
+					</div>
34 
+					<!-- Collect the nav links, forms, and other content for toggling -->
35 
+					<div class="navbar-collapse collapse" id="top-navbar-1" aria-expanded="false" style="height: 0px;">
36 
+						<ul class="nav navbar-nav navbar-right">
37 
+                            <li><a href="#index">首页</a></li>
38 
+                            <li><a href="#INTRODCE">产品</a></li>
39 
+                            <li><a class="social-changelog" href="#PROGRAM">解决方案</a></li>
40 
+                            <li><a class="social-github aboutPC" href="about.html">关于我们</a></li>
41 
+                            <li><a class="social-github aboutM" href="#ABOUTUS">关于我们</a></li>
42 
+						</ul>
43 
+					</div>
44 
+				</div>
45 
+			</nav>
46 
+
47 
+            <div class="inner-bg">
48 
+                <div class="container" style="">
49 
+
50 
+                    <div class="row" style="position:absolute;left:0;right:0;top:300px;margin:0;">
51 
+                        <div class="col-sm-8 col-sm-offset-2 text wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
52 
+                            <img src="images/bannerTitle.png" />
53 
+
54 
+                        </div>
55 
+                    </div>
56 
+                </div>
57 
+            </div>
58 
+
59 
+        <div class="backstretch"></div></div>
60 
+
61 
+        <!-- 产品介绍 -->
62 
+
63 
+        <div class="features-container section-container">
64 
+	        <div class="container">
65 
+	            <div class="row">
66 
+                    <a name="INTRODCE"></a>
67 
+	                <div class="col-sm-12 features section-description wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;">
68 
+
69 
+                        <div class="col-sm-4 column-iconL">///////////////////////</div>
70 
+                        <div class="col-sm-4 column-title"><text>TO C 产品介绍</text></div>
71 
+                        <div class="col-sm-4 column-iconR">\\\\\\\\\\\\\\\\\\\\\\</div>
72 
+	                </div>
73 
+	                <div class="col-sm-12 Subtitle">INTRODCE</div>
74 
+	            </div>
75 
+	            <div class="row">
76 
+	            	<div class="col-sm-5 introdce features-box wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
77 
+	            		<div class="interImg"></div>
78 
+	            		<p class="interTitle">股票/数币预测社区</p>
79 
+	            		<p class="interDetails">构建首个基于区块链技术的去中心化投资者互动社区，实现对股票、数字货币的分析预测，颠覆传统的股票社区、论坛，及股票分析师、股评家模式。</p>
80 
+	            	</div>
81 
+	            	<div class="col-sm-5 col-sm-offset-2 introdce features-box wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
82 
+	            		<div class="interImgR"></div>
83 
+	            		<p class="interTitle">智能量化投顾平台</p>
84 
+	            		<p class="interDetails">研发首个整合价值投资与量化交易的智能投顾平台，基于人工智能与大数据技术，打造智能投顾服务，服务万亿资管市场；并同时将智能投顾应用于数币交易。</p>
85 
+	            	</div>
86 
+	            </div>
87 
+
88 
+	        </div>
89 
+        </div>
90 
+        <!-- 解决方案 -->
91 
+        <div class="features-container section-container program" id="program">
92 
+	        <div class="container">
93 
+                <a name="PROGRAM"></a>
94 
+                <div class="row">
95 
+                    <div class="col-sm-12 features section-description wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;">
96 
+                        <div class="col-sm-4 column-iconL">///////////////////////</div>
97 
+                        <div class="col-sm-4 column-title"><text>TO B 解决方案</text></div>
98 
+                        <div class="col-sm-4 column-iconR">\\\\\\\\\\\\\\\\\\\\\\</div>
99 
+                    </div>
100 
+                    <div class="col-sm-12 Subtitle" style="margin-bottom:0;">PROGRAM</div>
101 
+                </div>
102 
+                <div class="ban">
103 
+
104 
+                    <div id="slide3d" class="slide-carousel slide-3d">
105 
+                        <ul  class="item-list clearfix">
106 
+                            <li class="item0">
107 
+                                <div class="leftbox">
108 
+                                    <img src="images/pro_one.png" />
109 
+                                    <p class="leftTit">区块链+供应链金融</p>
110 
+                                    <p class="leftD">经核心企业签发的信用凭证上链后，基于供应链条可以进行层层拆分和流转，拆分后的凭证可完整追溯到信用凭证的源头，实现核心企业对多级供应商的信用穿透，解决中小企业融资增信问题。</p>
111 
+                                </div>
112 
+                            </li>
113 
+                            <li class="item1">
114 
+                                <div class="leftbox">
115 
+                                    <img src="images/pro_two.png" />
116 
+                                    <p class="leftTit">区块链+电子存证</p>
117 
+                                    <p class="leftD">利用区块链的不可篡改、可追溯等特性，实现电子合同、电子发票等信息的存储。保障电子证据的安全存证和高效提取。</p>
118 
+                                </div>
119 
+                            </li>
120 
+                            <li class="item2">
121 
+                                <div class="leftbox">
122 
+                                    <img src="images/pro_three.png" />
123 
+                                    <p class="leftTit">区块链 + 积分</p>
124 
+                                    <p class="leftD">利用区块链构建统一的积分token，构建积分联盟体系，促使积分可以在不同商家之间流转，提高用户获取积分的积极性，打造共赢商圈。</p>
125 
+                                </div>
126 
+                            </li>
127 
+                            <li class="item3">
128 
+                                <div class="leftbox">
129 
+                                    <img src="images/pro_four.png" />
130 
+                                    <p class="leftTit">区块链 + 调研投票</p>
131 
+                                    <p class="leftD">使用区块链技术，构建民意调查、事件预测、体育竞猜等业务应用。保证业务的公开、公正和透明。</p>
132 
+                                </div>
133 
+                            </li>
134 
+                            <li class="item4">
135 
+                                <div class="leftbox">
136 
+                                    <img src="images/pro_five.png" />
137 
+                                    <p class="leftTit">区块链 +版权保护和交易</p>
138 
+                                    <p class="leftD">利用区块链技术实现数字内容的确权，版权转让，授权，用权等业务。所有交易记录均存储在区块链上，实现版权保护和高效流转。</p>
139 
+                                </div>
140 
+                            </li>
141 
+                            <li class="item5">
142 
+                                <div class="leftbox">
143 
+                                    <img src="images/pro_six.png" />
144 
+                                    <p class="leftTit">智能合约</p>
145 
+                                    <p class="leftD">基于区块链底层技术，提供智能合约应用解决方案，根据业务需求，构建智能合约执行商业逻辑。</p>
146 
+                                </div>
147 
+                            </li>
148 
+                            <li class="item6">
149 
+                                <div class="leftbox">
150 
+                                    <img src="images/pro_five.png" />
151 
+                                    <p class="leftTit">区块链 +版权保护和交易</p>
152 
+                                    <p class="leftD">利用区块链技术实现数字内容的确权，版权转让，授权，用权等业务。所有交易记录均存储在区块链上，实现版权保护和高效流转。</p>
153 
+                                </div>
154 
+                            </li>
155 
+                        </ul>
156 
+                        <!--indicators-->
157 
+                        <div class="indicator-list">
158 
+                            <a href="javascript:void(0);" data-slide-index="0" class="selected"></a>
159 
+                            <a href="javascript:void(0);" data-slide-index="1"></a>
160 
+                            <a href="javascript:void(0);" data-slide-index="2"></a>
161 
+                            <a href="javascript:void(0);" data-slide-index="3"></a>
162 
+                            <a href="javascript:void(0);" data-slide-index="4"></a>
163 
+                            <a href="javascript:void(0);" data-slide-index="5"></a>
164 
+                            <a href="javascript:void(0);" data-slide-index="6"></a>
165 
+                        </div>
166 
+                        <!--controls-->
167 
+                        <!-- <div class="controls">
168 
+                            <a  class="item-prev glyphicon glyphicon-menu-left" href="javascript:void(0);"></a>
169 
+                            <a  class="item-next glyphicon glyphicon-menu-right" href="javascript:void(0);"></a>
170 
+                        </div> -->
171 
+                    </div>
172 
+                </div>
173 
+	        </div>
174 
+        </div>
175 
+        <!-- 解决方案 -->
176 
+        <div class="features-container section-container program" style="background-color:#fff;">
177 
+	        <div class="container">
178 
+                <a name="ABOUTUS"></a>
179 
+	            <div class="row">
180 
+	                <div class="col-sm-12 features section-description wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;">
181 
+                        <div class="col-sm-4 column-iconL">///////////////////////</div>
182 
+                        <div class="col-sm-4 column-title"><text>关于我们</text></div>
183 
+                        <div class="col-sm-4 column-iconR">\\\\\\\\\\\\\\\\\\\\\\</div>
184 
+	                </div>
185 
+	                <div class="col-sm-12 Subtitle">ABOUT US</div>
186 
+	            </div>
187 
+	            <div class="row">
188 
+                    <p class="aboutUs">杭州财云科技有限公司创立于２０１４年，是家高科技型创业企业，财云科技定位为“智能投顾金融科技服务专家”，
189 
+专注于大数据、人工智能、区块链等技术在金融投资领域的应用。当前主要服务于股票、数字货币量化投资及金融衍生业务，提供区块链、大数据风控金融科技服务技术解决方案，并基于区块链技术构建投资者互动社区。</p>
190 
+                </div>
191 
+                <div class="row ">
192 
+                    <div class="col-sm-6  wow fadeInLeft animated" style="visibility: visible; animation-name: fadeInLeft;padding:0;">
193 
+                        <img src="images/aboutus.png" />
194 
+                    </div>
195 
+                    <div class="col-sm-6 aboutDet wow fadeInRight animated" style="visibility: visible; animation-name: fadeInRight;">
196 
+                        <div class="aboutTit">公司定位</div>
197 
+                        <div class="aboutBit">智能投顾金融科技服务专家</div>
198 
+                        <div class="aboutTit">公司愿景</div>
199 
+                        <div class="aboutBit">用智能科技帮助投资者实现更高赢率</div>
200 
+                        <div class="aboutTit">公司使命</div>
201 
+                        <div class="aboutBit">让投资理财更简单</div>
202 
+                    </div>
203 
+                </div>
204 
+	        </div>
205 
+        </div>
206 
+        <footer>
207 
+	        <div class="container">
208 
+				<div class="row">
209 
+					<div class="col-sm-6 recordBox">
210 
+						<img src="images/logo.png" />
211 
+						<div class="record">© CopyRight 2017 www.caiyun.com 杭州财云科技有限公司 浙ICP备16009421号-1</div>
212 
+					</div>
213 
+					<div class="col-sm-6 ">
214 
+						<div class="col-sm-9" style="padding:0;">
215 
+							<div class="col_botton">
216 
+								<span>关于我们</span>
217 
+								<span>商务合作：谢先生  15057101277</span>
218 
+							</div>
219 
+							<div class="addtUs col_botton">
220 
+								<span>加入我们</span>
221 
+								<span>公司招聘：顾女士  hr@caiyun.com</span>
222 
+							</div>
223 
+							<div class="contactUs col_botton">
224 
+								<span>联系我们</span>
225 
+								<span>公司地址：杭州市上城区近江时代大厦B2102室</span>
226 
+							</div>
227 
+						</div>
228 
+						<div class="col-sm-3"><img class="er" src="images/er.png" /></div>
229 
+					</div>
230 
+				</div>
231 
+
232 
+	        </div>
233 
+        </footer>
234 
+        <script async="" src="./style_files/analytics.js"></script><script src="./style_files/jquery-1.11.1.min.js"></script>
235 
+        <script src="./style_files/bootstrap.min.js"></script>
236 
+        <script src="./style_files/jquery.backstretch.min.js"></script>
237 
+        <script src="./style_files/wow.min.js"></script>
238 
+        <script src="./style_files/scripts.js"></script>
239 
+        <script async="" defer="" src="./style_files/buttons.js"></script>
240 
+
241 
+        <script async="" src="./style_files/analytics.js"></script>
242 
+
243 
+        <script src="./style_files/slide.min.js"></script>
244 
+        <script>
245 
+            $(function(){
246 
+                $('#slide3d').slideCarsousel({slideType:'3d',indicatorEvent:'mouseover'});
247 
+            });
248 
+        </script>
249 
+
250 
+
251 
+
252 
+
253 
+</body></html>

File diff suppressed because it is too large
+ 58 - 0
style_files/analytics.js


File diff suppressed because it is too large
+ 3303 - 0
style_files/animate.css


File diff suppressed because it is too large
+ 5 - 0
style_files/bootstrap.min.css


File diff suppressed because it is too large
+ 7 - 0
style_files/bootstrap.min.js


File diff suppressed because it is too large
+ 1 - 0
style_files/buttons.js


+ 103 - 0
style_files/index.css
View File 

@@ -0,0 +1,103 @@
1 
+li{
2 
+  list-style:none;
3 
+}
4 
+#program .ban {
5 
+  width: 950px;
6 
+  height:640px;
7 
+  margin: 50px auto 0;
8 
+}
9 
+#program .ban .slide-carousel {
10 
+  margin-bottom: 20px;
11 
+}
12 
+#program .ban .slide-3d .desc {
13 
+  display: none;
14 
+}
15 
+#program .ban .slide-3d .item-list li {
16 
+  width: 500px;
17 
+  height: 550px;
18 
+  background-color:#fff;
19 
+  transition: all 0.5s ease-out;
20 
+  opacity: 0;
21 
+  position: absolute;
22 
+  top: 0;
23 
+  left: 0;
24 
+  box-shadow: 0px 4px 10px 2px rgba(206, 225, 243, 0.38);
25 
+  border: solid 1px #f0f3f5;
26 
+}
27 
+#program .ban .slide-3d .item-list li.item0 {
28 
+  transform: translate3d(-225px, 0, 0) scale(0.8);
29 
+}
30 
+#program .ban .slide-3d .item-list li.item1 {
31 
+  transform: translate3d(0, 0, 0) scale(0.8);
32 
+  transform-origin: 0 50%;
33 
+  opacity: 1;
34 
+  z-index: 2;
35 
+}
36 
+#program .ban .slide-3d .item-list li.item2 {
37 
+  transform: translate3d(225px, 0, 0) scale(1);
38 
+  transform-origin: 0 50%;
39 
+  opacity: 1;
40 
+  z-index: 3;
41 
+}
42 
+#program .ban .slide-3d .item-list li.item3 {
43 
+  transform: translate3d(450px, 0, 0) scale(0.8);
44 
+  transform-origin: 100% 50%;
45 
+  opacity: 1;
46 
+  z-index: 2;
47 
+}
48 
+#program .ban .slide-3d .item-list li.item4 {
49 
+  transform: translate3d(675px, 0, 0) scale(0.8);
50 
+}
51 
+#program .ban .slide-3d .item-list li.item5 {
52 
+  transform: translate3d(900px, 0, 0) scale(0.8);
53 
+}
54 
+#program .ban .slide-3d .item-list li.item6 {
55 
+  transform: translate3d(1125px, 0, 0) scale(0.8);
56 
+}
57 
+#program .ban .slide-3d .item-list li.item7 {
58 
+  transform: translate3d(1350px, 0, 0) scale(0.8);
59 
+}
60 
+#program .ban .slide-3d .item-list li.item8 {
61 
+  transform: translate3d(1575px, 0, 0) scale(0.8);
62 
+}
63 
+#program .ban .slide-3d .item-list li.item9 {
64 
+  transform: translate3d(1800px, 0, 0) scale(0.8);
65 
+}
66 
+#program .ban .slide-2d .item-list li {
67 
+  width: 1200px;
68 
+  height: 300px;
69 
+  transition: all 0.5s ease-out;
70 
+  position: absolute;
71 
+  top: 0;
72 
+  left: 0;
73 
+}
74 
+#program .ban .slide-2d .item-list li.item0 {
75 
+  transform: translateX(-1200px);
76 
+}
77 
+#program .ban .slide-2d .item-list li.item1 {
78 
+  transform: translateX(0px);
79 
+}
80 
+#program .ban .slide-2d .item-list li.item2 {
81 
+  transform: translateX(1200px);
82 
+}
83 
+#program .ban .slide-2d .item-list li.item3 {
84 
+  transform: translateX(2400px);
85 
+}
86 
+#program .ban .slide-2d .item-list li.item4 {
87 
+  transform: translateX(3600px);
88 
+}
89 
+#program .ban .slide-2d .item-list li.item5 {
90 
+  transform: translateX(4800px);
91 
+}
92 
+#program .ban .slide-2d .item-list li.item6 {
93 
+  transform: translateX(6000px);
94 
+}
95 
+#program .ban .slide-2d .item-list li.item7 {
96 
+  transform: translateX(7200px);
97 
+}
98 
+#program .ban .slide-2d .item-list li.item8 {
99 
+  transform: translateX(8400px);
100 
+}
101 
+#program .ban .slide-2d .item-list li.item9 {
102 
+  transform: translateX(9600px);
103 
+}

File diff suppressed because it is too large
+ 4 - 0
style_files/jquery-1.11.1.min.js


File diff suppressed because it is too large
+ 4 - 0
style_files/jquery.backstretch.min.js


File diff suppressed because it is too large
+ 7 - 0
style_files/jquery.flexslider-min.js


+ 68 - 0
style_files/scripts.js
View File 

@@ -0,0 +1,68 @@
1 
+
2 
+function scroll_to(clicked_link, nav_height) {
3 
+	var element_class = clicked_link.attr('href').replace('#', '.');
4 
+	var scroll_to = 0;
5 
+	if(element_class != '.top-content') {
6 
+		element_class += '-container';
7 
+		scroll_to = $(element_class).offset().top - nav_height;
8 
+	}
9 
+	if($(window).scrollTop() != scroll_to) {
10 
+		$('html, body').stop().animate({scrollTop: scroll_to}, 1000);
11 
+	}
12 
+}
13 
+
14 
+
15 
+jQuery(document).ready(function() {
16 
+
17 
+	/*
18 
+	    Navigation
19 
+	*/
20 
+	$('a.scroll-link').on('click', function(e) {
21 
+		e.preventDefault();
22 
+		scroll_to($(this), 0);
23 
+	});
24 
+
25 
+    /*
26 
+        Background slideshow
27 
+    */
28 
+    // $('.top-content').backstretch("assets/img/backgrounds/1.jpg");
29 
+    // $('.how-it-works-container').backstretch("assets/img/backgrounds/1.jpg");
30 
+    // $('.call-to-action-container').backstretch("assets/img/backgrounds/1.jpg");
31 
+
32 
+    $('#top-navbar-1').on('shown.bs.collapse', function(){
33 
+    	$('.top-content').backstretch("resize");
34 
+    });
35 
+    $('#top-navbar-1').on('hidden.bs.collapse', function(){
36 
+    	$('.top-content').backstretch("resize");
37 
+    });
38 
+
39 
+    /*
40 
+        Wow
41 
+    */
42 
+    new WOW().init();
43 
+
44 
+	/*
45 
+	    Modals
46 
+	*/
47 
+	$('.launch-modal').on('click', function(e){
48 
+		e.preventDefault();
49 
+		$( '#' + $(this).data('modal-id') ).modal();
50 
+	});
51 
+
52 
+});
53 
+
54 
+
55 
+jQuery(window).load(function() {
56 
+
57 
+	/*
58 
+		Loader
59 
+	*/
60 
+	$(".loader-img").fadeOut();
61 
+	$(".loader").delay(1000).fadeOut("slow");
62 
+
63 
+	/*
64 
+		Hidden images
65 
+	*/
66 
+	$(".modal-body img, .testimonial-image img, #slider-1 img").attr("style", "width: auto !important; height: auto !important;");
67 
+
68 
+});

+ 95 - 0
style_files/slide.css
View File 

@@ -0,0 +1,95 @@
1 
+.slide-carousel {
2 
+  width: 100%;
3 
+  height: 100%;
4 
+  position: relative;
5 
+  overflow: hidden;
6 
+}
7 
+.slide-carousel .item-list {
8 
+  position: relative;
9 
+  height: 100%;
10 
+  width: 100%;
11 
+  overflow: hidden;
12 
+}
13 
+.slide-carousel .item-list li .item-content {
14 
+  width: 100%;
15 
+  height: 100%;
16 
+}
17 
+.slide-carousel .item-list li .item-content a {
18 
+  display: block;
19 
+  width: 100%;
20 
+  height: 100%;
21 
+}
22 
+.slide-carousel .item-list li .item-content a .cover-img {
23 
+  width: 100%;
24 
+  height: 100%;
25 
+}
26 
+.slide-carousel .indicator-list {
27 
+  position: absolute;
28 
+  bottom: 20px;
29 
+  left: 50%;
30 
+  margin-left: -127px;
31 
+  z-index: 100;
32 
+}
33 
+.slide-carousel .indicator-list a {
34 
+  display: inline-block;
35 
+  width: 15px;
36 
+  height: 4px;
37 
+  overflow: hidden;
38 
+  background-color: #95d1fa;
39 
+  margin:0 10px;
40 
+}
41 
+.slide-carousel .indicator-list a.selected {
42 
+  width:40px;
43 
+  border-color: #ff6700;
44 
+  background-color: #5fff92;
45 
+}
46 
+.slide-carousel .controls {
47 
+  opacity: 0;
48 
+}
49 
+.slide-carousel .controls a {
50 
+  cursor: pointer;
51 
+  text-decoration: none;
52 
+  width: 40px;
53 
+  height: 60px;
54 
+  position: absolute;
55 
+  background-color: rgba(0, 0, 0, 0.2);
56 
+  color: #fff;
57 
+  font-size: 35px;
58 
+  padding-top: 25px;
59 
+  z-index: 2;
60 
+}
61 
+.slide-carousel .controls a:hover {
62 
+  background-color: rgba(0, 0, 0, 0.5);
63 
+}
64 
+.slide-carousel .controls .item-prev {
65 
+  top: 50%;
66 
+  left: 0;
67 
+  margin-top: -42px;
68 
+}
69 
+.slide-carousel .controls .item-next {
70 
+  top: 50%;
71 
+  right: 0;
72 
+  margin-top: -42px;
73 
+}
74 
+.slide-carousel .desc {
75 
+  height: 72px;
76 
+  width: 100%;
77 
+  position: absolute;
78 
+  bottom: 0;
79 
+  left: 0;
80 
+  background-color: rgba(0, 0, 0, 0.6);
81 
+  z-index: 99;
82 
+}
83 
+.slide-carousel .desc strong {
84 
+  color: #fff;
85 
+  font-size: 20px;
86 
+  line-height: 72px;
87 
+  margin-left: 20px;
88 
+  overflow: hidden;
89 
+  white-space: nowrap;
90 
+  text-overflow: ellipsis;
91 
+}
92 
+.slide-carousel:hover .controls {
93 
+  opacity: 1;
94 
+  transition: opacity 0.5s ease;
95 
+}

File diff suppressed because it is too large
+ 1 - 0
style_files/slide.min.js


+ 347 - 0
style_files/style-css.css
View File 

@@ -0,0 +1,347 @@
1 
+html, body, div, span, object, iframe,
2 
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3 
+abbr, address, cite, code,
4 
+del, dfn, em, img, ins, kbd, q, samp,
5 
+small, strong, sub, sup, var,
6 
+b, i,
7 
+dl, dt, dd, ol, ul, li,
8 
+fieldset, form, label, legend,
9 
+table, caption, tbody, tfoot, thead, tr, th, td,
10 
+article, aside, canvas, details, figcaption, figure,
11 
+footer, header, hgroup, menu, nav, section, summary,
12 
+time, mark, audio, video {
13 
+    margin:0;
14 
+    padding:0;
15 
+    border:0;
16 
+    outline:0;
17 
+    font-size:100%;
18 
+    vertical-align:baseline;
19 
+    background:transparent;
20 
+}
21 
+
22 
+html,body{
23 
+	height: 100%;
24 
+	font-size: 0px;
25 
+	font-family: '微软雅黑';
26 
+}
27 
+
28 
+body {
29 
+    line-height:1;
30 
+}
31 
+
32 
+:focus {
33 
+	outline: 1;
34 
+}
35 
+
36 
+article,aside,canvas,details,figcaption,figure,
37 
+footer,header,hgroup,menu,nav,section,summary {
38 
+    display:block;
39 
+}
40 
+
41 
+nav ul {
42 
+    list-style:none;
43 
+}
44 
+
45 
+blockquote, q {
46 
+    quotes:none;
47 
+}
48 
+
49 
+blockquote:before, blockquote:after,
50 
+q:before, q:after {
51 
+    content:'';
52 
+    content:none;
53 
+}
54 
+
55 
+a {
56 
+    margin:0;
57 
+    padding:0;
58 
+    border:0;
59 
+    font-size:100%;
60 
+    vertical-align:baseline;
61 
+    background:transparent;
62 
+    text-decoration: none;
63 
+    color: #72a7ee;
64 
+}
65 
+
66 
+ins {
67 
+    background-color:#ff9;
68 
+    color:#000;
69 
+    text-decoration:none;
70 
+}
71 
+
72 
+mark {
73 
+    background-color:#ff9;
74 
+    color:#000;
75 
+    font-style:italic;
76 
+    font-weight:bold;
77 
+}
78 
+
79 
+del {
80 
+    text-decoration: line-through;
81 
+}
82 
+
83 
+abbr[title], dfn[title] {
84 
+    border-bottom:1px dotted #000;
85 
+    cursor:help;
86 
+}
87 
+
88 
+table {
89 
+    border-collapse:collapse;
90 
+    border-spacing:0;
91 
+}
92 
+
93 
+hr {
94 
+    display:block;
95 
+    height:1px;
96 
+    border:0;
97 
+    border-top:1px solid #cccccc;
98 
+    margin:1em 0;
99 
+    padding:0;
100 
+}
101 
+
102 
+input, select {
103 
+    vertical-align:middle;
104 
+}
105 
+
106 
+/**/
107 
+body{
108 
+	width:100%;
109 
+	background-color:#fff;
110 
+}
111 
+header{
112 
+	width:100%;
113 
+	height:70px;
114 
+	background-color:#373d41;
115 
+}
116 
+header>.center{
117 
+	width:1200px;
118 
+	margin:0 auto;
119 
+	height:70px;
120 
+	display:flex;
121 
+	align-items:center;
122 
+	justify-content:space-between;
123 
+}
124 
+.nav a{
125 
+	font-size: 14px;
126 
+	color: #ffffff;
127 
+	margin:0 25px;
128 
+	cursor:pointer;
129 
+}
130 
+.nav a.current{
131 
+	border-bottom:1px solid #fff;
132 
+}
133 
+.main{
134 
+	width:1200px;
135 
+	margin:0 auto;
136 
+	padding:70px 0;
137 
+}
138 
+.main-nav{
139 
+	display: inline-block;
140 
+	height:40px;
141 
+	border-top:solid 1px #eaeaea;
142 
+	box-sizing:border-box;
143 
+}
144 
+.main-nav>a{
145 
+	width: 140px;
146 
+	height: 40px;
147 
+	text-align:center;
148 
+	line-height:40px;
149 
+	font-size: 20px;
150 
+	color: #5f6367;
151 
+	display:inline-block;
152 
+	box-sizing:border-box;
153 
+	border-bottom:solid 1px #eaeaea;
154 
+	cursor:pointer;
155 
+}
156 
+.main-nav>a.current{
157 
+	border-bottom:solid 1px #fff;
158 
+	border-left:solid 1px #eaeaea;
159 
+	border-right:solid 1px #eaeaea;
160 
+	border-top:solid 2px #373d41;
161 
+}
162 
+.main-nav>a:first-child{
163 
+	border-left:solid 1px #eaeaea;
164 
+}
165 
+.main-nav>a:last-child{
166 
+	border-right:solid 1px #eaeaea;
167 
+}
168 
+.box{
169 
+	width:1200px;
170 
+	margin-top:70px;
171 
+}
172 
+.box>p{
173 
+	font-size: 20px;
174 
+	text-align:center;
175 
+	color: #dcdcdc;
176 
+	margin-top:15px;
177 
+}
178 
+.title{
179 
+	width:800px;
180 
+	margin:0 auto;
181 
+	display:flex;
182 
+	align-items:center;
183 
+	justify-content:center;
184 
+}
185 
+.tit{
186 
+	width: 271px;
187 
+	height: 66px;
188 
+	background-color: rgba(9, 17, 45, 0.05);
189 
+	font-size: 28px;
190 
+	color: #111111;
191 
+	letter-spacing: 13px;
192 
+	line-height:66px;
193 
+	text-align:center;
194 
+}
195 
+.titL,.titR{
196 
+	color: #dcdcdc;
197 
+	font-size: 18px;
198 
+	margin:0 50px;
199 
+}
200 
+.detail{
201 
+
202 
+	margin:30px auto;
203 
+	color: #111111;
204 
+	font-size: 18px;
205 
+	line-height: 38px;
206 
+	letter-spacing: 2px;
207 
+	text-align:center;
208 
+}
209 
+.banner{
210 
+	width:1200px;
211 
+	height:420px;
212 
+	background-color:#ddd;
213 
+}
214 
+.column{
215 
+	width:1200px;
216 
+	height:420px;
217 
+	background-color: #fafafa;
218 
+}
219 
+.col-left{
220 
+	width:50%;
221 
+	float:left;
222 
+}
223 
+.col-right{
224 
+	width:50%;
225 
+	float:left;
226 
+	padding-left:50px;
227 
+	box-sizing:border-box;
228 
+}
229 
+.col-right .titbit{
230 
+	color: #111111;
231 
+	font-size: 24px;
232 
+	margin-top:54px;
233 
+}
234 
+.col-right .det{
235 
+	color: #5f6367;
236 
+	font-size: 18px;
237 
+	margin-top:20px;
238 
+}
239 
+/* Browser Resets */
240 
+.flex-container a:active,
241 
+.flexslider a:active {outline: none;}
242 
+.slides,
243 
+.flex-control-nav,
244 
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
245 
+
246 
+/* FlexSlider Necessary Styles
247 
+*********************************/
248 
+.flexslider {width: 100%; height: 420px;margin: 0; padding: 0;}
249 
+.flexslider .slides{ width:100%; height:100%;}
250 
+.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
251 
+.flexslider .slides > li{ width:100%;height:100%;}
252 
+.flexslider .slides > li > a{ display:block; width:100%; height:100%;}
253 
+.flexslider .slides img {max-width: 100%; display: block;height: 420px;}
254 
+.flex-pauseplay span {text-transform: capitalize;}
255 
+
256 
+/* Clearfix for the .slides element */
257 
+.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
258 
+html[xmlns] .slides {display: block;}
259 
+* html .slides {height: 1%;}
260 
+
261 
+/* No JavaScript Fallback */
262 
+/* If you are not using another script, such as Modernizr, make sure you
263 
+ * include js that eliminates this class on page load */
264 
+.no-js .slides > li:first-child {display: block;}
265 
+
266 
+
267 
+/* FlexSlider Default Theme
268 
+*********************************/
269 
+.flexslider {/* background: #fff; */ /* border: 4px solid #fff; */ position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
270 
+.flexslider .slides {zoom: 1;}
271 
+.flexslider .slides > li {position: relative;}
272 
+/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
273 
+.flex-container {zoom: 1; position: relative;}
274 
+
275 
+/* Caption style */
276 
+/* IE rgba() hack */
277 
+.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
278 
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
279 
+.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
280 
+
281 
+/* Direction Nav */
282 
+.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
283 
+.flex-direction-nav li a.next {background-position: -52px 0; right: 30px;}
284 
+.flex-direction-nav li a.prev {background-position: 0 0; left: 30px;}
285 
+.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
286 
+
287 
+/* Control Nav */
288 
+.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
289 
+.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1; *display: inline;}
290 
+.flex-control-nav li:first-child {/* margin: 0; */}
291 
+.flex-control-nav li a {width: 14px;height: 14px;display: block;cursor: pointer;text-indent: -9999px;background: #fff;border-radius: 50px;}
292 
+.flex-control-nav li a:hover {background-position: 0 -13px;}
293 
+.flex-control-nav li a.active {cursor: default;background: #e3cb2b;}
294 
+footer{
295 
+	width: 100%;
296 
+	height: 120px;
297 
+	padding:20px 0;
298 
+	background-color: #373d41;
299 
+}
300 
+footer>.foot{
301 
+	width:1200px;
302 
+	height: 120px;
303 
+	margin:0 auto;
304 
+}
305 
+footer>.foot>.footL{
306 
+	width:45%;
307 
+	height: 120px;
308 
+	float:left;
309 
+	border-right:1px solid #fff;
310 
+	box-sizing:border-box;
311 
+}
312 
+footer>.foot>.footR{
313 
+	width:55%;
314 
+	height: 120px;
315 
+	float:left;
316 
+	position:relative;
317 
+}
318 
+.footL>img{
319 
+	margin-top:26px;
320 
+}
321 
+.footL>p{
322 
+	font-size: 13px;
323 
+	color: #bdbdbd;
324 
+	margin-top:20px;
325 
+}
326 
+.line>p{
327 
+	font-size: 14px;
328 
+	color: #ffffff;
329 
+	margin-left:50px;
330 
+	margin-top:20px;
331 
+}
332 
+.line>p>text{
333 
+	margin-left:70px;
334 
+}
335 
+.footR>.er{
336 
+	width:90px;
337 
+	height:120px;
338 
+	position:absolute;
339 
+	right:0;
340 
+	top:0;
341 
+}
342 
+.er>p{
343 
+	font-size: 14px;
344 
+	color: #ffffff;
345 
+	margin-bottom:10px;
346 
+	text-align:center;
347 
+}

File diff suppressed because it is too large
+ 1022 - 0
style_files/style.css


+ 180 - 0
style_files/style_h5.css
View File 

@@ -0,0 +1,180 @@
1 
+html,body{
2 
+	padding:0;
3 
+	margin:0;
4 
+	font-size:
5 
+}
6 
+/*html {font-size: 625%;}*/
7 
+a, a:hover, a:focus {
8 
+	color: #3498db;
9 
+	text-decoration: none;
10 
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
11 
+}
12 
+.header{
13 
+	width:100%;
14 
+	height:50px;
15 
+	background-color:#252627;
16 
+}
17 
+.header>img{
18 
+	width:150px;
19 
+	height:25px;
20 
+	margin-top:12px;
21 
+	margin-left:10px;
22 
+}
23 
+.ban{
24 
+	width:100%;
25 
+	height:275px;
26 
+	background-image:url(../images/bannerBG.png);
27 
+	background-repeat:no-repeat;
28 
+	background-size:100% 100%;
29 
+	position:relative;
30 
+}
31 
+.ban>img{
32 
+	width:322px;
33 
+	height:66px;
34 
+	position:absolute;
35 
+	left:50%;
36 
+	top:90px;
37 
+	margin-left:-161px;
38 
+}
39 
+.introduce{
40 
+	padding:35px 0;
41 
+	background-color: #f7f7f8;
42 
+}
43 
+.Program{
44 
+	padding:35px 0;
45 
+	background-image:url(../images/bg.png);
46 
+	background-repeat:no-repeat;
47 
+	background-size:100%;
48 
+	background-position:0 100px;
49 
+}
50 
+.tit-box{
51 
+	width:100%;
52 
+	display:flex;
53 
+	align-items:center;
54 
+	justify-content:space-around;
55 
+}
56 
+.left-tit{
57 
+	font-size:12px;
58 
+	color: #dcdcdc;
59 
+}
60 
+.center-tit{
61 
+	width:135px;
62 
+	height:33px;
63 
+	background-color: rgba(9, 17, 45, 0.05);
64 
+	text-align:center;
65 
+	line-height:33px;
66 
+}
67 
+.fu-tit{
68 
+	color: #dcdcdc;
69 
+	font-size:14px;
70 
+	text-align:center;
71 
+	margin:10px 0;
72 
+}
73 
+.swiper-container{
74 
+	width:100%;
75 
+	height:232px;
76 
+}
77 
+.swiper-pagination,.swiper-pagination-two{
78 
+	width:100%;
79 
+	text-align:center;
80 
+}
81 
+.swiper-pagination>span,.swiper-pagination-two>span{
82 
+	margin:0 10px;
83 
+}
84 
+.inforBox .interImg{
85 
+	width:54px;
86 
+	height:49px;
87 
+	margin:25px auto;
88 
+	background-image:url(../images/forecast_on.png);
89 
+	background-size:100% 100%;
90 
+}
91 
+.inforBox .interImgR{
92 
+	width:54px;
93 
+	height:49px;
94 
+	margin:25px auto;
95 
+	background-image:url(../images/quantifice_on.png);
96 
+	background-size:100% 100%;
97 
+}
98 
+.inforBox .interTitle{
99 
+	color: #1b8cec;
100 
+	font-size:14px;
101 
+	text-align:center;
102 
+}
103 
+.interDetails{
104 
+	color: #5f6367;
105 
+	font-size: 16px;
106 
+	line-height: 20px;
107 
+	letter-spacing: 2px;
108 
+	text-align:left;
109 
+	width:100%;
110 
+	padding:0 20px;
111 
+	box-sizing:border-box;
112 
+}
113 
+.leftTit{
114 
+	font-size: 20px;
115 
+	color:#111;
116 
+}
117 
+.leftD{
118 
+	color: #5f6367;
119 
+	font-size:16px;
120 
+	text-align:left;
121 
+	width:100%;
122 
+	padding:0 20px;
123 
+	box-sizing:border-box;
124 
+}
125 
+.ProgramImg{
126 
+	width:121px;
127 
+	height:82px;
128 
+	margin:0 auto;
129 
+	text-align:center;
130 
+}
131 
+.aboutUs{
132 
+	width:100%;
133 
+	background-color: #f7f7f8;
134 
+	padding:40px 10px 0;
135 
+	box-sizing:border-box;
136 
+}
137 
+.aboutImg{
138 
+	width:100%;
139 
+	height:200px;
140 
+	background-image:url(../images/aboutBG.png);
141 
+	background-size:100%;
142 
+}
143 
+.aboutImg>p{
144 
+	text-align:center;
145 
+	color:#fff;
146 
+	line-height:0;
147 
+}
148 
+.aboutImg>p.first{
149 
+	font-size:14px;
150 
+	padding-top:22px;
151 
+	padding-bottom:8px;
152 
+}
153 
+.aboutImg>p.second{
154 
+	font-size:12px;
155 
+	padding-bottom:8px;
156 
+}
157 
+.briefInfor{
158 
+	color: #5f6367;
159 
+	font-size:16px;
160 
+	padding:20px 0;
161 
+	margin:0;
162 
+}
163 
+footer{
164 
+	width:100%;
165 
+	padding:15px 10px;
166 
+	box-sizing:border-box;
167 
+	background-color: #252627;
168 
+}
169 
+footer>p{
170 
+	font-size: 12px;
171 
+	color: #ffffff;
172 
+}
173 
+footer>p.last{
174 
+	font-size: 10px;
175 
+	color: #bdbdbd;
176 
+}
177 
+
178 
+
179 
+
180 
+

File diff suppressed because it is too large
+ 12 - 0
style_files/swiper.min.css


File diff suppressed because it is too large
+ 13 - 0
style_files/swiper.min.js


File diff suppressed because it is too large
+ 2 - 0
style_files/wow.min.js