更新

public/static/css/lib.css

@@ -0,0 +1,111 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+*{
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	font-family: 微软雅黑;
+	letter-spacing: 1px;
+}
+html,body{
+	width: 100%; height: 100%;
+	overflow: hidden;
+	font-size: 14px;
+}
+
+li{
+	list-style: none;
+}
+a{
+	display: block;
+}
+a:hover{
+	color: #df621e;
+	-webkit-transition: all 0.2s ease-in-out;
+}
+
+iframe{
+	border: 0; width: 100%; height: 100%;
+}
+.pull-left{ float: left; }
+.pull-right{ float: right; }
+
+.show{ display: block; }
+.hide{ display: none; }
+
+.i-bold{
+	font-weight: bolder;
+}
+/*字体颜色*/
+.i-green{ color:#00c851 !important;}
+.i-yellow{ color:#e7592b !important;}
+.i-red{ color:#d90000 !important; font-weight: border;}
+.i-blue{ color:#2292ef !important;}
+.i-lightblue{ color:#00a5e0 !important;}
+.i-gray{ color:#6c6c6e !important;}
+
+/*背景颜色*/
+.bg-green{ background-color:#00c851 !important;}
+.bg-yellow{ background-color:#e7592b !important;}
+.bg-red{ background-color:#d90000 !important;}
+.bg-blue{ background-color:#2292ef !important;}
+.bg-white{ background-color: white !important;}
+.bg-gray{ background-color: #6c6c6e !important;}
+
+/*渐变色*/
+.shade-white{
+	display: block;
+	background-image:url(../images/shade/white.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+.shade-menu{
+	display: block;
+	background-image:url(../images/shade/menu.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+
+.shadow{
+	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
+}
+.shadow1{
+	background: url(../images/shadow.png);
+	width: 220px; height: 15px;
+	background-size: 100%;
+	background-position: 0 0;
+	position: absolute; bottom: -15px; left: 0;
+}
+.shadow2{
+	background: url(../images/shadow.png);
+	width: 100%; height: 15px;
+	background-size: 100%;
+	background-position: 0 -15px;
+	position: absolute; bottom: -15px; left: 0;
+}
+
+/* 数字提示 */
+.num{
+  width: 15px; height: 15px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+.num-1{
+	margin-left: 5px;
+  padding: 5px 10px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+
+/* layui修改 */
+.layui-input-block{
+	margin-left: 0;
+}

public/static/css/mubu2017.css

@@ -0,0 +1,97 @@
+html,body,div,p,span,h1,h2,h3,h4,p,a, em,font,img,strong,dl,dt,dd,ul,li{margin:0; padding:0; font-family:"Microsoft YaHei";}
+html,body{height:100%; font-size:12px;}    
+ul,ol{list-style:none;}
+ul li{list-style-type:none;}
+img{border:0;}    
+em,i{font-style:normal;}
+.f_r,.fr{float:right;}
+.f_l,.fl{float:left;}
+canvas { cursor:crosshair; display:block;}
+.mubu{ background:url(../images/mubu_1_s.jpg) no-repeat top center; min-width:960px;height:99.9%;}
+.mubu_main{ width:960px; margin:0 auto; text-align:center; padding-top:300px; }
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
+.mubu_main p.into{ margin-top:50px; height:120px;}
+.mubu_top{ background:url(../images/mubu_2_s.png) no-repeat top center; position:fixed; top:0; left:0; height:150px; width:100%;}
+.mubu_left{ background:url(../images/mubu_left_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; left:-720px; -webkit-animation:mubu_dh_1 5s linear; animation:mubu_dh_1 8s linear forwards; display:none\9;}
+.mubu_right{ background:url(../images/mubu_right_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; right:-720px; -webkit-animation:mubu_dh_2 5s linear; animation:mubu_dh_2 8s linear forwards; display:none\9;}
+@-webkit-keyframes mubu_dh_1 {
+	0%{left:0;}
+	75% { left:-540px; opacity:100;}
+	100% { left:-720px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_1 {
+	0% { left:0;}
+	75% { left:-540px; opacity:100;}
+	100% { left:-720px; opacity:0; display:none;}
+}
+@-webkit-keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-540px; opacity:100;}
+	100% { right:-720px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-540px; opacity:100;}
+	100% { right:-720px; opacity:0; display:none;}
+}
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:300px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:250px; left:25%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:250px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+@media (min-width:1440px){ 
+.mubu{ background:url(../images/mubu_1.jpg) no-repeat top center; height:99.9%;}
+.mubu_main{ width:1150px; margin:0 auto; text-align:center; padding-top:300px; }
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
+.mubu_main p.into{ margin-top:50px; height:120px;}
+.mubu_top{ background:url(../images/mubu_2.png) no-repeat top center; position:fixed; top:0; left:0; height:200px; width:100%;}
+.mubu_left{ background:url(../images/mubu_left.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0;left:-960px; -webkit-animation:mubu_dh_1 5s ease-in; animation:mubu_dh_1 8s linear forwards; display:none\9;}
+.mubu_right{ background:url(../images/mubu_right.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0; right:-960px; -webkit-animation:mubu_dh_2 5s ease-in; animation:mubu_dh_2 8s linear forwards; display:none\9;}
+@-webkit-keyframes mubu_dh_1 {
+    0% { left:0;}
+	75% { left:-720px; opacity:100;}
+	100% { left:-960px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_1 {
+    0% { left:0;}
+	75% { left:-720px; opacity:100;}
+	100% { left:-960px; opacity:0; display:none;}
+}
+@-webkit-keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-720px; opacity:100;}
+	100% { right:-960px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-720px; opacity:100;}
+	100% { right:-960px; opacity:0; display:none;}
+}
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:450px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:350px; left:30%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:400px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+}
+
+/*ÑÌ»¨*/
+@keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-moz-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-webkit-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-o-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}

public/static/css/style1.css

@@ -0,0 +1,233 @@
+:root {
+	font-size: calc(16px + (20 - 16) * (100vw - 320px)/(980 - 320));
+	--rotateTimes: 0;
+}
+
+nav,
+ul,
+li {
+	transform-style: preserve-3d;
+}
+
+nav,
+li {
+	position: absolute;
+	top: 30%;
+	left: 50%;
+}
+
+nav,
+li a {
+	border-radius: 50%;
+}
+
+nav {
+	width: 100em;
+	height: 70em;
+	transform: translate(-50%, -50%) rotateX(75deg);
+	position: relative;
+}
+
+ul,
+li a {
+	width: 100%;
+	height: 100%;
+}
+
+ul {
+	list-style: none;
+}
+
+li {
+	animation: idle 4s ease-in-out infinite;
+	text-align: center;
+	width: 15em;
+	height: 15em;
+	transform: translate(-50%, -50%);
+}
+
+li a {
+	box-shadow: 0 0 0 0.1em #0cf inset, 0 0 1em #0cf inset;
+	color: currentColor;
+	display: inline-block;
+	text-decoration: none;
+	transition: transform 0.4s linear, box-shadow 0.15s linear, margin 0.1s linear, width 0.1s linear, height 0.1s linear;
+}
+
+li a span {
+	transition: color 0.15s linear;
+}
+
+li a:before {
+	background-color: #fff;
+	border-radius: 50%;
+	content: "";
+	display: block;
+	opacity: 0.5;
+	position: absolute;
+	top: 2.75em;
+	left: 3.75em;
+	width: 1em;
+	height: 0.5em;
+	transform: rotate(-45deg);
+}
+
+li a:focus,
+li a.current {
+	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
+	outline: 0;
+}
+
+li a:focus span,
+li a.current span {
+	color: #ff0;
+}
+
+li a:hover {
+	margin: -5% 0 0 -5%;
+	width: 110%;
+	height: 110%;
+	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
+}
+
+li a:hover svg {
+	width: 3em;
+	height: 3em;
+}
+
+@media (prefers-reduced-motion) {
+	li {
+		animation: none;
+	}
+}
+
+svg {
+	display: block;
+	margin: 1.25em auto 1.5em auto;
+	transition: width 0.1s linear, height 0.1s linear;
+	width: 2.5em;
+	height: 2.5em;
+}
+
+/* Position bubbles */
+li:nth-of-type(1) {
+	animation-delay: 0s;
+}
+
+li:nth-of-type(1) a {
+	transform: rotate(calc(0deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(0deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(2) {
+	animation-delay: -0.5s;
+}
+
+li:nth-of-type(2) a {
+	transform: rotate(calc(-51.4285714286deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(51.4285714286deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(3) {
+	animation-delay: -1s;
+}
+
+li:nth-of-type(3) a {
+	transform: rotate(calc(-102.8571428571deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(102.8571428571deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(4) {
+	animation-delay: -1.5s;
+}
+
+li:nth-of-type(4) a {
+	transform: rotate(calc(-154.2857142857deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(154.2857142857deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(5) {
+	animation-delay: -2s;
+}
+
+li:nth-of-type(5) a {
+	transform: rotate(calc(-205.7142857143deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(205.7142857143deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+/* Animations */
+.rise {
+	animation: rise 1s ease-out;
+}
+
+.rise a {
+	animation: fadeOut 1s ease-out;
+}
+
+.rise a.pop {
+	animation: pop 1s linear;
+}
+
+.rise a.pop svg,
+.rise a.pop span {
+	visibility: hidden;
+}
+
+@keyframes rise {
+	from {
+		transform: translateZ(0);
+	}
+
+	15% {
+		transform: translateZ(-1em);
+	}
+
+	to {
+		transform: translateZ(35em);
+	}
+}
+
+@keyframes fadeOut {
+
+	from,
+	15% {
+		opacity: 1;
+	}
+
+	50%,
+	to {
+		opacity: 0;
+	}
+}
+
+@keyframes pop {
+	from {
+		margin: -5% 0 0 -5%;
+		width: 110%;
+		height: 110%;
+		opacity: 1;
+	}
+
+	10%,
+	to {
+		margin: -20% 0 0 -20%;
+		width: 140%;
+		height: 140%;
+		opacity: 0;
+	}
+}
+
+@keyframes idle {
+
+	from,
+	to {
+		transform: translate(-50%, -48%);
+	}
+
+	25% {
+		transform: translate(-52%, -50%);
+	}
+
+	50% {
+		transform: translate(-50%, -52%);
+	}
+
+	75% {
+		transform: translate(-48%, -50%);
+	}
+}

public/static/home/css/index.css

@@ -0,0 +1,283 @@
+html {
+    margin: 0;
+    padding: 0;
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    font-family: 'Lato', sans-serif;
+    font-size: 16px;
+}
+
+.social-icon a {
+    position: fixed;
+    background: white;
+    color: white;
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+    transform: translate(-50%, -50%) rotate(45deg);
+    transition: .15s ease;
+    z-index: 30;
+}
+
+.social-icon i {
+    position: absolute;
+    font-size: 1.8em;
+    pointer-events: none;
+    z-index: 1000;
+}
+
+.social-icon:hover a {
+    transform: translate(-50%, -50%) rotate(45deg) scale(1.05);
+}
+
+.youtube a {
+    top: 100%;
+    left: 0%;
+    box-shadow: 0px 0px 15px 5px rgba(230, 33, 23, 0.5);
+}
+
+.youtube i {
+    left: 8px;
+    bottom: 8px;
+    color: #E62117;
+}
+
+.github a {
+    top: 100%;
+    left: 100%;
+    box-shadow: 0px 0px 15px 3px rgba(126, 126, 126, 0.5);
+}
+
+.github i {
+    right: 8px;
+    bottom: 8px;
+}
+
+#canvas-container-1 {
+    height: 100%;
+    width: 80%;
+    margin: 0 auto;
+}
+
+#canvas-1 {
+    display: block;
+    position: relative;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+#site-link {
+    color: #0099ff;
+    display: inline-block;
+    position: fixed;
+    bottom: 4%;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    font-variant: small-caps;
+}
+
+body {
+    background: url(../../home/images/bg_1.jpg);
+    background-size: cover;
+}
+
+.fn_1 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_1.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_1:hover {
+    background: url(../../home/images/fn_1_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_2 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_3.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_2:hover {
+    background: url(../../home/images/fn_3_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_3 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_2.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_3:hover {
+    background: url(../../home/images/fn_2_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_4 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_4.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_4:hover {
+    background: url(../../home/images/fn_4_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_5 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_5.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_5:hover {
+    background: url(../../home/images/fn_5_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.sci-wheel {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100px;
+}
+
+.header {
+    width: 100%;
+    height: 100px;
+    line-height: 100px;
+    padding: 0 40px;
+    background: rgba(0, 0, 0, 0.3);
+}
+
+.header .image {
+    float: left;
+    margin: 27px 10px;
+    width: 60px;
+}
+
+.header .title {
+    float: left;
+    font-size: 30px;
+    color: white;
+    letter-spacing: 3px;
+}
+.header .login{
+  float: right;
+  width: 270px;
+  margin: 30px 60px 0 0px;
+}
+.header .login a:first-child{
+  float: left;
+  width: 40px;
+  height: 40px;
+  border: 1px solid #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:first-child img{
+    float: left;
+    padding: 10px;
+}
+.header .login a:nth-child(2){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
+  text-align: center;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:nth-child(3){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
+  text-align: center;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .home-btn {
+    float: left;
+    margin-top: 20px;
+    width: 74px;
+    height: 74px;
+    border: 1px solid #102262;
+    border-radius: 5px;
+    background: url(../../home/images/login/icon.png) no-repeat center center;
+    background-size: 45% 45%;
+    cursor: pointer;
+}
+
+.center {
+    position: absolute;
+    top: 20px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    width: 930px;
+    height: 500px;
+    z-index: 999;
+    background: rgba(5, 19, 44, 0.6);
+}
+
+.center .list {
+    display: block;
+    float: left;
+    margin: 60px 29px;
+}
+
+.center .list:nth-child(1) {
+    position: relative;
+    left: 75px;
+    top: 60px;
+}
+
+.center .list:nth-child(2) {
+    position: relative;
+    left: 80px;
+    top: 0;
+}
+
+.center .list:nth-child(3) {
+    position: relative;
+    left: 85px;
+    top: 60px;
+}
+
+.center .list:nth-child(4) {
+    position: relative;
+    left: -187px;
+    top: -145px;
+}
+
+.center .list:nth-child(5) {
+    position: relative;
+    top: -145px;
+    left: 606px;
+}
+
+.center .list p {
+    text-align: center;
+    color: #00BAF1;
+    font-size: 35px;
+    margin-top: 190px;
+}

public/static/home/css/lib.css

@@ -0,0 +1,111 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+*{
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	font-family: 微软雅黑;
+	letter-spacing: 1px;
+}
+html,body{
+	width: 100%; height: 100%;
+	overflow: hidden;
+	font-size: 14px;
+}
+
+li{
+	list-style: none;
+}
+a{
+	display: block;
+}
+a:hover{
+	color: #df621e;
+	-webkit-transition: all 0.2s ease-in-out;
+}
+
+iframe{
+	border: 0; width: 100%; height: 100%;
+}
+.pull-left{ float: left; }
+.pull-right{ float: right; }
+
+.show{ display: block; }
+.hide{ display: none; }
+
+.i-bold{
+	font-weight: bolder;
+}
+/*字体颜色*/
+.i-green{ color:#00c851 !important;}
+.i-yellow{ color:#e7592b !important;}
+.i-red{ color:#d90000 !important; font-weight: border;}
+.i-blue{ color:#2292ef !important;}
+.i-lightblue{ color:#00a5e0 !important;}
+.i-gray{ color:#6c6c6e !important;}
+
+/*背景颜色*/
+.bg-green{ background-color:#00c851 !important;}
+.bg-yellow{ background-color:#e7592b !important;}
+.bg-red{ background-color:#d90000 !important;}
+.bg-blue{ background-color:#2292ef !important;}
+.bg-white{ background-color: white !important;}
+.bg-gray{ background-color: #6c6c6e !important;}
+
+/*渐变色*/
+.shade-white{
+	display: block;
+	background-image:url(../../home/images/shade/white.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+.shade-menu{
+	display: block;
+	background-image:url(../../home/images/shade/menu.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+
+.shadow{
+	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
+}
+.shadow1{
+	background: url(../../home/images/shadow.png);
+	width: 220px; height: 15px;
+	background-size: 100%;
+	background-position: 0 0;
+	position: absolute; bottom: -15px; left: 0;
+}
+.shadow2{
+	background: url(../../home/images/shadow.png);
+	width: 100%; height: 15px;
+	background-size: 100%;
+	background-position: 0 -15px;
+	position: absolute; bottom: -15px; left: 0;
+}
+
+/* 数字提示 */
+.num{
+  width: 15px; height: 15px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+.num-1{
+	margin-left: 5px;
+  padding: 5px 10px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+
+/* layui修改 */
+.layui-input-block{
+	margin-left: 0;
+}

public/static/home/css/road.css

@@ -0,0 +1,146 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+.layui-form-checkbox[lay-skin=primary]:hover i{
+  border-color: #407CD5;
+}
+.layui-form-checked[lay-skin=primary] i{
+  background-color: #407CD5;
+  border-color: #407CD5;
+}
+
+.layui-btn{
+    height: 45px;
+    line-height: 45px;
+}
+.layui-btn-normal{
+  background-color: #407CD5;
+}
+
+
+/*流星*/
+.liuxing{
+  width: 85px;
+	height: 85px;
+	position: absolute;
+	background: url(../../home/images/line.png) no-repeat;
+	background-size: contain;
+}
+.liuxing1 {
+  top: 200px;
+	left: 200px;
+}
+
+.liuxing2 {
+  top: 200px;
+	left: 50%;
+	margin-left: 200px;
+}
+
+.liuxing3 {
+  top: 100px;
+	right: 300px;
+}
+
+.liuxing4 {
+  top: 150px;
+	right: 300px;
+}
+
+.liuxingFla {
+	animation: liuxing 5s ease-in infinite;
+}
+
+.liuxingFla2 {
+	animation: liuxing2 4s ease-in infinite;
+}
+
+.liuxingFla3 {
+	animation: liuxing3 3s linear infinite;
+}
+
+.liuxingFla4 {
+	animation: liuxing4 2s linear infinite;
+}
+
+/* 流星动画 */
+@keyframes liuxing {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-180px, 180px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-200px, 200px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing2 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-480px, 480px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-500px, 500px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing3 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-480px, 480px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-500px, 500px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing4 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-180px, 180px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-200px, 200px);
+		opacity: 0;
+	}
+}
+
+/*菜单*/
+.moveUpDownFla1 {
+	animation: moveUpDown 5s ease infinite;
+}
+
+.moveUpDownFla2 {
+	animation: moveUpDown 4s linear infinite;
+}
+
+/* 菜单动画 */
+@keyframes moveUpDown {
+	0% {
+		transform: translate(0px, -20px)
+	}
+	50% {
+		transform: translate(0px, 20px)
+	}
+	100% {
+		transform: translate(0px, -20px);
+	}
+}

public/static/js/tabs.js

@@ -0,0 +1,32 @@
+window.onload = function() {
+    var oDiv = document.getElementById("tab");
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
+    var timer = null;
+    for (var i = 0; i < oLi.length; i++) {
+        oLi[i].index = i;
+        oLi[i].onmouseover = function() {
+            show(this.index);
+        }
+    }
+    function show(a) {
+        index = a;
+        var alpha = 0;
+        for (var j = 0; j < oLi.length; j++) {
+            oLi[j].className = "";
+            aCon[j].className = "";
+            aCon[j].style.opacity = 0;
+            aCon[j].style.filter = "alpha(opacity=0);";
+        }
+        oLi[index].className = "cur";
+        clearInterval(timer);
+        timer = setInterval(function() {
+            alpha += 2;
+            alpha > 100 && (alpha = 100);
+            aCon[index].style.opacity = alpha / 100;
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
+            alpha == 100 && clearInterval(timer);
+        },
+        5)
+    }
+}