变更为express项目

27a4a8a8 · superman · a2a64c88 · 27a4a8a8 · 27a4a8a8 · 27a4a8a8
Commit 27a4a8a8 authored Jul 30, 2016 by superman
81 changed files
--- a/HTML/aboutUs.html
+++ b/HTML/aboutUs.html
@@ -3,13 +3,13 @@
 <head lang="en">
    <meta charset="UTF-8">
    <title>富豆优投</title>
-    <link rel="stylesheet" href="../CSS/normalize.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
-    <link rel="stylesheet" href="../CSS/styles.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/styles.css"/>
 </head>
 <body>
 <div id="header">
    <!--暂时放在这里-->
-    <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
+    <a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
    <ul class="clear">
        <li class="fl"><a href="index.html">首页 / HOME</a></li>
        <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
@@ -63,7 +63,7 @@
    <div class="address-map">
        <div class="clear">
            <div>
-                <span><img src="../imgs/about_us/icon01.png"/></span>
+                <span><img src="../public/images/about_us/icon01.png"/></span>
                <h4>杭州枢纽科技</h4>
                <hr/>
                <p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p>

--- a/HTML/hotProject.html
+++ b/HTML/hotProject.html
@@ -3,13 +3,13 @@
 <head>
    <meta charset="UTF-8">
    <title>富豆优投</title>
-    <link rel="stylesheet" href="../CSS/normalize.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
-    <link rel="stylesheet" href="../CSS/styles.css" />
+    <link rel="stylesheet" href="../public/stylesheets/styles.css" />
 </head>
 <body>
 <div id="header">
    <!--暂时放在这里-->
-    <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
+    <a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
    <ul class="clear">
        <li class="fl"><a href="index.html">首页 / HOME</a></li>
        <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
@@ -23,7 +23,7 @@
        <h3>180天 </h3>
        <h6>基础设施类</h6>
        <p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p>
-        <img src="../imgs/hot_project/success.jpg">
+        <img src="../public/images/hot_project/success.jpg">
        <b id="modalBoxHidden">&times;</b>
    </div>
 </div>
@@ -130,7 +130,7 @@
    <p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
    <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
 </div>
-<script src="../JS/jquery-1.8.3.min.js"></script>
+<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
-<script src="../JS/hotProject.js"></script>
+<script src="../public/javascripts/hotProject.js"></script>
 </body>
 </html>
--- a/HTML/index.html
+++ b/HTML/index.html
@@ -3,15 +3,15 @@
 <head>
    <meta charset="UTF-8">
    <title>富豆优投</title>
-    <link rel="icon" href="../imgs/favicon.ico"/>
+    <link rel="icon" href="../public/favicon.ico"/>
-    <link rel="stylesheet" href="../CSS/normalize.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
-    <link rel="stylesheet" href="../CSS/styles.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/styles.css"/>
 </head>
 <body>
 <!--v1.0版-->
 <div id="header">
    <!--暂时放在这里-->
-    <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
+    <a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
    <ul class="clear">
        <li class="fl"><a href="index.html">首页 / HOME</a></li>
        <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
@@ -41,8 +41,8 @@
                    <span>下载iPhone版</span>
                </li>
            </ul>
-            <a href=""><img src="../imgs/index/QR_Code.jpg" alt=""><span>扫描下载富豆APP</span></a>
+            <a href=""><img src="../public/images/index/QR_Code.jpg" alt=""><span>扫描下载富豆APP</span></a>
-            <img src="../imgs/index/iphone.png" alt="iphone" class="iphone-img">
+            <img src="../public/images/index/iphone.png" alt="iphone" class="iphone-img">
            <hr/>
        </div>
        <div class="download_bottom">
@@ -55,7 +55,7 @@
                        </div>
                        <div>
                            <dl>
-                                <dt><img src="../imgs/index/picture_01.png" alt=""></dt>
+                                <dt><img src="../public/images/index/picture_01.png" alt=""></dt>
                                <dd class="title">金融脱媒</dd>
                                <dd class="detail">一手资源，从融资方直接取得项目资源</dd>
                            </dl>
@@ -71,7 +71,7 @@
                        </div>
                        <div>
                            <dl>
-                                <dt><img src="../imgs/index/picture_02.png" alt=""></dt>
+                                <dt><img src="../public/images/index/picture_02.png" alt=""></dt>
                                <dd class="title">严格风控</dd>
                                <dd class="detail">原招商银行风控团队</dd>
                            </dl>
@@ -86,7 +86,7 @@
                        </div>
                        <div>
                            <dl>
-                                <dt><img src="../imgs/index/picture_03.png" alt=""></dt>
+                                <dt><img src="../public/images/index/picture_03.png" alt=""></dt>
                                <dd class="title">快速结拥</dd>
                                <dd class="detail">新用户款到结拥</dd>
                            </dl>
@@ -101,7 +101,7 @@
                        </div>
                        <div>
                            <dl>
-                                <dt><img src="../imgs/index/picture_04.png" alt=""></dt>
+                                <dt><img src="../public/images/index/picture_04.png" alt=""></dt>
                                <dd class="title">佣金超高</dd>
                                <dd class="detail">高于市场千八的佣金体系</dd>
                            </dl>
@@ -120,7 +120,7 @@
            <div>
                <ul class="project-intro">
                </ul>
-                <img src="../imgs/index/computer.jpg" class="computer"/>
+                <img src="../public/images/index/computer.jpg" class="computer"/>
            </div>
            <div class="project-info clear">
                <p class="project-img project-one fl"></p>
@@ -233,7 +233,7 @@
    <p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
    <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
 </div>
-<script src="../JS/jquery-1.8.3.min.js"></script>
+<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
-<script src="../JS/index.js"></script>
+<script src="../public/javascripts/index.js"></script>
 </body>
 </html>
--- a/HTML/product.html
+++ b/HTML/product.html
@@ -3,14 +3,14 @@
 <head lang="en">
    <meta charset="UTF-8">
    <title>富豆优投</title>
-    <link rel="stylesheet" href="../CSS/normalize.css"/>
+    <link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
-    <link rel="stylesheet" href="../CSS/styles.css" />
+    <link rel="stylesheet" href="../public/stylesheets/styles.css" />
 </head>
 <body>
 <!--v2.0版-->
 <div id="header">
    <!--暂时放在这里-->
-    <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
+    <a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
    <ul class="clear">
        <li class="fl"><a href="index.html">首页 / HOME</a></li>
        <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
@@ -160,7 +160,7 @@
    <p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
    <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
 </div>
-<script src="../JS/jquery-1.8.3.min.js"></script>
+<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
-<script src="../JS/product.js"></script>
+<script src="../public/javascripts/product.js"></script>
 </body>
 </html>
--- a/app.js
+++ b/app.js
+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var cookieParser = require('cookie-parser');
+var bodyParser = require('body-parser');
+var handlebars  = require('express-handlebars');
+var routes = require('./routes/index');
+var app = express();
+// view engine setup
+// app.set('views', path.join(__dirname, 'views'));
+// app.set('view engine', 'jade');
+app.engine('hbs', handlebars({
+  layoutsDir: 'views',
+  defaultLayout: 'layout',
+  extname: '.hbs'
+}));
+app.set('view engine', 'hbs');
+// uncomment after placing your favicon in /public
+app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use(express.static(path.join(__dirname, 'public')));
+app.use('/', routes);
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+// error handlers
+// development error handler
+// will print stacktrace
+if (app.get('env') === 'development') {
+  app.use(function(err, req, res, next) {
+    res.status(err.status || 500);
+    res.render('error', {
+      message: err.message,
+      error: err
+    });
+  });
+}
+// production error handler
+// no stacktraces leaked to user
+app.use(function(err, req, res, next) {
+  res.status(err.status || 500);
+  res.render('error', {
+    message: err.message,
+    error: {}
+  });
+});
+module.exports = app;
--- a/bin/www
+++ b/bin/www
+#!/usr/bin/env node
+/**
+ * Module dependencies.
+ */
+var app = require('../app');
+var debug = require('debug')('www.fudou6.com:server');
+var http = require('http');
+/**
+ * Get port from environment and store in Express.
+ */
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+/**
+ * Create HTTP server.
+ */
+var server = http.createServer(app);
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+/**
+ * Normalize a port into a number, string, or false.
+ */
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+  return false;
+}
+/**
+ * Event listener for HTTP server "error" event.
+ */
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}
--- a/package.json
+++ b/package.json
+{
+  "name": "www.fudou6.com",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www"
+  },
+  "dependencies": {
+    "body-parser": "~1.13.2",
+    "cookie-parser": "~1.3.5",
+    "debug": "~2.2.0",
+    "express": "~4.13.1",
+    "express-handlebars": "*",
+    "morgan": "~1.6.1",
+    "serve-favicon": "~2.3.0"
+  }
+}
--- a/imgs/favicon.ico
+++ b/imgs/favicon.ico
--- a/imgs/about_us/bg_2.jpg
+++ b/imgs/about_us/bg_2.jpg
--- a/imgs/about_us/bg_3.jpg
+++ b/imgs/about_us/bg_3.jpg
--- a/imgs/about_us/fangzheng.jpg
+++ b/imgs/about_us/fangzheng.jpg
--- a/imgs/about_us/guangda.jpg
+++ b/imgs/about_us/guangda.jpg
--- a/imgs/about_us/guomin.jpg
+++ b/imgs/about_us/guomin.jpg
--- a/imgs/about_us/huaxing.jpg
+++ b/imgs/about_us/huaxing.jpg
--- a/imgs/about_us/icon01.png
+++ b/imgs/about_us/icon01.png
--- a/imgs/about_us/map.jpg
+++ b/imgs/about_us/map.jpg
--- a/imgs/about_us/partner_01.jpg
+++ b/imgs/about_us/partner_01.jpg
--- a/imgs/about_us/zhongjiang.jpg
+++ b/imgs/about_us/zhongjiang.jpg
--- a/imgs/about_us/zhongrong.jpg
+++ b/imgs/about_us/zhongrong.jpg
--- a/imgs/about_us/zhongtai.jpg
+++ b/imgs/about_us/zhongtai.jpg
--- a/imgs/about_us/zhongxing.jpg
+++ b/imgs/about_us/zhongxing.jpg
--- a/imgs/hot_project/address_02.png
+++ b/imgs/hot_project/address_02.png
--- a/imgs/hot_project/hot_project_banner.jpg
+++ b/imgs/hot_project/hot_project_banner.jpg
--- a/imgs/hot_project/success.jpg
+++ b/imgs/hot_project/success.jpg
--- a/imgs/hot_project/tabs01-1.png
+++ b/imgs/hot_project/tabs01-1.png
--- a/imgs/hot_project/tabs01.png
+++ b/imgs/hot_project/tabs01.png
--- a/imgs/hot_project/tabs02_a.png
+++ b/imgs/hot_project/tabs02_a.png
--- a/imgs/hot_project/tabs02_b.png
+++ b/imgs/hot_project/tabs02_b.png
--- a/imgs/hot_project/tabs03_a.png
+++ b/imgs/hot_project/tabs03_a.png
--- a/imgs/hot_project/tabs03_b.png
+++ b/imgs/hot_project/tabs03_b.png
--- a/imgs/hot_project/tabs04_a.png
+++ b/imgs/hot_project/tabs04_a.png
--- a/imgs/hot_project/tabs04_b.png
+++ b/imgs/hot_project/tabs04_b.png
--- a/imgs/hot_project/tabs05_a.png
+++ b/imgs/hot_project/tabs05_a.png
--- a/imgs/hot_project/tabs05_b.png
+++ b/imgs/hot_project/tabs05_b.png
--- a/imgs/index/041c0cc.jpg
+++ b/imgs/index/041c0cc.jpg
--- a/imgs/index/38be78d.jpg
+++ b/imgs/index/38be78d.jpg
--- a/imgs/index/528ad57.jpg
+++ b/imgs/index/528ad57.jpg
--- a/imgs/index/5ce7cf8.jpg
+++ b/imgs/index/5ce7cf8.jpg
--- a/imgs/index/QR_Code.jpg
+++ b/imgs/index/QR_Code.jpg
--- a/imgs/index/arrow.png
+++ b/imgs/index/arrow.png
--- a/imgs/index/banner.jpg
+++ b/imgs/index/banner.jpg
--- a/imgs/index/computer.jpg
+++ b/imgs/index/computer.jpg
--- a/imgs/index/fcfbb08.jpg
+++ b/imgs/index/fcfbb08.jpg
--- a/imgs/index/icon_01.png
+++ b/imgs/index/icon_01.png
--- a/imgs/index/icon_02.jpg
+++ b/imgs/index/icon_02.jpg
--- a/imgs/index/iphone.png
+++ b/imgs/index/iphone.png
--- a/imgs/index/option-1.jpg
+++ b/imgs/index/option-1.jpg
--- a/imgs/index/option-2.jpg
+++ b/imgs/index/option-2.jpg
--- a/imgs/index/option-3.jpg
+++ b/imgs/index/option-3.jpg
--- a/imgs/index/option-4.jpg
+++ b/imgs/index/option-4.jpg
--- a/imgs/index/picture_01.png
+++ b/imgs/index/picture_01.png
--- a/imgs/index/picture_02.png
+++ b/imgs/index/picture_02.png
--- a/imgs/index/picture_03.png
+++ b/imgs/index/picture_03.png
--- a/imgs/index/picture_04.png
+++ b/imgs/index/picture_04.png
--- a/imgs/index/projects_header.jpg
+++ b/imgs/index/projects_header.jpg
--- a/imgs/logo.png
+++ b/imgs/logo.png
--- a/JS/hotProject.js
+++ b/JS/hotProject.js
--- a/JS/index.js
+++ b/JS/index.js
--- a/JS/jquery-1.8.3.min.js
+++ b/JS/jquery-1.8.3.min.js
--- a/JS/product.js
+++ b/JS/product.js
--- a/CSS/iconfont.css
+++ b/CSS/iconfont.css
--- a/CSS/iconfont.eot
+++ b/CSS/iconfont.eot
--- a/CSS/iconfont.less
+++ b/CSS/iconfont.less
--- a/CSS/iconfont.svg
+++ b/CSS/iconfont.svg
--- a/CSS/iconfont.ttf
+++ b/CSS/iconfont.ttf
--- a/CSS/iconfont.woff
+++ b/CSS/iconfont.woff
--- a/public/stylesheets/index.css
+++ b/public/stylesheets/index.css
+/*.banner begin*/
+.banner {
+  background: url("/images/index/banner.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 120px;
+  padding-bottom: 160px;
+}
+.banner .banner-box {
+  width: 1000px;
+  margin: 0 auto;
+  color: #fff;
+}
+.banner .banner-box h1 {
+  margin-top: 0;
+  margin-bottom: 35px;
+  text-align: center;
+  font-weight: normal;
+  font-size: 64px;
+}
+.banner .banner-box p {
+  font-size: 20px;
+  line-height: 35px;
+}
+/*.banner end*/
+/*.download begin*/
+.download {
+  position: relative;
+  padding-top: 400px;
+  width: 1000px;
+  margin: 0 auto;
+}
+.download .android,
+.download .iphone {
+  position: absolute;
+  left: 50%;
+  top: 140px;
+  margin-left: -467px;
+  height: 68px;
+  width: 268px;
+  line-height: 68px;
+  font-size: 18px;
+  border-radius: 4px;
+}
+.download .android i,
+.download .iphone i {
+  display: inline-block;
+  height: 68px;
+  width: 68px;
+  margin-right: 22px;
+  font-size: 32px;
+  text-align: center;
+  color: #fff;
+  border-right: 1px solid rgba(255, 255, 255, 0.3);
+}
+.download .android {
+  background-color: #82b21c;
+}
+.download .iphone {
+  margin-top: 88px;
+  background-color: #0079c2;
+}
+.download .qr-code {
+  position: absolute;
+  top: 140px;
+  left: 50%;
+  margin-left: -150px;
+  text-align: center;
+  font-size: 14px;
+}
+.download .qr-code img {
+  display: block;
+  margin-bottom: 5px;
+}
+.download .app-screen {
+  position: absolute;
+  left: 50%;
+  top: -140px;
+  margin-left: 60px;
+  width: 405px;
+  height: 515px;
+}
+.download hr {
+  width: 95%;
+}
+/*download end*/
+/*character begin*/
+.character ul {
+  width: 1000px;
+  margin: 80px auto;
+}
+.character ul li {
+  float: left;
+  width: 25%;
+  height: 160px;
+  text-align: center;
+  position: relative;
+}
+.character ul li > div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.character ul li > div:first-child h3 {
+  margin-top: 50px;
+  font-size: 44px;
+  color: #111d2b;
+}
+.character ul li > div:first-child h4 {
+  font-size: 16px;
+  color: #888;
+}
+.character ul li > div:last-child img {
+  display: block;
+  margin: auto;
+}
+.character ul li > div:last-child h3 {
+  font-size: 36px;
+}
+.character ul li > div:last-child h4 {
+  font-size: 14px;
+}
+/* character end */
+/* projects begin */
+.projects {
+  background-color: #f6f6f6;
+}
+.projects > header > div {
+  float: left;
+  height: 300px;
+  position: relative;
+  width: 50%;
+}
+.projects > header > div:first-child {
+  background-color: #111d2b;
+}
+.projects > header > div:first-child > div {
+  position: relative;
+  width: 300px;
+  margin-right: 200px;
+  float: right;
+  height: 300px;
+}
+.projects > header > div:first-child > div .logo {
+  position: absolute;
+  top: 50%;
+  right: 50px;
+  height: 94px;
+  width: 227px;
+  margin-top: -47px;
+  background: url(/images/index/icon_01.png) no-repeat;
+  background-size: cover;
+}
+.projects > header > div:last-child {
+  background-color: #2e2e2e;
+}
+.projects > header > div:last-child > div {
+  position: relative;
+  width: 700px;
+  margin-left: -200px;
+  background-color: #2e2e2e;
+  height: 300px;
+}
+.projects > header > div:last-child h3 {
+  position: absolute;
+  top: 50%;
+  left: 20px;
+  height: 80px;
+  padding-bottom: 45px;
+  margin-top: -64px;
+  font-size: 48px;
+  color: #fff;
+  background: url(/images/index/icon_02.jpg) no-repeat left bottom;
+}
+.projects > section {
+  width: 1000px;
+  height: 500px;
+  margin: 0 auto;
+}
+.projects > section > div:first-child {
+  width: 379px;
+  float: left;
+  margin-top: 50px;
+  margin-left: 20px;
+  border-right: 1px solid #7f7f7f;
+}
+.projects > section > div:first-child p {
+  position: relative;
+  margin-top: 20px;
+  font-size: 23px;
+  line-height: 30px;
+  color: #565656;
+}
+.projects > section > div:first-child p:before {
+  content: '·';
+  position: absolute;
+  left: -20px;
+  font-size: 50px;
+  top: -3px;
+}
+.projects > section > div:last-child {
+  width: 600px;
+  float: left;
+  position: relative;
+}
+.projects > section > div:last-child .computer {
+  position: absolute;
+  top: -80px;
+  right: 0;
+  width: 542px;
+  height: 483px;
+  background: url(/images/index/computer.jpg) no-repeat;
+}
+/* projects end*/
+/*product begin*/
+.products {
+  background-color: #f6f6f6;
+}
+.products ul {
+  width: 1000px;
+  margin: 0 auto;
+}
+.products ul li {
+  position: relative;
+  color: #fff;
+}
+.products ul li:nth-child(1),
+.products ul li:nth-child(2) {
+  margin-bottom: 30px;
+}
+.products ul li:nth-child(1) > div,
+.products ul li:nth-child(2) > div {
+  height: 400px;
+  float: left;
+}
+.products ul li:nth-child(1) > div:first-child,
+.products ul li:nth-child(2) > div:first-child {
+  width: 650px;
+  -webkit-background-size: cover;
+  background-size: cover;
+}
+.products ul li:nth-child(1) > div:last-child,
+.products ul li:nth-child(2) > div:last-child {
+  width: 320px;
+  margin-left: 30px;
+  background-color: #2e2e2e;
+}
+/*product end*/
--- a/public/stylesheets/index.less
+++ b/public/stylesheets/index.less
+@import 'variable';
+/*.banner begin*/
+.banner {
+  background: url("/images/index/banner.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 120px;
+  padding-bottom: 160px;
+  .banner-box {
+    width: @container-width;
+    margin: 0 auto;
+    color: #fff;
+    h1 {
+      margin-top: 0;
+      margin-bottom: 35px;
+      text-align: center;
+      font-weight: normal;
+      font-size: 64px;
+    }
+    p {
+      font-size: 20px;
+      line-height: 35px;
+    }
+  }
+}
+/*.banner end*/
+/*.download begin*/
+.download {
+  position: relative;
+  padding-top: 400px;
+  width: @container-width;
+  margin: 0 auto;
+  .android,
+  .iphone {
+    position: absolute;
+    left: 50%;
+    top: 140px;
+    margin-left: -467px;
+    height: 68px;
+    width: 268px;
+    line-height: 68px;
+    font-size: 18px;
+    border-radius: 4px;
+    i {
+      display: inline-block;
+      height: 68px;
+      width: 68px;
+      margin-right: 22px;
+      font-size: 32px;
+      text-align: center;
+      color: #fff;
+      border-right: 1px solid rgba(255, 255, 255, 0.3);
+    }
+  }
+  .android {
+    background-color: #82b21c;
+  }
+  .iphone {
+    margin-top: 88px;
+    background-color: #0079c2;
+  }
+  .qr-code {
+    position: absolute;
+    top: 140px;
+    left: 50%;
+    margin-left: -150px;
+    text-align: center;
+    font-size: 14px;
+    img {
+      display: block;
+      margin-bottom: 5px;
+    }
+  }
+  .app-screen {
+    position: absolute;
+    left: 50%;
+    top: -140px;
+    margin-left: 60px;
+    width: 405px;
+    height: 515px;
+  }
+  hr {
+    width: 95%;
+  }
+}
+/*download end*/
+/*character begin*/
+.character {
+  ul {
+    width: @container-width;
+    margin: 80px auto;
+    li {
+      float: left;
+      width: 25%;
+      height: 160px;
+      text-align: center;
+      position: relative;
+      & > div {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        &:first-child {
+          h3 {
+            margin-top: 50px;
+            font-size: 44px;
+            color: #111d2b;
+          }
+          h4 {
+            font-size: 16px;
+            color: #888;
+          }
+        }
+        &:last-child {
+          img {
+            display: block;
+            margin: auto;
+          }
+          h3 {
+            font-size: 36px;
+          }
+          h4 {
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+}
+/* character end */
+/* projects begin */
+.projects {
+  background-color: #f6f6f6;
+  & > header {
+    & > div {
+      float: left;
+      height: 300px;
+      position: relative;
+      width: 50%;
+      &:first-child {
+        background-color: #111d2b;
+        & > div {
+          position: relative;
+          width: @container-width/4 + 50;
+          margin-right: @container-width/4 - 50;
+          float: right;
+          height: 300px;
+          .logo {
+            position: absolute;
+            top: 50%;
+            right: 50px;
+            height: 94px;
+            width: 227px;
+            margin-top: -47px;
+            background: url(/images/index/icon_01.png) no-repeat;
+            background-size: cover;
+          }
+        }
+      }
+      &:last-child {
+        background-color: #2e2e2e;
+        & > div {
+          position: relative;
+          width: @container-width / 4 * 3 - 50;
+          margin-left: -@container-width/4 + 50;
+          background-color: #2e2e2e;
+          height: 300px;
+        }
+        h3 {
+          position: absolute;
+          top: 50%;
+          left: 20px;
+          height: 80px;
+          padding-bottom: 45px;
+          margin-top: -64px;
+          font-size: 48px;
+          color: #fff;
+          background: url(/images/index/icon_02.jpg) no-repeat left bottom;
+        }
+      }
+    }
+  }
+  & > section {
+    width: @container-width;
+    height: 500px;
+    margin: 0 auto;
+    & > div {
+      &:first-child {
+        width: @container-width/2-121;
+        float: left;
+        margin-top: 50px;
+        margin-left: 20px;
+        border-right: 1px solid #7f7f7f;
+        p {
+          position: relative;
+          margin-top: 20px;
+          font-size: 23px;
+          line-height: 30px;
+          color: #565656;
+          &:before {
+            content: '·';
+            position: absolute;
+            left: -20px;
+            font-size: 50px;
+            top: -3px;
+          }
+        }
+      }
+      &:last-child {
+        width: @container-width/2+100;
+        float: left;
+        position: relative;
+        .computer {
+          position: absolute;
+          top: -80px;
+          right: 0;
+          width: 542px;
+          height: 483px;
+          background: url(/images/index/computer.jpg) no-repeat;
+        }
+      }
+    }
+  }
+}
+/* projects end*/
+/*product begin*/
+.products {
+  background-color: #f6f6f6;
+  ul {
+    width: @container-width;
+    margin: 0 auto;
+    li {
+      position: relative;
+      color: #fff;
+      &:nth-child(1),
+      &:nth-child(2) {
+        margin-bottom: 30px;
+        & > div {
+          height: 400px;
+          float: left;
+          &:first-child {
+            width: @container-width/4*3-100;
+            -webkit-background-size: cover;
+            background-size: cover;
+          }
+          &:last-child {
+            width: @container-width/4+70;
+            margin-left: 30px;
+            background-color: #2e2e2e;
+          }
+        }
+      }
+    }
+  }
+}
+/*product end*/
--- a/CSS/map.css
+++ b/CSS/map.css
--- a/CSS/normalize.css
+++ b/CSS/normalize.css
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+body {
+  margin: 0;
+}
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+summary {
+  /* 1 */
+  display: block;
+}
+/**
+ * Add the correct display in IE 9-.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+}
+/**
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+template,
+[hidden] {
+  display: none;
+}
+/* Links
+   ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+  background-color: transparent;
+  /* 1 */
+  -webkit-text-decoration-skip: objects;
+  /* 2 */
+}
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+a:active,
+a:hover {
+  outline-width: 0;
+}
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */
+}
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b,
+strong {
+  font-weight: inherit;
+}
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+  font-style: italic;
+}
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/**
+ * Add the correct background and color in IE 9-.
+ */
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+  border-style: none;
+}
+/**
+ * Hide the overflow in IE.
+ */
+svg:not(:root) {
+  overflow: hidden;
+}
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+  margin: 1em 40px;
+}
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */
+}
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+select,
+textarea {
+  font: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+}
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+optgroup {
+  font-weight: bold;
+}
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+}
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */
+}
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+@font-face {
+  font-family: "iconfont";
+  src: url('iconfont.eot?t=1469178729');
+  /* IE9*/
+  src: url('iconfont.eot?t=1469178729#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff?t=1469178729') format('woff'), /* chrome, firefox */ url('iconfont.ttf?t=1469178729') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1469178729#iconfont') format('svg');
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-android:before {
+  content: "\e600";
+}
+.icon-jieshao:before {
+  content: "\e601";
+}
+.icon-iphone:before {
+  content: "\e602";
+}
+.icon-weibo:before {
+  content: "\e603";
+}
+.icon-kefu:before {
+  content: "\e604";
+}
+.icon-weixin:before {
+  content: "\e605";
+}
+body {
+  font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.732;
+}
+ul,
+ol {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+li,
+b,
+p,
+dl,
+dt,
+dd {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+}
+a {
+  text-decoration: none;
+  color: #000;
+}
+.clear:after {
+  content: '';
+  display: block;
+  clear: both;
+}
+.clear:before {
+  content: '';
+  display: table;
+}
+hr.line-separate {
+  position: relative;
+  width: 80%;
+  margin: 0 auto;
+  border: none;
+  border-bottom: 1px solid #8c8c8c;
+}
+hr.line-separate:after {
+  content: '';
+  position: absolute;
+  top: -1px;
+  left: 50%;
+  width: 72px;
+  height: 3px;
+  margin-left: -36px;
+  background: #8c8c8c;
+}
+/*header begin*/
+#header .container {
+  width: 1000px;
+  margin: 0 auto;
+  position: relative;
+}
+#header .logo {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}
+#header nav {
+  padding-left: 250px;
+  font-size: 16px;
+}
+#header nav span {
+  float: left;
+  padding: 20px 0 10px;
+  margin-right: 30px;
+}
+#header nav span:last-child {
+  margin-right: 0;
+}
+#header nav a {
+  display: block;
+  color: #383838;
+  font-weight: bold;
+  padding: 10px;
+  border-bottom: 3px solid transparent;
+}
+#header nav a:hover,
+#header nav a.active {
+  border-bottom-color: #000;
+}
+/*header end*/
+/*footer begin*/
+#footer {
+  padding: 60px 0 80px;
+  text-align: center;
+  background: #2e2e2e;
+  color: #fff;
+  font-size: 14px;
+  line-height: 26px;
+}
+#footer h3 {
+  font-size: 24px;
+}
+#footer h2 {
+  font-size: 60px;
+  font-weight: bold;
+  margin: 50px auto 30px;
+}
+#footer address {
+  margin-top: 60px;
+  font-style: normal;
+}
+#footer address,
+#footer address a {
+  color: #00a4d8;
+}
+#footer .copyright {
+  color: #aeaeae;
+}
+#footer .copyright span {
+  color: #fff;
+}
+/*footer end*/
--- a/public/stylesheets/style.less
+++ b/public/stylesheets/style.less
+@import "normalize";
+@import 'iconfont';
+@import 'variable';
+body {
+  font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.732;
+}
+ul, ol {
+  list-style: none;
+}
+h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+}
+a {
+  text-decoration: none;
+  color: #000;
+}
+.clear {
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+  &:before {
+    content: '';
+    display: table;
+  }
+}
+hr.line-separate {
+  position: relative;
+  width: 80%;
+  margin: 0 auto;
+  border: none;
+  border-bottom: 1px solid #8c8c8c;
+  &:after {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: 50%;
+    width: 72px;
+    height: 3px;
+    margin-left: -36px;
+    background: #8c8c8c;
+  }
+}
+/*header begin*/
+#header {
+  .container {
+    width: @container-width;
+    margin: 0 auto;
+    position: relative;
+  }
+  .logo {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
+  nav {
+    padding-left: 250px;
+    font-size: 16px;
+    span {
+      float: left;
+      padding: 20px 0 10px;
+      margin-right: 30px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+    a {
+      display: block;
+      color: #383838;
+      font-weight: bold;
+      padding: 10px;
+      border-bottom: 3px solid transparent;
+      &:hover,
+      &.active {
+        border-bottom-color: #000;
+      }
+    }
+  }
+}
+/*header end*/
+/*footer begin*/
+#footer {
+  padding: 60px 0 80px;
+  text-align: center;
+  background: #2e2e2e;
+  color: #fff;
+  font-size: 14px;
+  line-height: 26px;
+  h3 {
+    font-size: 24px;
+  }
+  h2 {
+    font-size: 60px;
+    font-weight: bold;
+    margin: 50px auto 30px;
+  }
+  address {
+    margin-top: 60px;
+    font-style: normal;
+    &, a {
+      color: #00a4d8;
+    }
+  }
+  .copyright {
+    color: #aeaeae;
+    span {
+      color: #fff;
+    }
+  }
+}
+/*footer end*/
--- a/CSS/styles.css
+++ b/CSS/styles.css
@@ -200,7 +200,7 @@ dd {
  width: 100%;
 }
 .banner {
-  background: url("../imgs/index/banner.jpg") no-repeat center center;
+  background: url("../images/index/banner.jpg") no-repeat center center;
  background-size: cover;
 }
 .banner .banner-box {
@@ -447,12 +447,12 @@ dd {
  padding: 0;
  width: 25%;
  height: 100%;
-  background: #111d2b url("../imgs/index/icon_01.png") no-repeat 43% 86px;
+  background: #111d2b url("../images/index/icon_01.png") no-repeat 43% 86px;
 }
 .projects .projects-header p {
  width: 75%;
  height: 100%;
-  background: #2e2e2e url("../imgs/index/icon_02.jpg") no-repeat 58px 170px;
+  background: #2e2e2e url("../images/index/icon_02.jpg") no-repeat 58px 170px;
  font-size: 48px;
  color: #fff;
 }
@@ -494,11 +494,11 @@ dd {
  background: #faf;
 }
 .projects .projects-content .project-info .project-one {
-  background: url("../imgs/index/528ad57.jpg") no-repeat center center;
+  background: url("../images/index/528ad57.jpg") no-repeat center center;
  background-size: cover;
 }
 .projects .projects-content .project-info .project-two {
-  background: url("../imgs/index/041c0cc.jpg") no-repeat center center;
+  background: url("../images/index/041c0cc.jpg") no-repeat center center;
  background-size: cover;
 }
 .projects .projects-content .project-info .mr50 {
@@ -548,15 +548,15 @@ dd {
  height: 366px;
 }
 .projects .projects-content .project-info .project-three {
-  background: #fff url("../imgs/index/fcfbb08.jpg") no-repeat center center;
+  background: #fff url("../images/index/fcfbb08.jpg") no-repeat center center;
  background-size: cover;
 }
 .projects .projects-content .project-info .project-four {
-  background: #fff url("../imgs/index/5ce7cf8.jpg") no-repeat center center;
+  background: #fff url("../images/index/5ce7cf8.jpg") no-repeat center center;
  background-size: cover;
 }
 .projects .projects-content .project-info .project-five {
-  background: #fff url("../imgs/index/38be78d.jpg") no-repeat center center;
+  background: #fff url("../images/index/38be78d.jpg") no-repeat center center;
  background-size: cover;
 }
 /*产品详情页面*/
@@ -771,7 +771,7 @@ dd {
  .hot-project-banner {
    height: 600px;
    width: 100%;
-    background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
+    background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
@@ -791,7 +791,7 @@ dd {
  .hot-project-banner {
    height: 470px;
    width: 100%;
-    background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
+    background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
@@ -841,7 +841,7 @@ dd {
  position: relative;
  top: 20px;
  margin-right: 6px;
-  background: url("../imgs/hot_project/tabs01.png") no-repeat -46px -13px;
+  background: url("../images/hot_project/tabs01.png") no-repeat -46px -13px;
 }
 .hot-project-introducer > ul li:nth-child(2) > b {
  background-position: -176px -13px;
@@ -1011,22 +1011,22 @@ dd {
  border-right: 1px solid #43abb6;
 }
 .hot-project-tabs ul li:nth-child(1) dt {
-  background: url("../imgs/hot_project/tabs05_b.png") no-repeat;
+  background: url("../images/hot_project/tabs05_b.png") no-repeat;
 }
 .hot-project-tabs ul li:nth-child(2) {
  border-right: 1px solid #43abb6;
 }
 .hot-project-tabs ul li:nth-child(2) dt {
-  background: url("../imgs/hot_project/tabs04_b.png") no-repeat;
+  background: url("../images/hot_project/tabs04_b.png") no-repeat;
 }
 .hot-project-tabs ul li:nth-child(3) {
  border-right: 1px solid #43abb6;
 }
 .hot-project-tabs ul li:nth-child(3) dt {
-  background: url("../imgs/hot_project/tabs03_b.png") no-repeat;
+  background: url("../images/hot_project/tabs03_b.png") no-repeat;
 }
 .hot-project-tabs ul li:nth-child(4) dt {
-  background: url("../imgs/hot_project/tabs02_b.png") no-repeat;
+  background: url("../images/hot_project/tabs02_b.png") no-repeat;
 }
 .hot-project-tabs ul li:hover {
  color: #fff;
@@ -1038,13 +1038,13 @@ dd {
 @-webkit-keyframes changeOne {
  0% {
    opacity: 1;
-    background: url("../imgs/hot_project/tabs05_b.png ") no-repeat;
+    background: url("../images/hot_project/tabs05_b.png ") no-repeat;
  }
  50% {
    opacity: 0;
  }
  100% {
-    background: url("../imgs/hot_project/tabs05_a.png ") no-repeat;
+    background: url("../images/hot_project/tabs05_a.png ") no-repeat;
    opacity: 1;
  }
 }
@@ -1056,13 +1056,13 @@ dd {
 @-webkit-keyframes changeTwo {
  0% {
    opacity: 1;
-    background: url("../imgs/hot_project/tabs04_b.png ") no-repeat;
+    background: url("../images/hot_project/tabs04_b.png ") no-repeat;
  }
  50% {
    opacity: 0;
  }
  100% {
-    background: url("../imgs/hot_project/tabs04_a.png ") no-repeat -1px -1px;
+    background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
    opacity: 1;
  }
 }
@@ -1074,14 +1074,14 @@ dd {
 @-webkit-keyframes changeThree {
  0% {
    opacity: 1;
-    background: url("../imgs/hot_project/tabs03_b.png ") no-repeat;
+    background: url("../images/hot_project/tabs03_b.png ") no-repeat;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
-    background: url("../imgs/hot_project/tabs03_a.png ") no-repeat;
+    background: url("../images/hot_project/tabs03_a.png ") no-repeat;
  }
 }
 .hot-project-tabs ul li:nth-child(3):hover dt {
@@ -1091,14 +1091,14 @@ dd {
 }
 @-webkit-keyframes changeFour {
  0% {
-    background: url("../imgs/hot_project/tabs02_b.png ") no-repeat;
+    background: url("../images/hot_project/tabs02_b.png ") no-repeat;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
-    background: url("../imgs/hot_project/tabs02_a.png ") no-repeat;
+    background: url("../images/hot_project/tabs02_a.png ") no-repeat;
  }
 }
 .hot-project-tabs ul li:nth-child(4):hover dt {
@@ -1168,7 +1168,7 @@ body {
  .about-us-banner {
    width: 100%;
    height: 667px;
-    background: url("../imgs/index/banner.jpg") no-repeat center center;
+    background: url("../images/index/banner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
@@ -1197,7 +1197,7 @@ body {
  .about-us-banner {
    width: 100%;
    height: 450px;
-    background: url("../imgs/index/banner.jpg") no-repeat center center;
+    background: url("../images/index/banner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
@@ -1225,7 +1225,7 @@ body {
 .about-us-banner-bottom {
  width: 100%;
  height: 824px;
-  background: url("../imgs/about_us/bg_2.jpg") no-repeat center center;
+  background: url("../images/about_us/bg_2.jpg") no-repeat center center;
  background-size: cover;
 }
 .about-us-banner-bottom h4 {
@@ -1319,7 +1319,7 @@ body {
  position: relative;
 }
 .company-introduction div a:nth-child(1) {
-  background: url("../imgs/about_us/zhongjiang.jpg") no-repeat;
+  background: url("../images/about_us/zhongjiang.jpg") no-repeat;
  border-bottom: 1px solid #c3c3c3;
 }
 .company-introduction div a:nth-child(1)::before {
@@ -1343,7 +1343,7 @@ body {
  background: #f6f6f6;
 }
 .company-introduction div a:nth-child(2) {
-  background: url("../imgs/about_us/zhongrong.jpg") no-repeat;
+  background: url("../images/about_us/zhongrong.jpg") no-repeat;
  border-bottom: 1px solid #c3c3c3;
 }
 .company-introduction div a:nth-child(2)::after {
@@ -1357,7 +1357,7 @@ body {
  background: #f6f6f6;
 }
 .company-introduction div a:nth-child(3) {
-  background: url("../imgs/about_us/guomin.jpg") no-repeat;
+  background: url("../images/about_us/guomin.jpg") no-repeat;
  border-bottom: 1px solid #c3c3c3;
 }
 .company-introduction div a:nth-child(3)::after {
@@ -1371,7 +1371,7 @@ body {
  background: #f6f6f6;
 }
 .company-introduction div a:nth-child(4) {
-  background: url("../imgs/about_us/guangda.jpg") no-repeat;
+  background: url("../images/about_us/guangda.jpg") no-repeat;
  margin-right: 0;
  border-right: none;
  border-bottom: 1px solid #c3c3c3;
@@ -1387,23 +1387,23 @@ body {
  background: #f6f6f6;
 }
 .company-introduction div a:nth-child(5) {
-  background: url("../imgs/about_us/zhongxing.jpg") no-repeat;
+  background: url("../images/about_us/zhongxing.jpg") no-repeat;
 }
 .company-introduction div a:nth-child(6) {
-  background: url("../imgs/about_us/fangzheng.jpg") no-repeat;
+  background: url("../images/about_us/fangzheng.jpg") no-repeat;
 }
 .company-introduction div a:nth-child(7) {
-  background: url("../imgs/about_us/huaxing.jpg") no-repeat;
+  background: url("../images/about_us/huaxing.jpg") no-repeat;
 }
 .company-introduction div a:nth-child(8) {
-  background: url("../imgs/about_us/zhongtai.jpg") no-repeat;
+  background: url("../images/about_us/zhongtai.jpg") no-repeat;
  margin: 0;
  border-right: none;
 }
 .address-map {
  height: 575px;
  width: 100%;
-  background: url("../imgs/about_us/map.jpg") no-repeat center center;
+  background: url("../images/about_us/map.jpg") no-repeat center center;
  background-size: cover;
 }
 .address-map > div {

--- a/CSS/styles.less
+++ b/CSS/styles.less
@@ -174,7 +174,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
 .banner {
-  background: url("../imgs/index/banner.jpg") no-repeat center center;
+  background: url("../images/index/banner.jpg") no-repeat center center;
  background-size: cover;
  .banner-box {
@@ -438,12 +438,12 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
      padding: 0;
      width: 25%;
      height: 100%;
-      background: #111d2b url("../imgs/index/icon_01.png") no-repeat 43% 86px;
+      background: #111d2b url("../images/index/icon_01.png") no-repeat 43% 86px;
    }
    p {
      width: 75%;
      height: 100%;
-      background: #2e2e2e url("../imgs/index/icon_02.jpg") no-repeat 58px 170px;
+      background: #2e2e2e url("../images/index/icon_02.jpg") no-repeat 58px 170px;
      font-size: 48px;
      color: #fff;
      span {
@@ -485,11 +485,11 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
        background: #faf;
      }
      .project-one {
-        background: url("../imgs/index/528ad57.jpg") no-repeat center center;
+        background: url("../images/index/528ad57.jpg") no-repeat center center;
        background-size: cover;
      }
      .project-two {
-        background: url("../imgs/index/041c0cc.jpg") no-repeat center center;
+        background: url("../images/index/041c0cc.jpg") no-repeat center center;
        background-size: cover;
      }
      .mr50 {
@@ -539,15 +539,15 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
        height: 366px;
      }
      .project-three {
-        background: #fff url("../imgs/index/fcfbb08.jpg") no-repeat center center;
+        background: #fff url("../images/index/fcfbb08.jpg") no-repeat center center;
        background-size: cover;
      }
      .project-four {
-        background: #fff url("../imgs/index/5ce7cf8.jpg") no-repeat center center;
+        background: #fff url("../images/index/5ce7cf8.jpg") no-repeat center center;
        background-size: cover;
      }
      .project-five {
-        background: #fff url("../imgs/index/38be78d.jpg") no-repeat center center;
+        background: #fff url("../images/index/38be78d.jpg") no-repeat center center;
        background-size: cover;
      }
    }
@@ -773,7 +773,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
  .hot-project-banner {
    height: 600px;
    width: 100%;
-    background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
+    background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
@@ -794,7 +794,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
  .hot-project-banner {
    height: 470px;
    width: 100%;
-    background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
+    background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
@@ -842,7 +842,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
        position: relative;
        top: 20px;
        margin-right: 6px;
-        background: url("../imgs/hot_project/tabs01.png") no-repeat -46px -13px;
+        background: url("../images/hot_project/tabs01.png") no-repeat -46px -13px;
      }
    }
    li:nth-child(2) {
@@ -1022,24 +1022,24 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
    li:nth-child(1) {
      border-right: 1px solid #43abb6;
      dt {
-        background: url("../imgs/hot_project/tabs05_b.png") no-repeat;
+        background: url("../images/hot_project/tabs05_b.png") no-repeat;
      }
    }
    li:nth-child(2) {
      border-right: 1px solid #43abb6;
      dt {
-        background: url("../imgs/hot_project/tabs04_b.png") no-repeat;
+        background: url("../images/hot_project/tabs04_b.png") no-repeat;
      }
    }
    li:nth-child(3) {
      border-right: 1px solid #43abb6;
      dt {
-        background: url("../imgs/hot_project/tabs03_b.png") no-repeat;
+        background: url("../images/hot_project/tabs03_b.png") no-repeat;
      }
    }
    li:nth-child(4) {
      dt {
-        background: url("../imgs/hot_project/tabs02_b.png") no-repeat;
+        background: url("../images/hot_project/tabs02_b.png") no-repeat;
      }
    }
    li:hover {
@@ -1053,13 +1053,13 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
      @-webkit-keyframes changeOne {
        0% {
          opacity: 1;
-          background: url("../imgs/hot_project/tabs05_b.png ") no-repeat;
+          background: url("../images/hot_project/tabs05_b.png ") no-repeat;
        }
        50% {
          opacity: 0;
        }
        100% {
-          background: url("../imgs/hot_project/tabs05_a.png ") no-repeat;
+          background: url("../images/hot_project/tabs05_a.png ") no-repeat;
          opacity: 1;
        }
      }
@@ -1073,13 +1073,13 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
      @-webkit-keyframes changeTwo {
        0% {
          opacity: 1;
-          background: url("../imgs/hot_project/tabs04_b.png ") no-repeat;
+          background: url("../images/hot_project/tabs04_b.png ") no-repeat;
        }
        50% {
          opacity: 0;
        }
        100% {
-          background: url("../imgs/hot_project/tabs04_a.png ") no-repeat -1px -1px;
+          background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
          opacity: 1;
        }
      }
@@ -1093,14 +1093,14 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
      @-webkit-keyframes changeThree {
        0% {
          opacity: 1;
-          background: url("../imgs/hot_project/tabs03_b.png ") no-repeat;
+          background: url("../images/hot_project/tabs03_b.png ") no-repeat;
        }
        50% {
          opacity: 0;
        }
        100% {
          opacity: 1;
-          background: url("../imgs/hot_project/tabs03_a.png ") no-repeat;
+          background: url("../images/hot_project/tabs03_a.png ") no-repeat;
        }
      }
      dt {
@@ -1112,14 +1112,14 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
    li:nth-child(4):hover {
      @-webkit-keyframes changeFour {
        0% {
-          background: url("../imgs/hot_project/tabs02_b.png ") no-repeat;
+          background: url("../images/hot_project/tabs02_b.png ") no-repeat;
        }
        50% {
          opacity:0;
        }
        100% {
          opacity: 1;
-          background: url("../imgs/hot_project/tabs02_a.png ") no-repeat;
+          background: url("../images/hot_project/tabs02_a.png ") no-repeat;
        }
      }
      dt {
@@ -1195,7 +1195,7 @@ body {
  .about-us-banner {
    width: 100%;
    height: 667px;
-    background: url("../imgs/index/banner.jpg") no-repeat center center;
+    background: url("../images/index/banner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
@@ -1225,7 +1225,7 @@ body {
  .about-us-banner {
    width: 100%;
    height: 450px;
-    background: url("../imgs/index/banner.jpg") no-repeat center center;
+    background: url("../images/index/banner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
@@ -1254,7 +1254,7 @@ body {
 .about-us-banner-bottom {
  width: 100%;
  height: 824px;
-  background: url("../imgs/about_us/bg_2.jpg") no-repeat center center;
+  background: url("../images/about_us/bg_2.jpg") no-repeat center center;
  background-size: cover;
  h4 {
    font-size: 52px;
@@ -1348,7 +1348,7 @@ body {
      position: relative;
    }
    a:nth-child(1) {
-      background: url("../imgs/about_us/zhongjiang.jpg") no-repeat;
+      background: url("../images/about_us/zhongjiang.jpg") no-repeat;
      border-bottom: 1px solid #c3c3c3;
    }
    a:nth-child(1)::before {
@@ -1372,7 +1372,7 @@ body {
      background: #f6f6f6;
    }
    a:nth-child(2) {
-      background: url("../imgs/about_us/zhongrong.jpg") no-repeat;
+      background: url("../images/about_us/zhongrong.jpg") no-repeat;
      border-bottom: 1px solid #c3c3c3;
    }
    a:nth-child(2)::after {
@@ -1386,7 +1386,7 @@ body {
      background: #f6f6f6;
    }
    a:nth-child(3) {
-      background: url("../imgs/about_us/guomin.jpg") no-repeat;
+      background: url("../images/about_us/guomin.jpg") no-repeat;
      border-bottom: 1px solid #c3c3c3;
    }
    a:nth-child(3)::after {
@@ -1400,7 +1400,7 @@ body {
      background: #f6f6f6;
    }
    a:nth-child(4) {
-      background: url("../imgs/about_us/guangda.jpg") no-repeat;
+      background: url("../images/about_us/guangda.jpg") no-repeat;
      margin-right: 0;
      border-right: none;
      border-bottom: 1px solid #c3c3c3;
@@ -1416,16 +1416,16 @@ body {
      background: #f6f6f6;
    }
    a:nth-child(5) {
-      background: url("../imgs/about_us/zhongxing.jpg") no-repeat;
+      background: url("../images/about_us/zhongxing.jpg") no-repeat;
    }
    a:nth-child(6) {
-      background: url("../imgs/about_us/fangzheng.jpg") no-repeat;
+      background: url("../images/about_us/fangzheng.jpg") no-repeat;
    }
    a:nth-child(7) {
-      background: url("../imgs/about_us/huaxing.jpg") no-repeat;
+      background: url("../images/about_us/huaxing.jpg") no-repeat;
    }
    a:nth-child(8) {
-      background: url("../imgs/about_us/zhongtai.jpg") no-repeat;
+      background: url("../images/about_us/zhongtai.jpg") no-repeat;
      margin: 0;
      border-right: none;
    }
@@ -1436,7 +1436,7 @@ body {
 .address-map {
  height: 575px;
  width: 100%;
-  background: url("../imgs/about_us/map.jpg") no-repeat center center;
+  background: url("../images/about_us/map.jpg") no-repeat center center;
  background-size: cover;
  > div {
    width: 1200px;

--- a/public/stylesheets/variable.css
+++ b/public/stylesheets/variable.css
--- a/public/stylesheets/variable.less
+++ b/public/stylesheets/variable.less
+@container-width: 1000px;
\ No newline at end of file
--- a/routes/index.js
+++ b/routes/index.js
+var express = require('express');
+var router = express.Router();
+/* GET home page. */
+router.get('/', function(req, res, next) {
+  res.render('index', {
+    page: 'index',
+    abcd:123,
+    products:[
+      {
+        title:'中电投西安',
+        img:'/images/index/528ad57.jpg',
+        raiseTime:'28',
+        raiseFunds: '4',
+        maxProfits: '8.5',
+        link:''
+      },{
+        title:'中电投西安',
+        img:'/images/index/041c0cc.jpg',
+        raiseTime:'28',
+        raiseFunds: '4',
+        maxProfits: '8.5',
+        link:''
+      },{
+        title:'中电投西安',
+        img:'/images/index/fcfbb08.jpg',
+        raiseTime:'28',
+        raiseFunds: '4',
+        maxProfits: '8.5',
+        link:''
+      },{
+        title:'中电投西安',
+        img:'/images/index/5ce7cf8.jpg',
+        raiseTime:'28',
+        raiseFunds: '4',
+        maxProfits: '8.5',
+        link:''
+      },{
+        title:'中电投西安',
+        img:'/images/index/38be78d.jpg',
+        raiseTime:'28',
+        raiseFunds: '4',
+        maxProfits: '8.5',
+        link:''
+      },
+    ]
+  });
+});
+module.exports = router;
--- a/views/error.hbs
+++ b/views/error.hbs
+<h1>页面出错了!</h1>
+<h2>{{message}}</h2>
+<p>{{error}}</p>
--- a/views/index.hbs
+++ b/views/index.hbs
+<div class="banner">
+    <div class="banner-box">
+        <h1>海量资源 轻松抢单</h1>
+        <p>
+            以科技为手段，面向财富管理行业从业人员的运营服务提供商。
+            匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、
+            市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
+            避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
+        </p>
+    </div>
+</div>
+<div class="download">
+    <a class="android">
+        <i class="iconfont icon-android"></i>
+        下载Android版
+    </a>
+    <a class="iphone">
+        <i class="iconfont icon-iphone"></i>
+        下载iPhone版
+    </a>
+    <a class="qr-code" href="">
+        <img src="/images/index/QR_Code.jpg" alt="">
+        <span>扫描下载富豆APP</span>
+    </a>
+    <img class="app-screen" src="/images/index/iphone.png" alt="app screen">
+    <hr class="line-separate"/>
+</div>
+<div class="character">
+    <ul class="clear">
+        <li>
+            <div>
+                <h3>1000亿</h3>
+                <h4>累计交易</h4>
+            </div>
+            <div>
+                <img src="/images/index/picture_01.png"/>
+                <h3>金融脱媒</h3>
+                <h4>一手资源，从融资方直接取得项目资源</h4>
+            </div>
+        </li>
+        <li>
+            <div>
+                <h3>1000亿</h3>
+                <h4>累计交易</h4>
+            </div>
+            <div>
+                <img src="/images/index/picture_01.png"/>
+                <h3>金融脱媒</h3>
+                <h4>一手资源，从融资方直接取得项目资源</h4>
+            </div>
+        </li>
+        <li>
+            <div>
+                <h3>1000亿</h3>
+                <h4>累计交易</h4>
+            </div>
+            <div>
+                <img src="/images/index/picture_01.png"/>
+                <h3>金融脱媒</h3>
+                <h4>一手资源，从融资方直接取得项目资源</h4>
+            </div>
+        </li>
+        <li>
+            <div>
+                <h3>1000亿</h3>
+                <h4>累计交易</h4>
+            </div>
+            <div>
+                <img src="/images/index/picture_01.png"/>
+                <h3>金融脱媒</h3>
+                <h4>一手资源，从融资方直接取得项目资源</h4>
+            </div>
+        </li>
+    </ul>
+</div>
+<div class="projects">
+    <header class="clear">
+        <div>
+            <div>
+                <a class="logo"></a>
+            </div>
+        </div>
+        <div>
+            <div>
+                <h3>推荐优质项目 领取高额介绍费</h3>
+            </div>
+        </div>
+    </header>
+    <section class="clear">
+        <div>
+            <p>
+                精选稀缺产品<br/>
+                非区非县，市级资产端一手政信
+            </p>
+            <p>
+                尽享高额佣金<br/>
+                远高市场佣金比例的返佣制度
+            </p>
+            <p>
+                完善风控体系<br/>
+                原招商银行风控团队层层把关
+            </p>
+            <p>
+                佣金快速结算<br/>
+                项目成立 T+0 ，帮您快速结佣
+            </p>
+        </div>
+        <div>
+            <div class="computer"></div>
+        </div>
+    </section>
+</div>
+<div class="products">
+    <ul>
+        {{#each products}}
+            <li class="clear">
+                <div style="background-image:url({{this.img}})"></div>
+                <div>
+                    <h3>{{this.title}}</h3>
+                    <div>
+                    <span>
+                        <strong>{{this.raiseTime}}</strong>天<br/>募集时间
+                    </span>
+                        <span>
+                        <strong>{{this.raiseFunds}}</strong>亿<br/>募集资金
+                    </span>
+                        <span>
+                        <strong>{{this.maxProfits}}</strong>%<br/>最高收益
+                    </span>
+                    </div>
+                    <a href="{{this.link}}">查看详情 &gt;</a>
+                </div>
+            </li>
+        {{/each}}
+    </ul>
+</div>
--- a/views/layout.hbs
+++ b/views/layout.hbs
+<!DOCTYPE html>
+<html lang="cn">
+<head>
+    <meta charset="UTF-8">
+    <title>富豆优投</title>
+    <link rel="icon" href="/favicon.ico"/>
+    <link rel="stylesheet" href="/stylesheets/style.css"/>
+    <link rel="stylesheet" href="/stylesheets/{{page}}.css"/>
+</head>
+<body>
+<header id="header">
+    <div class="container">
+        <a class="logo" href="/"><img src="/images/logo.png" alt="logo"></a>
+        <nav class="clear">
+            <span><a href="/">首页 / HOME</a></span>
+            <span><a href="/project">项目合作 / PROJECT</a></span>
+            <span><a href="/product">最新产品 / PRODUCT</a></span>
+            <span><a href="/about">关于我们 / ABOUT</a></span>
+        </nav>
+    </div>
+</header>
+<section id="container">
+    {{{body}}}
+</section>
+<footer id="footer">
+    <h3>全国客服热线 9:30-18:30</h3>
+    <h2>400-888-8888</h2>
+    <hr class="line-separate"/>
+    <address>浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
+    <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
+</footer>
+<script src="/javascripts/jquery-1.8.3.min.js"></script>
+<script src="/javascripts/{{page}}.js"></script>
+</body>
+</html>
--- a/www.fudou6.com.iml
+++ b/www.fudou6.com.iml
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" name="www.fudou6.com node_modules" level="project" />
+  </component>
+</module>
\ No newline at end of file