初始化项目

public/.htaccess

@@ -0,0 +1,8 @@
+<IfModule mod_rewrite.c>
+  Options +FollowSymlinks -Multiviews
+  RewriteEngine On
+
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
+</IfModule>

public/index.php

@@ -0,0 +1,24 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006-2019 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+
+// [ 应用入口文件 ]
+namespace think;
+
+require __DIR__ . '/../vendor/autoload.php';
+
+// 执行HTTP应用并响应
+$http = (new App())->http;
+
+$response = $http->run();
+
+$response->send();
+
+$http->end($response);

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

public/router.php

@@ -0,0 +1,17 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006~2019 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+// $Id$
+
+if (is_file($_SERVER["DOCUMENT_ROOT"] . $_SERVER["SCRIPT_NAME"])) {
+    return false;
+} else {
+    require __DIR__ . "/index.php";
+}

public/static/.gitignore

@@ -0,0 +1 @@
+!.gitignore

public/static/css/common.css

@@ -0,0 +1,111 @@
+
+
+.left-bottom-options{
+    position: fixed;
+    left: 20px;
+    bottom: 60px;
+    background: rgba(0,0,0,0.4);
+    color: #fff;
+    font-size: 35px;
+    padding: 3px 5px;
+}
+
+
+.main-container {
+    margin-top: 10px;
+}
+
+.layui-table img {
+    max-width: 60px;
+    max-height: 60px;
+}
+
+.table-card-box{
+    margin-top: 15px;
+    background-color: #eee;
+    padding: 15px 5px;
+}
+
+.table-card-item{
+    
+    margin-top: 5px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+.table-card-item img{
+    max-width: 60px;
+    max-height: 60px;
+}
+
+.table-card-item .item-title{
+    padding: 5px;
+    font-size: 16px;
+    width: 20%;
+}
+.table-card-item .item-value{
+    padding: 5px;
+    margin: 5px;
+    background-color: #fff;
+    min-width: 80%;
+    white-space: normal;
+    word-break: break-all;
+}
+.layui-form-radio{
+  white-space: nowrap;
+}
+
+
+.quick-input-item{
+  width: 120px;
+  margin: 3px 0;
+}
+
+.quick-input-item.sm-quick-input-item .layui-btn{
+    line-height: 24px;
+    height: 24px;
+    font-size: 12px;
+    padding: 0 12px;
+    
+}
+
+.quick-input-item.sm-quick-input-item .layui-input{
+  line-height: 24px;
+  height: 24px;
+}
+
+.ul-flex{
+  display: flex;
+}
+
+
+@media screen and (max-width: 768px){
+  .layui-body{
+      left: 0;
+  }
+
+  .layui-layout-admin .layui-footer{
+      left: 0;
+  }
+
+  .layui-layout-admin .layui-logo{
+      width: 115px;
+  }
+
+  .layui-layout-admin .layui-side{
+      width: 100%;
+      overflow-x: hidden;
+      height: 100%;
+      position: unset;
+  }
+
+  .layui-layer-content .layui-hide-xs{
+      display: unset !important;
+  }
+
+  .layui-nav-tree{
+      width: 100%;
+      height: 100%;
+  }
+}

public/static/css/index.articles.css

@@ -0,0 +1,153 @@
+
+.main-container{
+  margin-top: 15px;
+}
+
+.nav-left-container{
+  margin-top: 15px;
+}
+
+.nav-left-list{
+  text-align: center;
+}
+
+.nav-left-list a{
+  display: block;
+  padding: 10px 15px;
+  border-radius: 5px;
+  margin: 5px 20px;
+}
+
+.nav-left-list a:hover,.nav-left-list a.current{
+  background-color: #6699CC;
+  color: #fff;
+}
+
+.logo{
+  text-align: center;
+}
+
+.logo img{
+  max-width: 60%;
+}
+
+.session{
+  margin-top: 15px;
+  background-color: #99CCFF;
+  padding: 15px;
+}
+
+.session.border{
+  border-top: 2px solid #6699CC;
+}
+
+.session .header{
+  font-size: 18px;
+  font-weight: 600;
+  color: #036;
+}
+
+.search-container{
+  display: flex;
+}
+
+
+.layui-btn{
+  background-color: #6699CC;
+}
+
+.nav-more-list a{
+  display: inline-block;
+  white-space: nowrap;
+  color: #036;
+  margin-right: 15px;
+  margin-top: 15px;
+}
+
+.session .info p{
+  margin: 5px 0;
+}
+
+#banner img{
+  width: 100%;
+}
+
+.tab-list{
+  border-bottom: 1px solid #ddd;
+  margin-top: 15px;
+  font-size: 16px;
+  
+}
+
+.tab-list a{
+  margin-right: 15px;
+  border-bottom: 2px solid transparent;
+  padding-bottom: 10px;
+  display: inline-block;
+}
+
+.tab-list a.current{
+  border-color: #6699CC;
+}
+
+
+.post-item,.plus-post-item{
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+}
+
+.post-item .poster,.plus-post-item .poster{
+  width: 160px;
+  height: 100px;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  margin-right: 15px;
+}
+
+.plus-post-item .poster{
+  width: 60px;
+  height: 60px;
+}
+
+.plus-post-item .title{
+  font-size: 14px;
+}
+
+.post-item .info .title{
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.post-item .info .plus-info{
+  margin-top: 5px;
+}
+
+.nodata{
+  
+  margin: 60px auto;
+  display: block;
+  width: 40%;
+}
+
+.content-container .title{
+  font-size: 22px;
+  font-weight: 600;
+  
+}
+
+
+
+@media screen and (max-width: 768px){
+  .nav-left-list{
+    text-align: left;
+  }
+  .nav-left-list a{
+    display: inline-block;
+    margin: 5px;
+  }
+}

public/static/css/index.blog.css

@@ -0,0 +1,910 @@
+/**
+ 
+ @Name: layuiSimpleBlog - 极简博客模板
+ @Author: xuzhiwen
+ @Copyright: layui.com
+ 
+ */
+
+
+/*end-menu-btn*/
+
+
+
+body {
+  font: 14px 宋体 Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
+  overflow-x: hidden;
+}
+
+.w1000 {
+  max-width: 1000px !important;
+  margin: 0 auto;
+}
+
+.header {
+  height: 120px;
+  line-height: 120px;
+  position: relative;
+  font-size: 16px;
+}
+
+.header .logo,
+.header .welcome-text,
+.header .nav {
+  position: absolute;
+  top: 0;
+}
+
+.header .logo {
+  left: 65px;
+}
+
+.header .logo span {
+  display: none;
+}
+
+.header .logo img {
+  max-width: 120px;
+  max-height: 100%;
+}
+
+.header .nav {
+  left: 250px;
+}
+
+.header .nav a {
+  color: #3f2863;
+  margin: 0 40px;
+}
+
+.header .nav a.active {
+  color: #ff7f21;
+}
+
+.header .welcome-text {
+  right: 50px;
+}
+
+.header .header-down-nav {
+  display: none;
+}
+
+
+.banner {
+  height: 600px;
+  width: 100%;
+  background: url(../img/banner.jpg) no-repeat;
+  background-size: cover;
+}
+
+.banner .cont {
+  position: relative;
+}
+
+.banner .title {
+  color: #fff;
+  position: absolute;
+  top: 152px;
+  left: 0;
+}
+
+.banner .title h3 {
+  font-size: 80px;
+  line-height: 88px;
+}
+
+.banner .title h4 {
+  font-size: 46px;
+}
+
+.banner .amount {
+  font-size: 18px;
+  line-height: 50px;
+  color: #ff7f21;
+  position: absolute;
+  right: 20px;
+  top: 290px;
+}
+
+.banner .text {
+  position: relative;
+  width: 80px;
+  display: inline-block;
+}
+
+.banner .text::before {
+  position: absolute;
+  right: -5px;
+  content: '\FF1A';
+}
+
+
+.content {
+  padding: 100px 0 160px 0;
+}
+
+.content .cont .title {
+  margin-bottom: 60px;
+}
+
+.content .cont .title a {
+  font-size: 16px;
+  color: #000 !important;
+}
+
+.content .cont .title .layui-breadcrumb span {
+  position: relative;
+  top: -1px;
+  margin: 0 16px;
+}
+
+.content .cont .title a.active,
+.content .cont .title a:hover {
+  color: #ff7f21 !important;
+}
+
+.content .cont .list-item .layui-fluid {
+  padding: 0;
+}
+
+.content .cont .list-item .item {
+  margin-bottom: 80px;
+  overflow: hidden;
+}
+
+.content .cont .list-item .item .img img {
+  width: 100%;
+}
+
+.content .cont .list-item .item .item-cont {
+  padding-left: 100px;
+}
+
+.content .cont .list-item .item .item-cont .go-icon {
+  width: 33px;
+  height: 11px;
+  background: url(../img/jiantou.png) center center no-repeat;
+  display: block;
+  padding: 10px 0;
+  margin-top: 16px;
+}
+
+.content .cont .list-item .item .item-cont h3 {
+  font-size: 24px;
+  margin: 20px 0;
+}
+
+.content .cont .list-item .item .item-cont h3 .new-icon {
+  width: 36px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  padding: 0;
+  margin: -3px 0 0 10px;
+}
+
+.content .cont .list-item .item .item-cont h5 {
+  font-size: 12px;
+  color: #ff7f21;
+  margin-bottom: 32px;
+}
+
+.content .cont .list-item .item .item-cont p {
+  line-height: 37px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  /* autoprefixer: off */
+  -webkit-box-orient: vertical;
+  /* autoprefixer: on */
+}
+
+.content .review-version {
+  padding: 20px;
+  border-top: 1px dashed #dddddd;
+}
+
+.content .review-version img {
+  float: left;
+}
+
+.content .review-version .form {
+  margin-bottom: 16px;
+}
+
+.content .review-version .form .layui-form-item {
+  clear: none;
+}
+
+.content .review-version .form .layui-input-block {
+  margin-left: 70px;
+}
+
+.content .review-version .form .layui-input-block .layui-btn {
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  background: #ff7f21;
+}
+
+.content .review-version .list-cont .cont {
+  padding: 40px 0 30px 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.content .review-version .list-cont .cont:last-child {
+  border-bottom: 0;
+}
+
+.content .review-version .list-cont .cont .text {
+  padding-left: 70px;
+  line-height: 22px;
+  color: #333;
+}
+
+.content .review-version .list-cont .cont .text .tit {
+  margin-bottom: 18px;
+}
+
+.content .review-version .list-cont .cont .text .data {
+  float: right;
+}
+
+
+.footer-wrap {
+  border-top: 1px solid #402863;
+}
+
+.footer {
+  padding: 60px 0 80px 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.footer .qrcode {
+  float: left;
+}
+
+.footer .practice-mode {
+  position: absolute;
+  right: 0;
+  overflow: hidden;
+}
+
+.footer .practice-mode img {
+  float: left;
+  padding-right: 28px;
+}
+
+.footer .practice-mode .text {
+  color: #3f2863;
+  float: left;
+}
+
+.footer .practice-mode .text h4 {
+  font-size: 20px;
+  line-height: 60px;
+}
+
+.footer .practice-mode .text p {
+  line-height: 32px;
+}
+
+.footer .practice-mode .text p span {
+  padding-left: 24px;
+}
+
+
+
+
+
+
+/*whisper*/
+.whisper-content {
+  padding: 40px 0 100px 0;
+}
+
+.whisper-content .item-box {
+  background: #f9f9f9;
+  margin-bottom: 20px;
+}
+
+.whisper-content .cont {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.whisper-content .cont .item-box .item {
+  padding: 50px 46px 20px 54px;
+}
+
+.whisper-content .cont .whisper-list .whisper-title {
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 20px;
+}
+
+.whisper-content .cont .whisper-list .whisper-title i {
+  position: relative;
+  top: 1px;
+  margin-right: 5px;
+}
+
+.whisper-content .cont .whisper-list .whisper-title span {
+  color: #ff7f21;
+}
+
+.whisper-content .cont .whisper-list .whisper-title span.hour {
+  margin-right: 20px;
+}
+
+.whisper-content .whisper-list .text-cont {
+  line-height: 24px;
+  margin-bottom: 28px;
+}
+
+.whisper-content .whisper-list .op-list {
+  margin-top: 30px;
+  overflow: hidden;
+}
+
+.whisper-content .whisper-list .op-list .like {
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+}
+
+.whisper-content .whisper-list .op-list .like.active {
+  color: #ff7f21;
+}
+
+.whisper-content .whisper-list .op-list p {
+  float: left;
+  cursor: pointer;
+  color: #999999;
+}
+
+.whisper-content .whisper-list .op-list p.off {
+  float: right;
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+}
+
+.whisper-content .whisper-list .op-list p.off span {
+  margin-right: 5px;
+}
+
+.whisper-content .whisper-list .op-list p.like {
+  margin-right: 50px;
+}
+
+.whisper-content .whisper-list .img-box {
+  overflow: hidden;
+}
+
+.whisper-content .whisper-list .img-box img {
+  float: left;
+  margin: 0px 18px 18px 0;
+}
+
+.whisper-content .whisper-list .img-box img:last-child {
+  margin-right: 0;
+}
+
+/*end-whisper*/
+
+
+
+
+
+
+/*leacots*/
+.leacots-content .review-version {
+  padding: 0;
+  border-top: 0;
+}
+
+.leacots-content .review-version .form .layui-form-item {
+  clear: both;
+}
+
+.leacots-content .item-box {
+  background: transparent;
+}
+
+.leacots-content .review-version .form {
+  margin: 70px 0;
+}
+
+.leacots-content .review-version .form textarea {
+  border-color: #402760;
+}
+
+.leacots-content .review-version .form .layui-input-block {
+  margin-left: 0;
+}
+
+.leacots-content .review-version .banner-img {
+  float: none;
+  width: 100%;
+}
+
+.leacots-content .review-version .volume {
+  color: #3f2469;
+}
+
+.leacots-content .review-version .volume span {
+  padding-left: 30px;
+  color: #f37d25;
+}
+
+.leacots-content .review-version .list-cont .cont {
+  max-width: 100%;
+}
+
+/*end-leacots*/
+
+
+
+/*details*/
+.details-content .article-cont img {
+  float: none;
+  width: 100%;
+}
+
+.details-content .article-cont .title {
+  text-align: center;
+  margin-bottom: 0;
+}
+
+.details-content .article-cont .title h3 {
+  font-size: 24px;
+  margin-bottom: 36px;
+}
+
+.details-content .article-cont .title p {
+  padding: 0;
+}
+
+.details-content .article-cont .title p.cont-info {
+  text-indent: 0;
+}
+
+.details-content .article-cont .title p .data {
+  margin-right: 26px;
+}
+
+.details-content .article-cont .title p .types {
+  color: #ff7f21;
+}
+
+.details-content .article-cont p {
+  line-height: 24px;
+  padding: 30px 0 30px 5px;
+  color: #333;
+  text-indent: 40px;
+}
+
+.details-content .article-cont .btn-box {
+  text-align: center;
+  margin-top: 50px;
+}
+
+/*end-details*/
+
+
+/*album*/
+.album-content .img-info {
+  margin-top: 66px;
+  overflow: hidden;
+  font-size: 16px;
+  margin-bottom: 126px;
+}
+
+.album-content .img-info img {
+  float: left;
+  padding-right: 60px;
+}
+
+.album-content .img-info .title {
+  line-height: 30px;
+  margin-top: 124px;
+  padding-left: 20px;
+}
+
+.album-content .img-info .title .data {
+  color: #ff7f21;
+}
+
+.album-content .img-info .title .data span {
+  padding-left: 35px;
+}
+
+.album-content .img-list {
+  overflow: hidden;
+  padding-bottom: 50px;
+}
+
+.album-content .img-list .item {
+  float: left;
+  width: 100%;
+}
+
+.album-content .img-list .layui-laypage {
+  margin: 50px 0;
+}
+
+.album-content .img-list .space>* {
+  padding: 55px;
+}
+
+.album-content .img-list .layui-col-space80 {
+  padding: 40px;
+}
+
+.album-content .img-list .item img {
+  width: 100%;
+}
+
+.album-content .img-list .cont-text {
+  padding-left: 10px;
+}
+
+.album-content .img-list .cont-text .data {
+  line-height: 55px;
+  color: #ff7f21;
+}
+
+.album-content .img-list .cont-text .briefly {
+  line-height: 24px;
+  margin-top: 16px;
+}
+
+/*end-album*/
+
+
+/*about*/
+.about-content {
+  background: #faf8fb;
+}
+
+.about-content .item {
+  padding-bottom: 100px;
+}
+
+.about-content .item h3 {
+  font-size: 24px;
+  color: #3f2863;
+  line-height: 100px;
+}
+
+.about-content .item.info .cont {
+  overflow: hidden;
+}
+
+.about-content .item.info img {
+  float: left;
+  height: 220px;
+  margin-right: 86px;
+}
+
+.about-content .item.info p {
+  line-height: 50px;
+  margin-top: 15px;
+}
+
+.about-content .item.info p {
+  font-size: 16px;
+}
+
+.about-content .item.tool .cont-box {
+  text-align: center;
+}
+
+.about-content .item.tool .cont-box img {}
+
+.about-content .item.tool .cont-box p {
+  line-height: 56px;
+}
+
+.about-content .item.contact .cont {
+  overflow: hidden;
+}
+
+.about-content .item.contact .cont img {
+  width: 110px;
+  height: 110px;
+  float: left;
+  margin: 0 100px;
+}
+
+.about-content .item.contact .cont .text {
+  line-height: 36px;
+}
+
+/*end-about*/
+
+@media screen and (max-width: 1200px) {
+  .header .logo {
+    left: 20px;
+  }
+
+  .header .nav {
+    left: 150px;
+  }
+
+  .header .nav a {
+    margin: 0 20px;
+  }
+
+  .content .cont .title {
+    padding-left: 10px;
+  }
+
+  .content .cont .list-item .item .img {
+    padding: 0 10px;
+  }
+
+  .content .cont .list-item .item .item-cont {
+    padding: 0 20px;
+  }
+
+  .content .cont .list-item .item .item-cont h3 {
+    margin: 15px 0;
+    font-size: 22px;
+  }
+
+  .content .cont .list-item .item .item-cont h5 {
+    margin-bottom: 10px;
+  }
+
+  .content .cont .list-item .item .item-cont p {
+    line-height: 30px;
+  }
+
+  .content .cont .list-item .item .item-cont .go-icon {
+    margin-top: 5px;
+  }
+
+  .content .cont .list-item .item {
+    margin-bottom: 50px;
+  }
+
+  .content {
+    padding: 60px 0 60px 0;
+  }
+
+  .whisper-content {
+    padding: 0 0 60px 0;
+  }
+
+  .details-content .article-cont .title {
+    padding: 0;
+  }
+
+  .details-content .article-cont .title h3 {
+    font-size: 22px;
+  }
+}
+
+@media screen and (max-width: 1000px) {
+  .leacots-content {
+    padding: 0 20px 40px 20px;
+  }
+
+  .album-content .img-info img {
+    width: 100%;
+    padding-right: 0;
+    margin-bottom: 20px;
+  }
+
+  .album-content .img-info {
+    margin-top: 0px;
+    margin-bottom: 50px;
+  }
+
+  .album-content .img-list .space>* {
+    padding: 30px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+
+  .header .nav,
+  .header .welcome-text {
+    display: none;
+  }
+
+  .banner .amount {
+    line-height: 40px;
+  }
+
+  .banner .title {
+    top: 245px;
+  }
+
+  .banner .title h3 {
+    font-size: 40px;
+    line-height: 44px;
+  }
+
+  .banner .title h4 {
+    font-size: 24px;
+  }
+
+  .footer {
+    padding-left: 0;
+  }
+
+  .footer .qrcode {
+    float: none;
+    margin-bottom: 40px;
+    margin-left: 10px;
+  }
+
+  .footer .practice-mode {
+    position: relative;
+    margin-left: 10px;
+  }
+
+  .banner .title {
+    top: 290px;
+    left: 20px;
+  }
+
+  .banner .amount {
+    left: 20px;
+    top: 210px;
+    line-height: 30px;
+  }
+
+  .whisper-content .cont .item {
+    padding: 30px;
+  }
+
+  .whisper-content .cont .item-box .item {
+    padding: 30px;
+  }
+
+  .content .review-version .list-cont .cont .text {
+    padding-left: 0;
+    line-height: 22px;
+    color: #333;
+  }
+
+  .content .review-version .list-cont .cont .text .tit {
+    line-height: 50px;
+    margin-bottom: 0;
+  }
+
+  .content .review-version .list-cont .cont .text .tit .name {
+    margin-left: 20px;
+  }
+
+  .content .review-version .list-cont .cont .text .ct {
+    margin-top: 20px;
+  }
+
+  .leacots-content .review-version .form {
+    margin: 40px 0;
+  }
+
+  .album-content .img-list .space>* {
+    padding: 10px;
+  }
+
+  .album-content .img-list .layui-laypage {
+    margin: 50px 0 0 0;
+  }
+
+  .album-content .img-list #demo {
+    text-align: center;
+  }
+
+  .about-content .item.info img {
+    margin-right: 0;
+    float: none;
+    height: auto;
+    width: 100%;
+  }
+
+  .about-content .item.info p {
+    padding-left: 20px;
+  }
+
+  .about-content .item {
+    padding-bottom: 40px;
+  }
+
+  .about-content .item h3 {
+    padding-left: 20px;
+  }
+
+  .about-content .item.contact .cont img {
+    margin: 0 30px 0 20px;
+  }
+
+  /*menu-btn*/
+  .menu {
+    width: 50px;
+    height: 40px;
+    position: relative;
+    cursor: pointer;
+  }
+
+  .menu:before,
+  .menu:after {
+    content: "";
+    display: block;
+    width: 50px;
+    height: 6px;
+    background: #ff7f21;
+    border-radius: 8px;
+    position: absolute;
+    left: 0;
+    -webkit-transition: all 0.15s ease-in-out;
+    transition: all 0.15s ease-in-out;
+  }
+
+  .menu:before {
+    top: 0px;
+    box-shadow: 0 34px #ff7f21;
+  }
+
+  .menu:after {
+    bottom: 17px;
+  }
+
+  .menu.on:before {
+    top: 17px;
+    box-shadow: none;
+    -webkit-transform: rotate(225deg);
+    transform: rotate(225deg);
+  }
+
+  .menu.on:after {
+    bottom: 17px;
+    -webkit-transform: rotate(135deg);
+    transform: rotate(135deg);
+  }
+
+  .menu-btn {
+    position: absolute;
+    top: 40px;
+    right: 20px;
+  }
+
+  .header .header-down-nav {
+    width: 100%;
+    position: absolute;
+    top: 120px;
+    z-index: 2;
+    left: 0;
+    padding: 0;
+    border-radius: 0;
+  }
+
+  .header .header-down-nav {
+    background: #ff7f21;
+  }
+
+  .header .header-down-nav .layui-nav-item a {
+    padding: 0 40px;
+  }
+
+  .header .header-down-nav li {
+    display: block;
+  }
+
+  .header .header-down-nav li a {
+    font-size: 16px;
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .whisper-content .cont .item img {
+    width: 100%;
+  }
+}

public/static/css/index.documents.css

@@ -0,0 +1,75 @@
+html,
+body {
+    background-color: #f5f5f5;
+    
+}
+
+.program-item {
+    margin: 10px 5px;
+    padding-bottom: 5px;
+    
+}
+
+.program-item .desc {
+
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+    height: 96px;
+
+}
+
+.program-item .options {
+    text-align: right; color: #999;font-size: 14px;margin-top: 10px;
+
+}
+
+.program-item .layui-icon{
+    font-size: 14px;
+}
+
+.site-logo{
+  display: flex;
+  align-items: center;
+  color: #fff;
+}
+.site-logo:hover{
+  color: #fff;
+}
+
+.site-logo img{
+  max-height: 60px;
+}
+
+.read-header{
+  background-color: #6699CC;
+  color: #fff;
+}
+
+.read-header .layui-breadcrumb a:hover{
+  color: #99CCFF !important;
+}
+
+.read-header .layui-breadcrumb a{
+  color: #fff !important;
+}
+
+.main-body{
+
+}
+
+
+.list-container li{
+    list-style: unset;
+    margin-left: 15px;
+}
+
+.post-title{
+  margin: 15px 0;
+  font-size: 22px;
+}
+
+.post-container{
+  margin: 15px;
+}

public/static/css/index.easy_blue.css

@@ -0,0 +1,247 @@
+/**
+ 
+ @Name: layuiNetCompany - 大气风格的网络公司企业模版
+ @Author: xuxingyu
+ @Copyright: layui.com
+ 
+ */
+
+body{background: #fff;}
+
+/** 首页 */
+
+/*导航部分*/
+.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s}
+.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
+.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
+.nav .layui-container{position: relative; transition: all 400ms ease-out;}
+.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
+.nav .nav-list{display: inline-block; height: 80px;}
+.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
+.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
+.nav .nav-list button span.spa1{transform: rotate(45deg);}
+.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
+.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
+.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
+.nav .layui-nav *{font-size: 18px;}
+.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
+.nav .layui-nav-bar,
+.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;}
+.nav .layui-nav .layui-this a
+,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
+
+/*轮播*/
+#banner img{min-width: 100%; height: 898px;}
+#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
+#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
+#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}
+
+/*主体—产品*/
+.main-product{padding-top: 90px; padding-bottom: 130px;}
+.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
+.main-product p.title
+,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
+.main-product p.title span
+,.main-service p.title span{color: #2db5a3;}
+.main-product .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;}
+.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
+.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
+.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
+.main-product .content img{transition: 2s;}
+.main-product .content img:hover{transform: rotateY(180deg);}
+
+/*主体-服务*/
+.main-service{background: #f8f8f8;}
+.main-service .content{position: relative;}
+.main-service .content .content-left{width: 50%;}
+.main-service .content .content-left img{width: 100%;}
+.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
+.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
+.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
+.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
+.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
+.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
+.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}
+
+/*底部*/
+.footer{padding-bottom: 70px; background: #5e6664;}
+.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
+.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
+.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
+.footer .footer-contact{color: #fff;}
+.footer .footer-contact a{color: #a5aaa9;}
+.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
+.footer .footer-contact .contact-bottom{line-height: 35px;}
+
+
+/** 产品 */
+.banner{height: 320px; margin-top: 80px;}
+.banner.product{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
+.main.product{padding: 30px 0 75px 0;}
+.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
+.main.product .content .content-img{text-align: center;}
+.main.product .content .content-img img{max-width: 100%;}
+.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
+.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
+.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}
+
+
+/** 动态 */
+.banner.news{background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover;}
+.banner .title{padding-top: 170px;}
+.banner .title.active{padding-top: 120px; transition: 1.5s;}
+.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
+.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
+.main-news{padding: 70px 0 80px 0;}
+.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;display: flex;}
+.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
+.main-news .content .news-img img{max-width: 90%;}
+.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
+.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
+.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
+.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
+.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
+.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
+/*动态详情页*/
+.main-newsdate{margin-top: 80px; text-align: center;}
+.main-newsdate .news{text-align: left; line-height: 104px;}
+.main-newsdate h1{padding-top: 6px;}
+.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
+.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
+.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
+.main-newsdate img{max-width: 100%;}
+
+
+/** 案例 */
+.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
+.main-case{padding: 30px 0 75px;}
+.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
+.main-case .content.even{margin-left: 2%;}
+.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
+.main-case .content .case-img img{width: 100%; transition: 2s;}
+.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
+.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
+.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
+.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
+.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
+
+
+/** 关于 */
+.banner.about{background: url(../img/nav_img4.jpg) no-repeat center top; background-size: cover;}
+.main-about{padding-bottom: 130px;}
+.main-about ul.aboutab{padding: 100px 0; text-align: center;}
+.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
+.main-about ul.aboutab li:first-child{margin-left: 0;}
+.main-about ul.aboutab li.layui-this
+,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
+.main-about .tabJob, .main-about .tabCour{display: none;}
+/*公司简介*/
+.main-about .tabIntro{padding-bottom: 15px;}
+.main-about .tabIntro .content{vertical-align: middle;}
+.main-about .tabIntro .content .img{width: 50%;}
+.main-about .tabIntro .content .img img{width: 100%;}
+.main-about .tabIntro .content .panel{width: 50%;}
+.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
+.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
+/*招贤纳士*/
+.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
+.main-about .tabJob .content:first-child{margin-top: 10px;}
+.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
+.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
+.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
+.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
+.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
+/*发展历程*/
+.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
+.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
+.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
+.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
+.main-about .tabCour .timeline li:first-child{padding-top: 0;}
+.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
+.main-about .tabCour .timeline li .cour-img img{width: 100%;}
+.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
+.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
+.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}
+
+
+@media screen and (max-width: 480px){
+  .main-service .content .content-right{padding: 10px 10px 0 10px;}
+  .main-service .content .content-right p{line-height: 24px;}
+  .main-news .content .news-panel p.read-push{font-size: 12px;}
+  .main-case .content{padding-top: 60px;}
+  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
+  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
+  .main-about ul.aboutab{padding: 70px 0;}
+  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
+  .main-about .tabIntro .content .img{width: 100%;}
+  .main-about .tabIntro .content .panel{width: 100%;}
+  .main-about .tabIntro .content .panel.p_block{display: none;}
+  .main-about .tabIntro .p_hidden{display: block;}
+  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
+  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
+}
+/*小屏幕*/
+@media screen and (min-width: 768px){
+  .nav{max-height: 80px;}
+  .nav.index{background: rgba(255, 255, 255 ,0.3);}
+  .nav .nav-list button{display: none;}
+  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
+  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 80px;}
+  .main-product p.title
+  ,.main-service p.title{font-size: 36px; line-height: 216px;}
+  .main.product .content .content-img{text-align: left;}
+  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
+  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
+  .main-newsdate .pushtime{line-height: 142px;}
+  .main-case .content{width: 45%;}
+  .main-case .content.even{margin-left: 9%;}
+  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
+  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
+  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
+  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
+  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
+  .main-about .tabCour .timeline:before{left: 50%;}
+  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
+  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
+  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
+  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
+}
+@media screen and (min-width: 768px) and (max-width: 992px){
+  .main.product .content div.right{padding-left: 20px;}
+  .nav .layui-nav .layui-nav-item{margin:0 33px;}
+  .main-service .content .content-right{padding: 10px 10px 0 15px;}
+  .main-service .content .content-right span{margin-bottom: 20px;}
+  .main-service .content .content-right p{line-height: 28px;}
+  .main.product .content .label{line-height: 40px; margin-top: 0;}
+  .main.product .content .detail{padding-bottom: 10px;}
+}
+/*大屏幕*/
+@media screen and (min-width: 992px){
+  .main.product .content{padding: 100px 0;}
+  .main.product .content div.right{padding-left: 0;}
+  .main-news .content .news-img{width: 20%;}
+  .main-news .content .news-panel{width: 80%;}
+  .main-case .content{width: 31%;}
+  .main-case .content.even{margin-left: 0;}
+  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
+  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
+}
+/*超大屏幕*/
+@media screen and (min-width: 1200px) {
+  .main-news .content .news-img{width: 35%;}
+  .main-news .content .news-panel{width: 65%;}
+  .main-news .content:nth-child(odd){padding-right: 20px;}
+  .main-news .content:nth-child(even){padding-left: 20px;}
+  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
+  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
+}
+@media screen and (min-width: 1300px) {
+  .layui-container{width: 1200px; padding: 0;}
+  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
+  .nav .nav-logo{position: absolute; top: 0; left: 0;}
+  .nav .nav-logo img{
+    max-height: 100%;
+  }
+  .layui-col-space80{margin: -40px;}
+  .layui-col-space80>*{padding: 40px;}
+}

public/static/css/pagination.css

@@ -0,0 +1,96 @@
+.pagination {
+    display: inline-block;
+    padding-left: 0;
+    margin: 20px 0;
+    border-radius: 4px;
+}
+.pagination > li {
+    display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+    position: relative;
+    float: left;
+    padding: 6px 12px;
+    margin-left: -1px;
+    line-height: 1.42857143;
+    color: #337ab7;
+    text-decoration: none;
+    background-color: #fff;
+    border: 1px solid #ddd;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+    margin-left: 0;
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+    z-index: 2;
+    color: #23527c;
+    background-color: #eee;
+    border-color: #ddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+    z-index: 3;
+    color: #fff;
+    cursor: default;
+    background-color: #337ab7;
+    border-color: #337ab7;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+    color: #777;
+    cursor: not-allowed;
+    background-color: #fff;
+    border-color: #ddd;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+    padding: 10px 16px;
+    font-size: 18px;
+    line-height: 1.3333333;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}

public/static/css/reset.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Render the `main` element consistently in IE.
+   */
+  
+  main {
+    display: block;
+  }
+  
+  /**
+   * 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;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 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 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 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 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * 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;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * 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;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * 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;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 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 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  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 in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 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 */
+  }
+  
+  /* Interactive
+     ========================================================================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }

public/static/css/skin-0.css

@@ -0,0 +1,9 @@
+
+.sm-form .layui-form-label{
+  width: 56px;
+  padding: 9px 3px;
+}
+
+.sm-form .layui-input-block{
+  margin-left: 62px;
+}

public/static/css/skin-1.css

@@ -0,0 +1,146 @@
+@media screen and (max-width: 768px){
+
+}
+.layui-nav-tree .layui-nav-item a:hover{
+    background-color: #6699CC;
+}
+
+.layui-bg-black{
+    background-color: #66CCFF !important; 
+}
+
+.layui-nav-tree .layui-nav-child dd.layui-this, 
+.layui-nav-tree .layui-nav-child dd.layui-this a, 
+.layui-nav-tree .layui-this, 
+.layui-nav-tree .layui-this > a, 
+.layui-nav-tree .layui-this > a:hover{
+    background-color: #6699CC;
+}
+
+.layui-layout-admin .layui-logo{
+    color: #fff;
+    line-height: 45px;
+}
+
+.layui-layout-admin .layui-header{
+    background-color: #39BDFF;
+}
+
+.layui-nav {
+    background-color: #66CCFF;
+}
+
+.layui-header{
+    height: 45px;
+}
+
+.layui-nav .layui-nav-item{
+    line-height: 45px;
+}
+
+.layui-nav .layui-nav-item a {
+    color: #FFFFFF;
+    
+}
+
+.layui-nav .layui-nav-child a {
+    color: #66CCFF;
+}
+
+.layui-nav .layui-this::after,
+.layui-nav-bar,
+.layui-nav-tree .layui-nav-itemed::after {
+    background-color: #CCFFFF;
+}
+
+.layui-tab-brief > .layui-tab-title .layui-this{
+    color: #66CCFF;
+}
+
+.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
+    border-color: #66CCFF;
+}
+
+.layui-btn{
+    background-color: #66CCFF;
+}
+.layui-form-radio > i:hover, .layui-form-radioed > i{
+    color: #66CCFF;
+}
+
+.layui-elem-quote{
+    border-color: #66CCFF;
+}
+
+.layui-laydate td.layui-this{
+    background-color: #66CCFF !important;
+}
+
+.layui-form-checkbox[lay-skin="primary"]:hover i{
+    border-color: #66CCFF;
+}
+.layui-form-checked[lay-skin="primary"] i{
+    border-color: #66CCFF !important;
+    background-color: #66CCFF !important;
+}
+
+.layui-form-select dl dd.layui-this{
+  background-color: #66CCFF;
+}
+
+
+.layui-form-label{
+  width: unset;
+  padding: 3px 3px;
+  float: unset;
+  text-align: left;
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.layui-input-block{
+  margin-left: 0;
+}
+
+.layui-form-pane .layui-form-label{
+  float: left;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.layui-nav-tree .layui-nav-item a{
+    height: 35px;
+    line-height: 35px;
+}
+
+.layui-nav-tree{
+    width: 140px;
+}
+.layui-layout-admin .layui-side{
+    width: 140px;
+    top: 45px;
+}
+.layui-layout-admin .layui-footer{
+    left: 140px;
+    height: 35px;
+    line-height: 35px;
+}
+.layui-layout-admin .layui-body{
+    top: 45px;
+}
+
+.layui-side-scroll{
+    width: 140px;
+}
+
+.layui-body{
+    left: 140px;
+}
+
+.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
+    background-color: #19B3FF;
+}
+
+.layui-nav-tree .layui-nav-bar{
+    background-color: #66CCFF;
+}

public/static/js/firm.js

@@ -0,0 +1,98 @@
+/**
+ 
+ @Name: layuiNetCompany - 大气风格的网络公司企业模版
+ @Author: xuxingyu
+ @Copyright: layui.com
+ 
+ */
+
+layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){
+  var $ = layui.jquery
+  ,element = layui.element
+  ,carousel = layui.carousel
+  ,laypage = layui.laypage;
+
+  //轮播渲染
+  carousel.render({
+    elem: '#banner'
+    ,width: '100%'
+    ,height: '898px'
+    ,arrow: 'always'
+  });
+
+  //滚动监听
+  $(window).scroll(function() {
+    var scr=$(document).scrollTop();
+    scr > 0 ? $(".nav").addClass('scroll') : $(".nav").removeClass('scroll');
+  });
+
+  //轮播文字
+  $(function(){
+    $('.banner').children('.title').addClass('active');
+  })
+
+  //导航切换
+  var btn = $('.nav').find('.nav-list').children('button')
+  ,spa = btn.children('span')
+  ,ul = $('.nav').find('.nav-list').children('.layui-nav');
+  btn.on('click', function(){
+    if(!$(spa[0]).hasClass('spa1')){
+      spa[0].className = 'spa1';
+      spa[1].style.display = 'none';
+      spa[2].className = 'spa3';
+      $('.nav')[0].style.height = 90 + ul[0].offsetHeight + 'px';
+    }else{
+      spa[0].className = '';
+      spa[1].style.display = 'block';
+      spa[2].className = '';
+      $('.nav')[0].style.height = 80 + 'px';
+    }
+  });
+
+  //关于内容
+  $('.main-about').find('.aboutab').children('li').each(function(index){
+    $(this).on('click', function(){
+      $(this).addClass('layui-this').siblings().removeClass('layui-this');
+      $('.aboutab').siblings().fadeOut("fast");
+      $('.aboutab').siblings().eq(index).fadeIn("");
+    });
+  });
+
+  //动态分页
+  laypage.render({
+    elem: 'newsPage'
+    ,count: 50
+    ,theme: '#2db5a3'
+    ,layout: ['page', 'next']
+  });
+
+  //案例分页
+  laypage.render({
+    elem: 'casePage'
+    ,count: 50
+    ,theme: '#2db5a3' 
+    ,layout: ['page', 'next']
+  });
+
+  //新闻字段截取
+  $(function(){
+    $(".main-news").find(".content").each(function(){
+      var span = $(this).find(".detail").children("span")
+      ,spanTxt = span.html();
+      if(document.body.clientWidth > 463){
+        span.html(spanTxt);
+      }else{
+        span.html(span.html().substring(0, 42)+ '...')
+      };
+      $(window).resize(function(){   
+        if(document.body.clientWidth > 463){
+          span.html(spanTxt);
+        }else{
+          span.html(span.html().substring(0, 42)+ '...')
+        };
+      });
+    });
+  });  
+
+  exports('firm', {}); 
+});

public/static/lib/jquery/jquery.cookie.js

@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (value !== undefined && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));

public/static/lib/layui/css/modules/code.css

@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}