1

css/animate.css

+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+
+@-webkit-keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+
+.bounce {
+  -webkit-animation-name: bounce;
+  animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+
+@keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+@keyframes shake {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  -webkit-animation-name: shake;
+  animation-name: shake;
+}
+
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
+  animation-name: headShake;
+}
+
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  -webkit-transform-origin: top center;
+  transform-origin: top center;
+  -webkit-animation-name: swing;
+  animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+
+@-webkit-keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+@keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+.jello {
+  -webkit-animation-name: jello;
+  animation-name: jello;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+.heartBeat {
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+
+@-webkit-keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+
+.bounceOut {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: bounceOut;
+  animation-name: bounceOut;
+}
+
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+@keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  -webkit-animation-name: flip;
+  animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInX;
+  animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInY;
+  animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+@keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
+  animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOut {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+}
+
+@-webkit-keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+.jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+  }
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    transform-origin: right center;
+  }
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
+
+.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+.animated.delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.animated.delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+
+.animated.delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+
+.animated.delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+
+.animated.delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+
+.animated.fast {
+  -webkit-animation-duration: 800ms;
+  animation-duration: 800ms;
+}
+
+.animated.faster {
+  -webkit-animation-duration: 500ms;
+  animation-duration: 500ms;
+}
+
+.animated.slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.animated.slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+
+@media (prefers-reduced-motion) {
+  .animated {
+    -webkit-animation: unset !important;
+    animation: unset !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+  }
+}

css/common.css

+* { margin: 0; padding: 0; outline:none !important;}
+ol,ul,li{list-style-type:none;}
+img{border:0px; vertical-align:middle;}
+.clear { height:0px; clear: both; overflow:hidden; }
+iframe { border:0;}
+html { height:100%; }
+
+body { font-size:28px; line-height:1.7; color:#ffffff; background: #010e32; font-family:'Microsoft YaHei'; }
+a{text-decoration:none; color:#ffffff; cursor:pointer;}
+a:hover{text-decoration:none; color:#f2ca63; }
+a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
+
+::-webkit-input-placeholder { color:#b8c0cd; }
+
+@font-face{
+  font-family:'fontsa';
+  src: url('fonts/fontsa.ttf') format('truetype');
+}
+
+@font-face{
+  font-family:'DIN-Medium';
+  src: url('fonts/DIN-Medium.ttf') format('truetype');
+}
+
+.wrap { position: relative; overflow: hidden; max-width: 3840px; min-width: 3780px; height: 2160px; box-sizing: border-box; background: url(../img/bg.jpg) center top no-repeat; margin: 0 auto;}
+
+.wow {visibility:hidden;}
+
+/*顶部*/
+.header { position: absolute; left:0; top:0; right: 0; z-index:20; }
+.topbox { background: url(../img/topbg.png) center top no-repeat; height: 392px; position: relative;}
+
+.topbox_m { position: relative; z-index: 22;}
+
+.toptime { position: absolute; left: 70px; top: 70px; line-height: 46px; font-size: 24px; color: #00ccff;}
+.toptime b { float: left; width: 210px; font-size: 46px; font-family:'DIN-Medium'; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#9eebff), to(#2ad3ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+
+.topback { position: absolute; display: block; right: 72px; top: 61px; background: url(../img/back.png) no-repeat; width: 213px; height: 72px; z-index: 9999;}
+.topback:hover { top: 51px;}
+
+
+.topbox_m .logo { position: absolute; left: 50%; top: 40px; width: 1700px; margin-left: -850px; text-align: center; background: url(../img/logobg.png) center center no-repeat;}
+.topbox_m .logo img { display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 5px; }
+.topbox_m .logo { text-align: center; font-size: 72px; line-height: 72px;}
+.topbox_m .logo b{ display: block; font-family: 'fontsa'; background-image: linear-gradient(#ffffff,#ffffff,#9edeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 4px; font-weight: normal; margin-top: -5px; }
+
+
+/*滚动条*/
+::-webkit-scrollbar-corner { background-color:#010e32;}
+::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
+::-webkit-scrollbar-track{ background:none; }
+::-webkit-scrollbar-thumb{ background-color:rgba(63,110,218,0.5); border-radius:3px; }
+
+
+
+.box-tittle-text{
+  position: relative;
+  font-size: 42px;
+  top: -21px;
+}
+
+.toptime b{ font-size: 42px; }
+.toptime span{ font-size: 42px; font-weight: 500;}
+
+.toptime{
+  left: inherit;
+  right: 46px;
+  top: 36px;
+  color: #fff;
+
+}
+
+.toptime span{
+  font-size: 36px;
+
+}
+
+.top-position-box{
+  position: absolute;
+  left: 46px;
+  top: 36px;
+  z-index: 111;
+  font-size: 36px;
+  font-weight: 500;
+  color: #fff;
+}
\ No newline at end of file

css/factory.css

+.wrap { padding-top: 200px;}
+.mainbox { width: 3740px; height: 1910px; margin: 0 auto; position: relative; z-index: 100; }
+
+.topbox_m .logo { background: url(../img/factory/logobg.png) center center no-repeat;}
+
+.bgbox div{ position: absolute; z-index: 102;}
+.bgbox .hbg{ left: 0; right: 0; top: -200px; bottom: -50px; background: url(../img/factory/mbg.png) center center no-repeat; z-index: 103;}
+.bgbox .lbg1 { left: 0; top:0; background: url(../img/factory/box1.png) left top no-repeat; width: 947px; height: 603px;}
+.bgbox .lbg2 { left: 0; top:648px; background: url(../img/factory/box2.png) left top no-repeat; width: 785px; height: 604px;}
+.bgbox .lbg3 { left: 0; top:1288px; background: url(../img/factory/box3.png) left top no-repeat; width: 956px; height: 623px;}
+.bgbox .rbg1 { right: 0; top:0; background: url(../img/factory/box4.png) right top no-repeat; width: 947px; height: 603px;}
+.bgbox .rbg2 { right: 0; top:648px; background: url(../img/factory/box5.png) right top no-repeat; width: 785px; height: 604px;}
+.bgbox .rbg3 { right: 0; top:1288px; background: url(../img/factory/box6.png) right top no-repeat; width: 956px; height: 620px;}
+.bgbox .fbg{ left: 50%; bottom: 0; background: url(../img/factory/box7.png) center bottom no-repeat; width: 2368px; height: 331px; margin-left: -1184px; z-index: 101;}
+
+
+.ibox { position: absolute; z-index: 200; }
+.ibox1 { left: 0; top:0; width: 770px; height: 603px;}
+.ibox2 { left: 0; top:648px; width: 770px; height: 604px;}
+.ibox3 { left: 0; top:1288px; width: 700px; height: 620px;}
+.ibox4 { right: 0; top:0; width: 760px; height: 603px;}
+.ibox5 { right: 0; top:648px; width: 740px; height: 604px;}
+.ibox6 { right: 0; top:1288px; width: 740px; height: 620px;}
+.ibox7 { left: 50%; bottom: 0; width: 2010px; height: 203px; padding-top: 128px; margin-left: -1005px; }
+
+.ibox_t { position: absolute; top: 26px; }
+.ibox_t img { display: block;}
+
+.main_l .ibox_t{ left: 76px; }
+.main_r .ibox_t{ right: 76px; }
+
+.ibox_m { }
+
+.main_m { position: absolute; left: 50%; width: 1100px; top: 0; margin-left: -550px; padding-top: 80px; z-index: 300;}
+
+
+.icharts_1_box { position: absolute; left: 0; top: 80px; width: 100%; }
+.icharts_1 { width: 100%; height: 500px; }
+
+.icharts_2_box { position: absolute; left: 0; top: 80px; width: 100%; }
+.icharts_2 { width: 100%; height: 480px; }
+
+.icharts_3_box { position: absolute; left: 0; top: 130px; width: 100%; }
+.icharts_3 { width: 100%; height: 480px; }
+
+.icharts_4_box { position: absolute; left: 0; top: 110px; width: 100%; }
+.icharts_4 { width: 100%; height: 470px; }
+
+
+.icharts_legend { position: absolute; }
+.icharts_legend ul li { float: left; box-sizing: border-box; padding-left: 34px; position: relative; height: 40px; line-height: 40px; font-size: 16px; margin-right: 18px; }
+.icharts_legend ul li i { position: absolute; left: 0; top: 50%; width: 24px; height: 10px; margin-top: -5px; border-radius: 5px;}
+
+.icharts_legend ul li.c1 { color: #48c5ff;}
+.icharts_legend ul li.c1 i{ background: #48c5ff;}
+
+.icharts_legend ul li.c2 { color: #40feb9;}
+.icharts_legend ul li.c2 i{ background: #40feb9;}
+
+.icharts_legend ul li.c3 { color: #ff2c2c;}
+.icharts_legend ul li.c3 i{ background: #ff2c2c;}
+
+.icharts_legend ul li.c4 { color: #fd2cff;}
+.icharts_legend ul li.c4 i{ background: #fd2cff;}
+
+.icharts_legend ul li.c5 { color: #ff9f79;}
+.icharts_legend ul li.c5 i{ background: #ff9f79;}
+
+.icharts_legend ul li.c6 { color: #e5ff2c;}
+.icharts_legend ul li.c6 i{ background: #e5ff2c;}
+
+.icharts_legend ul li.c7 { color: #bbbbbb;}
+.icharts_legend ul li.c7 i{ background: #bbbbbb;}
+
+.icharts_legend ul li.c8 { color: #fc686f;}
+.icharts_legend ul li.c8 i{ background: #fc686f;}
+
+
+.icharts_1_legend { left: 20px; right: 0; bottom: 10px; }
+.icharts_2_legend { left: 100px; right: 0; bottom: 10px; }
+.icharts_3_legend { left: 80px; right: 0; top: 92px; }
+
+
+.itable { position: relative; width: 706px; font-size: 16px; font-weight: bold; color: #fff; padding-top: 95px; padding-left: 12px;}
+.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.itable_t { display: table; width: 686px;}
+.itable_t ul { display: table-row; height: 60px; background: url(../img/factory/table_t.png) center center no-repeat;}
+.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
+.itable_con { overflow-y: auto; height: 420px;}
+.itable_m { display: table; width: 686px; }
+.itable_m ul { display: table-row; height: 60px; background: url(../img/factory/table_m.png) center center no-repeat;}
+.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
+.itable_m ul:hover { background: url(../img/factory/table_ms.png) center center no-repeat; color: #faf0b2;}
+.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}
+
+
+.itable_box1 { }
+.itable_box1 ul li:nth-child(1){ }
+.itable_box1 ul li:nth-child(2){ width: 150px;}
+.itable_box1 ul li:nth-child(3){ width: 150px;}
+.itable_box1 ul li:nth-child(4){ width: 150px;}
+
+
+.itable_box2 { }
+.itable_box2 ul li:nth-child(1){ }
+.itable_box2 ul li:nth-child(2){ width: 150px;}
+.itable_box2 ul li:nth-child(3){ width: 150px;}
+.itable_box2 ul li:nth-child(4){ width: 150px;}
+
+.minfo {}
+.minfo .tit img { display: block; margin: 0 auto;}
+.minfo .con { padding: 24px 0; text-align: center; font-size: 20px; line-height: 2; color: #fff; text-align: center;}
+
+.fnav { position: relative; }
+.fnav .item { position: absolute; top: 0; z-index: 999;}
+.fnav .item_1 { left: 0;}
+.fnav .item_2 { left: 474px;}
+.fnav .item_3 { right: 474px;}
+.fnav .item_4 { right: 0;}
+.fnav .item a { display: block; width: 483px; height: 140px; box-sizing: border-box; padding-top: 40px; background: url(../img/factory/fnavl.png) no-repeat;}
+.fnav .item a span{ display: block; text-align: center; font-size: 28px; line-height: 28px; font-weight: bold; background-image: linear-gradient(#ffffff,#c6f4ff,#80e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.fnav .item a:hover { background: url(../img/factory/fnavls.png) no-repeat;}
+.fnav .item a:hover span{ background-image: linear-gradient(#ffffff,#faf5ce,#f5e996); }
+
+
+.fnav .item_r a { background: url(../img/factory/fnavr.png) no-repeat;}
+.fnav .item_r a:hover { background: url(../img/factory/fnavrs.png) no-repeat;}
+
+
+.mbanner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; overflow: hidden; }
+.mbanner .img { display: block; width: 3840px; height: 2160px; background-size: cover;transition:all 300ms ease;}
+
+.mswiper-pagination { z-index: 999; bottom: 450px;}
\ No newline at end of file

css/index.css

+.wrap { padding-top: 200px;}
+.mainbox { width: 3740px; height: 1910px; margin: 0 auto; position: relative; z-index: 100; }
+
+.bgbox div{ position: absolute; z-index: 102;}
+.bgbox .hbg{ left: 0; right: 0; top: -200px; bottom: -50px; background: url(../img/index/mbg.png) center center no-repeat; z-index: 103;}
+.bgbox .lbg1 { left: 0; top:0; background: url(../img/index/box1.png) left top no-repeat; width: 947px; height: 603px;}
+.bgbox .lbg2 { left: 0; top:648px; background: url(../img/index/box2.png) left top no-repeat; width: 785px; height: 604px;}
+.bgbox .lbg3 { left: 0; top:1288px; background: url(../img/index/box3.png) left top no-repeat; width: 956px; height: 623px;}
+.bgbox .rbg1 { right: 0; top:0; background: url(../img/index/box4.png) right top no-repeat; width: 947px; height: 603px;}
+.bgbox .rbg2 { right: 0; top:648px; background: url(../img/index/box5.png) right top no-repeat; width: 785px; height: 604px;}
+.bgbox .rbg3 { right: 0; top:1288px; background: url(../img/index/box6.png) right top no-repeat; width: 956px; height: 620px;}
+.bgbox .fbg{ left: 50%; bottom: 0; background: url(../img/index/box7.png) center bottom no-repeat; width: 2368px; height: 331px; margin-left: -1184px; z-index: 101;}
+
+
+.ibox { position: absolute; z-index: 200; }
+.ibox1 { left: 0; top:0; width: 790px; height: 603px;}
+.ibox2 { left: 0; top:648px; width: 720px; height: 604px;}
+.ibox3 { left: 0; top:1288px; width: 770px; height: 620px;}
+.ibox4 { right: 0; top:0; width: 800px; height: 603px;}
+.ibox5 { right: 0; top:648px; width: 720px; height: 604px;}
+.ibox6 { right: 0; top:1288px; width: 720px; height: 620px;}
+.ibox7 { left: 50%; bottom: 0; width: 1940px; height: 331px; margin-left: -970px; }
+
+.ibox_t { position: absolute; top: 26px; }
+.ibox_t img { display: block;}
+
+.main_l .ibox_t{ left: 76px; }
+.main_r .ibox_t{ right: 76px; }
+
+.ibox7 .ibox_t { left: 130px;}
+
+
+.ibox_m { }
+
+.main_m { position: absolute; left: 50%; width: 2030px; top: 0; margin-left: -1015px; height: 1440px; padding-top: 130px; z-index: 300;}
+
+
+.icharts_1_box { position: absolute; left: 0; top: 120px; width: 100%; }
+.icharts_1 { width: 100%; height: 470px; }
+
+.icharts_2_box { position: absolute; left: 0; top: 120px; width: 100%; }
+.icharts_2 { width: 100%; height: 470px; }
+
+.icharts_3_box { position: absolute; left: 0; top: 80px; width: 100%; }
+.icharts_3 { width: 100%; height: 530px; }
+
+.icharts_4_box { position: absolute; right: 0; top: 110px; width: 100%; }
+.icharts_4 { width: 100%; height: 480px; }
+
+.icharts_5_box { position: absolute; right: 0; top: 110px; width: 100%; }
+.icharts_5 { width: 100%; height: 480px; }
+
+.icharts_6_box { position: absolute; right: 0; top: 110px; width: 100%; }
+.icharts_6 { width: 100%; height: 480px; }
+
+.icharts_7_box { position: absolute; left: 0; right: 0; top: 70px; width: 100%; }
+.icharts_7 { width: 100%; height: 260px; }
+
+
+.icharts_legend { position: absolute; }
+.icharts_legend ul li { float: left; width: 150px; box-sizing: border-box; padding-left: 34px; position: relative; height: 40px; line-height: 40px; font-size: 16px; }
+.icharts_legend ul li i { position: absolute; left: 0; top: 50%; width: 24px; height: 10px; margin-top: -5px; border-radius: 5px;}
+
+.icharts_legend ul li.c1 { color: #48c5ff;}
+.icharts_legend ul li.c1 i{ background: #48c5ff;}
+
+.icharts_legend ul li.c2 { color: #ff9f79;}
+.icharts_legend ul li.c2 i{ background: #ff9f79;}
+
+.icharts_legend ul li.c3 { color: #40feb9;}
+.icharts_legend ul li.c3 i{ background: #40feb9;}
+
+.icharts_legend ul li.c4 { color: #f1e06e;}
+.icharts_legend ul li.c4 i{ background: #f1e06e;}
+
+
+.icharts_3_legend { left: 520px; top: 10px; width: 300px;}
+.icharts_4_legend { left: 30px; top: 20px; width: 300px;}
+.icharts_5_legend { left: 30px; top: 20px; width: 300px;}
+.icharts_6_legend { left: -50px; top: 20px; width: 300px;}
+.icharts_7_legend { right: 86px; top: 20px; width: 600px;}
+
+
+.map_nav { }
+.map_nav .item { position: absolute; z-index: 999;}
+.map_nav .item a { display: block; position: relative; width: 221px; height: 88px;}
+.map_nav .item a i { display: block; position: absolute; width: 100px; height: 100px; top: -16px; background-repeat: no-repeat;}
+.map_nav .item a span{ display: block; position: absolute; top: 28px; font-size: 26px; line-height: 26px; font-weight: bold; background-image: linear-gradient(#ffffff,#c6f4ff,#80e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.map_nav .item a:hover span{ background-image: linear-gradient(#ffffff,#faf5ce,#f5e996); }
+
+.map_nav_l {}
+.map_nav_l .item a { background: url(../img/index/mnav.png) left top no-repeat; }
+.map_nav_l .item a:hover { background: url(../img/index/mnavs.png) left top no-repeat; }
+.map_nav_l .item a i { left: -76px; background-position: right center; }
+.map_nav_l .item a span { left: 64px;}
+
+.map_nav_r {}
+.map_nav_r .item a { background: url(../img/index/mnavr.png) right top no-repeat; }
+.map_nav_r .item a:hover { background: url(../img/index/mnavrs.png) right top no-repeat; }
+.map_nav_r .item a i { right: -86px; background-position: left center; }
+.map_nav_r .item a span { right: 64px;}
+
+
+.map_nav_l .item_1{ left: 265px; top: 216px;}
+.map_nav_l .item_2{ left: 126px; top: 488px;}
+.map_nav_l .item_3{ left: 74px; top: 798px;}
+.map_nav_l .item_4{ left: 126px; top: 1090px;}
+.map_nav_l .item_5{ left: 265px; top: 1324px;}
+
+
+.map_nav_r .item_1{ right: 265px; top: 216px;}
+.map_nav_r .item_2{ right: 126px; top: 488px;}
+.map_nav_r .item_3{ right: 74px; top: 798px;}
+.map_nav_r .item_4{ right: 126px; top: 1090px;}
+.map_nav_r .item_5{ right: 265px; top: 1324px;}
+
+
+.map_nav .item a i.baxi { background-image: url(../img/index/baxi.png);}
+.map_nav .item a i.taiguo { background-image: url(../img/index/taiguo.png);}
+.map_nav .item a i.nanfei { background-image: url(../img/index/nanfei.png);}
+.map_nav .item a i.meiguo { background-image: url(../img/index/meiguo.png);}
+.map_nav .item a i.riben { background-image: url(../img/index/riben.png);}
+.map_nav .item a i.yindu { background-image: url(../img/index/yindu.png);}
+.map_nav .item a i.jianada { background-image: url(../img/index/jianada.png);}
+.map_nav .item a i.eluosi { background-image: url(../img/index/eluosi.png);}
+.map_nav .item a i.yuenan { background-image: url(../img/index/yuenan.png);}
+.map_nav .item a i.hanguo { background-image: url(../img/index/hanguo.png);}
+
+.map_nav .item a:hover i.baxi { background-image: url(../img/index/baxis.png);}
+.map_nav .item a:hover i.taiguo { background-image: url(../img/index/taiguos.png);}
+.map_nav .item a:hover i.nanfei { background-image: url(../img/index/nanfeis.png);}
+.map_nav .item a:hover i.meiguo { background-image: url(../img/index/meiguos.png);}
+.map_nav .item a:hover i.riben { background-image: url(../img/index/ribens.png);}
+.map_nav .item a:hover i.yindu { background-image: url(../img/index/yindus.png);}
+.map_nav .item a:hover i.jianada { background-image: url(../img/index/jianadas.png);}
+.map_nav .item a:hover i.eluosi { background-image: url(../img/index/eluosis.png);}
+.map_nav .item a:hover i.yuenan { background-image: url(../img/index/yuenans.png);}
+.map_nav .item a:hover i.hanguo { background-image: url(../img/index/hanguos.png);}
+
+
+.map_main { margin: 0 auto; background: url(../img/index/map.png) center center no-repeat; width: 1780px; height: 1400px; position: relative;}
+
+.map_site .item { position: absolute;}
+.map_site .item .t { display: block; position: absolute; background: url(../img/index/map_ttbox.png) no-repeat; width: 218px; height: 50px; padding: 8px 0;}
+.map_site .item .t2 { background: url(../img/index/map_ttbox2.png) no-repeat; width: 230px; height: 100px; padding: 8px 0;}
+.map_site .item .t a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: url(../img/index/map_ttline.png) center bottom no-repeat;}
+.map_site .item .t a:last-child { background:none;}
+.map_site .item .m { background: url(../img/index/map_pos.png) center center no-repeat; width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 14px; color: #fff; transition:all 300ms ease;}
+
+.map_site .item .line { position: absolute; height: 55px; }
+
+.map_site .item:hover .m { background: url(../img/index/map_pos2.png) center center no-repeat; }
+
+.map_site .item_lt .t{ left: -230px; bottom: 86px; }
+.map_site .item_lt .line{ right: 60px; bottom: 28px; background: url(../img/index/map_line4.png) right bottom no-repeat; width: 119px; height: 54px; }
+
+.map_site .item_lf .t{ left: -222px; top: 88px; }
+.map_site .item_lf .line{ right: 60px; top: 28px; background: url(../img/index/map_line2.png) right top no-repeat; width: 115px; height: 53px; }
+
+.map_site .item_rt .t{ left: 118px; top: -96px; }
+.map_site .item_rt .line{ left: 60px; bottom: 28px; background: url(../img/index/map_line3.png) right bottom no-repeat; width: 173px; height: 53px; }
+
+.map_site .item_rf .t{ left: 62px; top: 90px; }
+.map_site .item_rf .line{ left: 60px; top: 28px; background: url(../img/index/map_line1.png) right top no-repeat; width: 115px; height: 55px; }
+
+
+.map_site .item_1.item_rt .t{ left: 48px; }
+.map_site .item_1.item_rt .line{ width: 93px; }
+
+
+
+.map_site .item_1 { left: 1170px; top: 550px;}
+.map_site .item_2 { left: 1214px; top: 626px;}
+.map_site .item_3 { left: 1250px; top: 710px;}
+.map_site .item_4 { left: 1264px; top: 756px;}
+.map_site .item_5 { left: 1110px; top: 574px;}
+.map_site .item_6 { left: 1180px; top: 736px;}
+.map_site .item_7 { left: 1070px; top: 778px;}
+.map_site .item_8 { left: 936px; top: 786px;}
+.map_site .item_9 { left: 1160px; top: 882px;}
\ No newline at end of file

css/liMarquee.css

+/*Plugin CSS*/
+.str_wrap {
+	overflow:hidden;
+	//zoom:1;
+	width:100%;
+	font-size:12px;
+	line-height:16px;
+	position:relative;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;  
+	background:#f6f6f6;
+	white-space:nowrap;
+}
+
+.str_wrap.str_active {
+	background:#f1f1f1;
+}
+.str_move { 
+	white-space:nowrap;
+	position:absolute; 
+	top:0; 
+	left:0;
+	cursor:move;
+}
+.str_move_clone {
+	display:inline-block;
+	//display:inline;
+	//zoom:1;
+	vertical-align:top;
+	position:absolute; 
+	left:100%;
+	top:0;
+}
+.str_vertical .str_move_clone {
+	left:0;
+	top:100%;
+}
+.str_down .str_move_clone {
+	left:0;
+	bottom:100%;
+}
+.str_vertical .str_move,
+.str_down .str_move {
+	white-space:normal;
+	width:100%;
+}
+.str_static .str_move,
+.no_drag .str_move,
+.noStop .str_move{
+	cursor:inherit;
+}
+.str_wrap img {
+	max-width:none !important;	
+}
\ No newline at end of file

css/logistics.css

+.wrap { padding-top: 272px;}
+.mainbox { width: 3640px; height: 1840px; margin: 0 auto; position: relative; z-index: 100; }
+
+.topbox_m .logo { background: url(../img/logistics/logobg.png) center center no-repeat;}
+
+.main_t { background: url(../img/logistics/box1.png) no-repeat; height: 864px; margin-bottom: 60px;}
+.main_f { background: url(../img/logistics/box1.png) no-repeat; height: 864px; }
+
+
+.ibox { position: relative; z-index: 200; }
+.ibox1 { float: left; width: 1192px; margin-right: 42px; }
+.ibox2 { float: left; width: 1172px; }
+.ibox3 { float: right; width: 1192px;}
+.ibox4 { }
+
+.ibox_t { position: absolute; left: 12px; top: 0; background: url(../img/logistics/tit.png) left top no-repeat; width: 676px; height: 100px; padding: 24px 0 0 46px; box-sizing: border-box; }
+.ibox_t img { display: block;}
+
+
+.ibox_m { padding-top: 114px; }
+
+.ibox2 .ibox_m { padding-top: 0; }
+
+
+.icharts_1_box { position: relative; background: url(../img/logistics/hbg.png) center 126px no-repeat; }
+.icharts_1_box:after { display: block; content: ''; position: absolute; left: 50%; top: 56%; width: 22px; height: 22px; border-radius: 50%; background: #021c36; margin-left: -19px; margin-top: -19px; border: 8px #48c5ff solid;}
+.icharts_1 { width: 100%; height: 864px; }
+
+.icharts_1_num { display: none; position: absolute; left: 0; right: 0; top: 564px; font-size: 80px; color: #48c5ff; line-height: 100px; text-align: center; font-family:'DIN-Medium'; }
+.icharts_1_t { position: absolute; left: 0; right: 0; top: 712px; }
+.icharts_1_t img { display: block; margin: 0 auto;}
+
+.icharts_2_box { position: relative; }
+.icharts_2 { width: 100%; height: 750px; }
+
+
+.itable { position: relative; width: 1162px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 40px;}
+.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.itable_t { display: table; width: 1132px;}
+.itable_t ul { display: table-row; height: 102px; background: url(../img/logistics/table_t.png) center center no-repeat;}
+.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
+.itable_con { overflow-y: auto; height: 612px;}
+.itable_m { display: table; width: 1132px; }
+.itable_m ul { display: table-row; height: 102px; background: url(../img/logistics/table_m.png) center center no-repeat;}
+.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
+.itable_m ul:hover { background: url(../img/logistics/table_ms.png) center center no-repeat; color: #faf0b2;}
+.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}
+
+
+.itable_box1 { }
+.itable_box1 ul li:nth-child(1){ width: 116px;}
+.itable_box1 ul li:nth-child(2){ width: 226px;}
+.itable_box1 ul li:nth-child(3){ width: 320px;}
+.itable_box1 ul li:nth-child(4){ width: 120px;}
+.itable_box1 ul li:nth-child(5){ width: 180px; }
+
+
+.itable_box2 { }
+.itable_box2 ul li:nth-child(1){ width: 116px;}
+.itable_box2 ul li:nth-child(2){ width: 226px;}
+.itable_box2 ul li:nth-child(3){ width: 320px;}
+.itable_box2 ul li:nth-child(4){ width: 120px;}
+.itable_box2 ul li:nth-child(5){ width: 140px; }
\ No newline at end of file

css/page1.css

+.wrap { padding-top: 226px;}
+.mainbox { width: 3750px; height: 1840px; margin: 0 auto; position: relative; z-index: 100; }
+
+.topbox_m .logo { background: url(../img/logistics/logobg.png) center center no-repeat;}
+
+.main_t { 
+    position: relative;
+    /* background: url(../img/logistics/box1.png) no-repeat;  */
+    border: 1px solid #026d91;
+    height: 934px;
+     margin-bottom: 22px;}
+.main_f { background: url(../img/logistics/box1.png) no-repeat; height: 864px; }
+
+
+
+.ibox { position: relative; z-index: 200; }
+.ibox1 { float: left; width: 1192px; margin-right: 42px; }
+.ibox2 { float: left; width: 1172px; }
+.ibox3 { float: right; width: 1192px;}
+.ibox4 { }
+
+.ibox_t { position: absolute; left: 12px; top: 22px; background: url(../img/logistics/tit.png) left top no-repeat; width: 676px; height: 100px; padding: 24px 0 0 46px; box-sizing: border-box; }
+.ibox_t img { display: block;}
+
+
+.ibox_m { padding-top: 114px;position: relative; }
+
+.ibox2 .ibox_m { padding-top: 0; }
+
+
+.icharts_1_box { position: relative; background: url(../img/logistics/hbg.png) center 126px no-repeat; }
+.icharts_1_box:after { display: block; content: ''; position: absolute; left: 50%; top: 56%; width: 22px; height: 22px; border-radius: 50%; background: #021c36; margin-left: -19px; margin-top: -19px; border: 8px #48c5ff solid;}
+.icharts_1 { width: 100%; height: 864px; }
+
+.icharts_1_num { display: none; position: absolute; left: 0; right: 0; top: 564px; font-size: 80px; color: #48c5ff; line-height: 100px; text-align: center; font-family:'DIN-Medium'; }
+.icharts_1_t { position: absolute; left: 0; right: 0; top: 712px; }
+.icharts_1_t img { display: block; margin: 0 auto;}
+
+.icharts_2_box { position: relative; }
+.icharts_2 { width: 100%; height: 750px; }
+
+
+.itable { position: relative; width: 1162px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 40px;}
+.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.itable_t { display: table; width: 1132px;}
+.itable_t ul { display: table-row; height: 102px; background: url(../img/logistics/table_t.png) center center no-repeat;}
+.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
+.itable_con { overflow-y: auto; height: 612px;}
+.itable_m { display: table; width: 1132px; }
+.itable_m ul { display: table-row; height: 102px; background: url(../img/logistics/table_m.png) center center no-repeat;}
+.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
+.itable_m ul:hover { background: url(../img/logistics/table_ms.png) center center no-repeat; color: #faf0b2;}
+.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}
+
+
+.itable_box1 { }
+.itable_box1 ul li:nth-child(1){ width: 116px;}
+.itable_box1 ul li:nth-child(2){ width: 226px;}
+.itable_box1 ul li:nth-child(3){ width: 320px;}
+.itable_box1 ul li:nth-child(4){ width: 120px;}
+.itable_box1 ul li:nth-child(5){ width: 180px; }
+
+
+.itable_box2 { }
+.itable_box2 ul li:nth-child(1){ width: 116px;}
+.itable_box2 ul li:nth-child(2){ width: 226px;}
+.itable_box2 ul li:nth-child(3){ width: 320px;}
+.itable_box2 ul li:nth-child(4){ width: 120px;}
+.itable_box2 ul li:nth-child(5){ width: 140px; }
+
+
+
+.box-left-container{
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 11;
+
+    width: 49.5%;
+    height: 100%;
+    padding-right: 0.5%;
+
+    /* background: #faf0b2; */
+}
+
+.ibox_m{
+    box-sizing: border-box;
+    height: 100%;
+    
+}
+
+.ibox_m .echarts-body{
+    width: 100%;
+    height: 100%;
+}
+
+.echarts-mark-box{
+    position: absolute;
+    top: 36px;
+    right: 22px;
+    z-index: 11;
+}
+
+.echarts-mark-box li{
+    display: inline-block;
+    margin-left: 8px;
+}
+.echarts-mark-box li label{
+    position: relative;
+    top: 2px;
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    /* background: red; */
+    border-radius: 50%;
+}
+.echarts-mark-box li span{
+    font-size: 22px;
+    font-weight: bolder;
+}
+
+.main-left-1, .main-left-2, .main-left-3{
+    height: 600px;
+}
+
+
+
+
+
+.box-right-container{
+    /* position: absolute;
+    top: 0px;
+    right: 0px;
+    z-index: 11; */
+    /* padding-left: 0.5%; */
+
+    width:100%;
+    /* height: 100%; */
+    /* background: #faf0b2; */
+}
+
+.box-right-container-2{
+    position: relative;
+    width: 100%;
+    height: 600px;
+}
+
+.main_t.main-right-3{
+    height: 600px;
+    width: 890px;
+}
+
+.main_t.main-right-4{
+    height: 600px;
+    width: 890px;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    z-index: 11;
+}
+
+.main_t.main-right-4 .time-box-2{
+    position: relative;
+}
+.main_t.main-right-4 .time-box-2 >div{
+    padding-top: 120px;
+    text-align: center;
+}
+.main_t.main-right-4 .time-box-2 >div strong{
+    font-size: 76px;
+    display: block;
+    font-family: system-ui;
+    color: #1296db;
+}
+.main_t.main-right-4 .time-box-2 >div p{
+    font-size: 36px;
+    margin-top: 22px;
+}
+
+.main_t.main-right-4 .time-box-2 .left-li{
+    position: absolute;
+    top: 30px;
+    left: 0px;
+    z-index: 11;
+    width: 50%;
+    height: 500px;
+}
+.main_t.main-right-4 .time-box-2 .right-li{
+    position: absolute;
+    top: 30px;
+    right: 0px;
+    z-index: 11;
+    width: 50%;
+    height: 500px;
+}
+.main_t.main-right-4 .time-box-2 .right-li strong{
+    color: #FB8C00;
+}
+
+.right-box-1{
+    width: 100%;
+}
+
+.table-container{
+    padding-left: 12px;
+    padding-right: 12px;
+}
+
+.table-ui-box{
+    padding-bottom: 6px;
+}
+
+.table-ui-box ul{
+    width: 100%;
+    margin:0px;
+    padding: 0px;
+}
+
+.table-ui-box ul li{
+    display: inline-block;
+    /* width: 14.0%; */
+    text-align: center;
+    color: #fff;
+    /* background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent; */
+}
+
+
+.table-ui-box ul li{
+    float: left;
+    font-weight: bold;
+}
+
+.table-head{
+    /* background-color: red; */
+    background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
+}
+
+
+.table-head  li{
+    font-family:"Microsoft YaHei";
+    /* line-height: 66px; */
+    font-weight: 700;
+}
+
+.table-head{
+    height: 80px;
+}
+.table-head li{
+    height: 100%;
+    line-height: 80px;
+    /* line-height: ; */
+}
+
+.table-body ul{
+    background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
+
+    margin-top: 4px;
+    margin-bottom: 4px;
+    height: 120px;
+}
+
+
+
+.table-body ul li{
+    /* line-height: 61px; */
+    word-break: break-all;
+    /* display:inline-block; */
+    /* position: absolute;
+    top: 0px; */
+    font-family:"Microsoft YaHei";
+    height: 100%;
+    float: left;
+    /* line-height: 84px; */
+    line-height: 120px;
+}
+
+
+/* 滚动列表高度  */
+.table-body{
+    background: inherit !important;
+    height:396px;
+}
+
+/* 列表文字大小 */
+.table-ui-box ul li{
+    font-size: 32px;  
+}
+
+/* 列宽 比例 */
+.table-ui-box ul li:nth-child(1){
+    width: 30%;
+}
+.table-ui-box ul li:nth-child(2){
+    width: 20%;
+}
+.table-ui-box ul li:nth-child(3){
+    width: 20%;
+}
+.table-ui-box ul li:nth-child(4){
+    width: 10%;
+}
+.table-ui-box ul li:nth-child(5){
+    width: 10%;
+}
+.table-ui-box ul li:nth-child(6){
+    width: 10%;
+}
+
+
+
+
+
+.box-echarts-body-index1,
+.box-echarts-body-index2,
+.box-echarts-body-index3
+{
+    display: flex;
+}
+
+
+.box-echarts-body-index1 .ul-index1{
+    flex: 6;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index1 .ul-index2{
+    flex: 6;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index1 .ul-index3{
+    flex: 6;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+
+
+.box-echarts-body-index2 .ul-index1{
+    flex: 6;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index2 .ul-index2{
+    flex: 6;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index2 .ul-index3{
+    flex: 6;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+.box-echarts-body-index3 .ul-index1{
+    flex: 4;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index2{
+    flex: 4;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index3{
+    flex: 4;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index4{
+    flex: 4;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+.a1-index-1-table-text{
+    display: flex;
+    padding-left: 42px;
+    padding-right: 42px;
+}
+.a1-index-1-table-text .span-left{
+    flex: 1;
+    text-align: left;
+}
+.a1-index-1-table-text .span-right{
+    flex: 1;
+    text-align: right;
+}
+.a1-index-1-table-text b{
+    font-size: 42px;
+    font-weight: 100;
+}
+
+.a1-index-1-table-bottom-text{
+    display: flex;
+}
+
+.a1-index-1-table-bottom-text .left{
+    padding-left: 46px;
+    font-size: 58px;
+    font-weight: 700;
+    padding-top: 88px;
+    /* line-height: 120px; */
+    flex: 8;
+}
+
+.a1-index-1-table-bottom-text .right{
+    font-size: 132px;
+    flex: 5;
+    text-align: left;
+    padding-top: 20px;
+    color: #40feb9;
+    font-weight: bold;
+}
+
+
+.echarts-mark-box li label{
+    width: 40px;
+    height: 12px;
+    border-radius: 2px;
+    position: relative;
+    top: -2px;
+}
+.echarts-mark-box li span{
+    font-weight: 100;
+}
+
+
+.box-echarts-body-index2 .main_t.ul-index2 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index2 .main_t.ul-index2 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index2 .main_t.ul-index2 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index2 .main_t.ul-index2 .box-right{
+    flex: 1;
+}
+
+.custem-table-index1,
+.custem-table-index2,
+.custem-table-index5 
+
+
+{
+    border-top: 1px rgba(255, 255, 255,0.4) solid;
+    border-left: 1px rgba(255, 255, 255,0.4) solid;
+    border-right: 1px rgba(255, 255, 255,0.4) solid;
+
+
+    font-size: 18px;
+}
+
+.custem-table-index1 td,
+.custem-table-index2 td,
+.custem-table-index5 td
+
+{
+    border-left: 1px rgba(255, 255, 255,0.4) solid;
+
+}
+
+.custem-table-index1 td,
+.custem-table-index1 th,
+.custem-table-index2 td,
+.custem-table-index5 td
+
+
+{
+    border-bottom: 1px rgba(255, 255, 255,0.4) solid;
+    text-align: center;
+}
+
+.custem-table-index1 th,
+.custem-table-index1 td
+{
+    padding-left: 16px;
+    padding-right: 16px;
+}
+
+.custem-table-index2 td,
+.custem-table-index5 td
+{
+    padding-left: 34px;
+    padding-right: 34px;
+
+    padding-top: 4px;
+    padding-bottom: 4px;
+    font-size: 22px;
+}
+
+.custem-table-index5 td
+{
+    padding-top: 1px;
+    padding-bottom: 1px;
+    line-height: 34px;
+}
+
+.custem-table-index2,
+.custem-table-index5
+{
+    border-left: none;
+}
+
+.box-echarts-body-index2 .main_t.ul-index3 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index2 .main_t.ul-index3 .box-right{
+    flex: 1;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box{
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-top{
+    flex: 1;
+}
+
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-bottom{
+    flex: 1;
+
+}
+
+
+
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body{
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1{
+    flex: 1;
+
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2{
+    flex: 1;
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3{
+    flex: 2;
+}
+
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1 .echarts-inier,
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2 .echarts-inier,
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3 .echarts-inier
+{
+    width: 100%;
+    height: 100%;
+}
+
+
+
+
+.box-echarts-body-index1 .main_t.ul-index3 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index1 .main_t.ul-index3 .box-right{
+    flex: 1;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box{
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-top{
+    flex: 1;
+}
+
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-bottom{
+    flex: 1;
+
+}
+
+
+
+
+.box-echarts-body-index3 .ul-index1 .leiji-time,
+.box-echarts-body-index3 .ul-index3 .leiji-time,
+.box-echarts-body-index3 .ul-index4 .leiji-time,
+.box-echarts-body-index3 .ul-index2 .leiji-time
+
+
+{
+    display: inline-block;
+    position: absolute;
+    font-size: 24px;
+    top: 110px;
+    left: 24px;
+    z-index: 11;
+    /* margin-left: 24px; */
+}
+
+
+.box-echarts-body-index1 .ul-index2 .leiji-time
+{
+    position: absolute;
+    font-size: 24px;
+    top: 110px;
+    left: 24px;
+    z-index: 11;
+}
+
+.box-echarts-body-index2 .ul-index1 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index1 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index3 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index2 .echarts-mark-box,
+.box-echarts-body-index2 .ul-index3 .echarts-mark-box,
+.box-echarts-body-index1 .ul-index3 .echarts-mark-box
+
+
+{
+    top: 106px;
+}
+
+.box-echarts-body-index2 .ul-index3 .echarts-mark-box
+{
+    left: 200px;
+}
+
+.box-echarts-body-index1 .ul-index3 .echarts-mark-box
+{
+    left: 200px;
+}
+
+
+
+.echarts-mark-box li.yuan label{
+    width: 16px;
+    height: 16px;
+    border-radius: 100%;
+    top: 0px;
+}
+
+
+.echarts-mark-box li.zhexian label{
+    height: 6px;
+    width: 46px;
+    position: relative;
+    top: -5px;
+}
+.echarts-mark-box li.zhexian label::after{
+    position: absolute;
+    top: -6px;
+    left: 14px;
+    width: 18px;
+    height: 18px;
+    border-radius: 100%;
+    background: inherit;
+    content: '';
+    display: inline-block;
+}
+
+
+
+.text-11{
+    margin-top: 62px;
+    text-align: center;
+    font-size: 186px;
+    color: #84FFFF;
+}
+
+.text-22{
+    margin-top: 42px;
+    text-align: center;
+    font-size: 86px;
+}
+
+.text-33{
+    margin-top: 32px;
+    text-align: center;
+    font-size: 66px;
+}
+
+.ul-list-11{
+    padding-left: 66px;
+    padding-right: 66px;
+}
+.ul-list-11 li{
+    text-align: center;
+    font-size: 110px;
+    margin-top: 42px;
+    padding-bottom: 18px;
+    border-bottom: 1px solid #039ae569;
+    color: #039ae58a;
+
+}
+
+.ul-list-11 li.color1{
+    color: #1DE9B6;
+}
+
+.text-33{
+    text-align: center;
+    padding-top: 33px;
+}
+
+.text-33 span{
+    font-size: 420px;
+}
+.text-33 b{
+    padding-left: 52px;
+    font-size: 180px;
+}
+
+.ul-text-33{
+    padding-left: 38px;
+    padding-right: 38px;
+}
+.ul-text-33 li{
+    border-bottom: 1px solid #039ae569;
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+.ul-text-33 li span{
+    display: inline-block;
+}
+.ul-text-33 li span:nth-child(1){
+    width: 620px;
+    font-size: 60px;
+}
+.ul-text-33 li span:nth-child(2){
+    width: 400px;
+    font-size: 60px;
+    text-align: right;
+}
+.ul-text-33 li span:nth-child(3){
+    width: 100px;
+    font-size: 60px;
+    text-align: right;
+}
+
+.ul-text-44{
+    padding-left: 38px;
+    padding-right: 38px;
+    margin-top: 66px;
+}
+
+
+.ul-text-44 li{
+    border-bottom: 1px solid #039ae569;
+    padding-bottom: 26px;
+    margin-top: 42px;
+}
+
+.ul-text-44 li >span:nth-child(1){
+    display: inline-block;
+    width: 280px;
+    font-size: 50px;
+}
+.ul-text-44 li >span:nth-child(2){
+    display: inline-block;
+    width: 280px;
+    font-size: 50px;
+    text-align: center;
+
+
+}
+.ul-text-44 li >span:nth-child(3){
+    display: inline-block;
+    width: 280px;
+    font-size: 50px;
+    text-align: center;
+
+
+}
+.ul-text-44 li >span:nth-child(4){
+    display: inline-block;
+    width: 270px;
+    font-size: 50px;
+    text-align: right;
+
+
+}
\ No newline at end of file

css/page2.css

+.wrap { padding-top: 226px;}
+.mainbox { width: 3750px; height: 1840px; margin: 0 auto; position: relative; z-index: 100; }
+
+.topbox_m .logo { background: url(../img/logistics/logobg.png) center center no-repeat;}
+
+.main_t { 
+    position: relative;
+    /* background: url(../img/logistics/box1.png) no-repeat;  */
+    border: 1px solid #026d91;
+    height: 608px; margin-bottom: 22px;}
+.main_f { background: url(../img/logistics/box1.png) no-repeat; height: 864px; }
+
+
+
+.ibox { position: relative; z-index: 200; }
+.ibox1 { float: left; width: 1192px; margin-right: 42px; }
+.ibox2 { float: left; width: 1172px; }
+.ibox3 { float: right; width: 1192px;}
+.ibox4 { }
+
+.ibox_t { position: absolute; left: 12px; top: 22px; background: url(../img/logistics/tit.png) left top no-repeat; width: 676px; height: 100px; padding: 24px 0 0 46px; box-sizing: border-box; }
+.ibox_t img { display: block;}
+
+
+.ibox_m { padding-top: 114px;position: relative; }
+
+.ibox2 .ibox_m { padding-top: 0; }
+
+
+.icharts_1_box { position: relative; background: url(../img/logistics/hbg.png) center 126px no-repeat; }
+.icharts_1_box:after { display: block; content: ''; position: absolute; left: 50%; top: 56%; width: 22px; height: 22px; border-radius: 50%; background: #021c36; margin-left: -19px; margin-top: -19px; border: 8px #48c5ff solid;}
+.icharts_1 { width: 100%; height: 864px; }
+
+.icharts_1_num { display: none; position: absolute; left: 0; right: 0; top: 564px; font-size: 80px; color: #48c5ff; line-height: 100px; text-align: center; font-family:'DIN-Medium'; }
+.icharts_1_t { position: absolute; left: 0; right: 0; top: 712px; }
+.icharts_1_t img { display: block; margin: 0 auto;}
+
+.icharts_2_box { position: relative; }
+.icharts_2 { width: 100%; height: 750px; }
+
+
+.itable { position: relative; width: 1162px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 40px;}
+.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
+.itable_t { display: table; width: 1132px;}
+.itable_t ul { display: table-row; height: 102px; background: url(../img/logistics/table_t.png) center center no-repeat;}
+.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
+.itable_con { overflow-y: auto; height: 612px;}
+.itable_m { display: table; width: 1132px; }
+.itable_m ul { display: table-row; height: 102px; background: url(../img/logistics/table_m.png) center center no-repeat;}
+.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
+.itable_m ul:hover { background: url(../img/logistics/table_ms.png) center center no-repeat; color: #faf0b2;}
+.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}
+
+
+.itable_box1 { }
+.itable_box1 ul li:nth-child(1){ width: 116px;}
+.itable_box1 ul li:nth-child(2){ width: 226px;}
+.itable_box1 ul li:nth-child(3){ width: 320px;}
+.itable_box1 ul li:nth-child(4){ width: 120px;}
+.itable_box1 ul li:nth-child(5){ width: 180px; }
+
+
+.itable_box2 { }
+.itable_box2 ul li:nth-child(1){ width: 116px;}
+.itable_box2 ul li:nth-child(2){ width: 226px;}
+.itable_box2 ul li:nth-child(3){ width: 320px;}
+.itable_box2 ul li:nth-child(4){ width: 120px;}
+.itable_box2 ul li:nth-child(5){ width: 140px; }
+
+
+
+.box-left-container{
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 11;
+
+    width: 49.5%;
+    height: 100%;
+    padding-right: 0.5%;
+
+    /* background: #faf0b2; */
+}
+
+.ibox_m{
+    box-sizing: border-box;
+    height: 100%;
+    
+}
+
+.ibox_m .echarts-body{
+    width: 100%;
+    height: 100%;
+}
+
+.echarts-mark-box{
+    position: absolute;
+    top: 36px;
+    right: 22px;
+    z-index: 11;
+}
+
+.echarts-mark-box li{
+    display: inline-block;
+    margin-left: 8px;
+}
+.echarts-mark-box li label{
+    position: relative;
+    top: 2px;
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    /* background: red; */
+    border-radius: 50%;
+}
+.echarts-mark-box li span{
+    font-size: 22px;
+    font-weight: bolder;
+}
+
+.main-left-1, .main-left-2, .main-left-3{
+    height: 600px;
+}
+
+
+
+
+
+.box-right-container{
+    /* position: absolute;
+    top: 0px;
+    right: 0px;
+    z-index: 11; */
+    /* padding-left: 0.5%; */
+
+    width:100%;
+    /* height: 100%; */
+    /* background: #faf0b2; */
+}
+
+.box-right-container-2{
+    position: relative;
+    width: 100%;
+    height: 600px;
+}
+
+.main_t.main-right-3{
+    height: 600px;
+    width: 890px;
+}
+
+.main_t.main-right-4{
+    height: 600px;
+    width: 890px;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    z-index: 11;
+}
+
+.main_t.main-right-4 .time-box-2{
+    position: relative;
+}
+.main_t.main-right-4 .time-box-2 >div{
+    padding-top: 120px;
+    text-align: center;
+}
+.main_t.main-right-4 .time-box-2 >div strong{
+    font-size: 76px;
+    display: block;
+    font-family: system-ui;
+    color: #1296db;
+}
+.main_t.main-right-4 .time-box-2 >div p{
+    font-size: 36px;
+    margin-top: 22px;
+}
+
+.main_t.main-right-4 .time-box-2 .left-li{
+    position: absolute;
+    top: 30px;
+    left: 0px;
+    z-index: 11;
+    width: 50%;
+    height: 500px;
+}
+.main_t.main-right-4 .time-box-2 .right-li{
+    position: absolute;
+    top: 30px;
+    right: 0px;
+    z-index: 11;
+    width: 50%;
+    height: 500px;
+}
+.main_t.main-right-4 .time-box-2 .right-li strong{
+    color: #FB8C00;
+}
+
+.right-box-1{
+    width: 100%;
+}
+
+.table-container{
+    padding-left: 12px;
+    padding-right: 12px;
+}
+
+.table-ui-box{
+    padding-bottom: 6px;
+}
+
+.table-ui-box ul{
+    width: 100%;
+    margin:0px;
+    padding: 0px;
+}
+
+.table-ui-box ul li{
+    display: inline-block;
+    /* width: 14.0%; */
+    text-align: center;
+    color: #fff;
+    /* background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent; */
+}
+
+
+.table-ui-box ul li{
+    float: left;
+    font-weight: bold;
+}
+
+.table-head{
+    /* background-color: red; */
+    background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
+}
+
+
+.table-head  li{
+    font-family:"Microsoft YaHei";
+    /* line-height: 66px; */
+    font-weight: 700;
+}
+
+.table-head{
+    height: 80px;
+}
+.table-head li{
+    height: 100%;
+    line-height: 80px;
+    /* line-height: ; */
+}
+
+.table-body ul{
+    background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
+
+    margin-top: 4px;
+    margin-bottom: 4px;
+    height: 120px;
+}
+
+
+
+.table-body ul li{
+    /* line-height: 61px; */
+    word-break: break-all;
+    /* display:inline-block; */
+    /* position: absolute;
+    top: 0px; */
+    font-family:"Microsoft YaHei";
+    height: 100%;
+    float: left;
+    /* line-height: 84px; */
+    line-height: 120px;
+}
+
+
+/* 滚动列表高度  */
+.table-body{
+    background: inherit !important;
+    height:396px;
+}
+
+/* 列表文字大小 */
+.table-ui-box ul li{
+    font-size: 32px;  
+}
+
+/* 列宽 比例 */
+.table-ui-box ul li:nth-child(1){
+    width: 30%;
+}
+.table-ui-box ul li:nth-child(2){
+    width: 20%;
+}
+.table-ui-box ul li:nth-child(3){
+    width: 20%;
+}
+.table-ui-box ul li:nth-child(4){
+    width: 10%;
+}
+.table-ui-box ul li:nth-child(5){
+    width: 10%;
+}
+.table-ui-box ul li:nth-child(6){
+    width: 10%;
+}
+
+
+
+
+
+.box-echarts-body-index1,
+.box-echarts-body-index2,
+.box-echarts-body-index3
+{
+    display: flex;
+}
+
+
+.box-echarts-body-index1 .ul-index1{
+    flex: 4;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index1 .ul-index2{
+    flex: 6;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index1 .ul-index3{
+    flex: 6;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+
+
+.box-echarts-body-index2 .ul-index1{
+    flex: 4;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index2 .ul-index2{
+    flex: 6;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index2 .ul-index3{
+    flex: 6;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+.box-echarts-body-index3 .ul-index1{
+    flex: 4;
+    margin-right: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index2{
+    flex: 4;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index3{
+    flex: 4;
+    margin-right: 12px;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+.box-echarts-body-index3 .ul-index4{
+    flex: 4;
+    margin-left: 12px;
+    border-radius: 12px;
+}
+
+
+.a1-index-1-table-text{
+    display: flex;
+    padding-left: 42px;
+    padding-right: 42px;
+}
+.a1-index-1-table-text .span-left{
+    flex: 1;
+    text-align: left;
+}
+.a1-index-1-table-text .span-right{
+    flex: 1;
+    text-align: right;
+}
+.a1-index-1-table-text b{
+    font-size: 42px;
+    font-weight: 100;
+}
+
+.a1-index-1-table-bottom-text{
+    display: flex;
+}
+
+.a1-index-1-table-bottom-text .left{
+    padding-left: 46px;
+    font-size: 58px;
+    font-weight: 700;
+    padding-top: 88px;
+    /* line-height: 120px; */
+    flex: 8;
+}
+
+.a1-index-1-table-bottom-text .right{
+    font-size: 132px;
+    flex: 5;
+    text-align: left;
+    padding-top: 20px;
+    color: #40feb9;
+    font-weight: bold;
+}
+
+
+.echarts-mark-box li label{
+    width: 40px;
+    height: 12px;
+    border-radius: 2px;
+    position: relative;
+    top: -2px;
+}
+.echarts-mark-box li span{
+    font-weight: 100;
+}
+
+
+.box-echarts-body-index2 .main_t.ul-index2 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index2 .main_t.ul-index2 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index2 .main_t.ul-index2 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index2 .main_t.ul-index2 .box-right{
+    flex: 1;
+}
+
+.custem-table-index1,
+.custem-table-index2,
+.custem-table-index5 
+
+
+{
+    border-top: 1px rgba(255, 255, 255,0.4) solid;
+    border-left: 1px rgba(255, 255, 255,0.4) solid;
+    border-right: 1px rgba(255, 255, 255,0.4) solid;
+
+
+    font-size: 18px;
+}
+
+.custem-table-index1 td,
+.custem-table-index2 td,
+.custem-table-index5 td
+
+{
+    border-left: 1px rgba(255, 255, 255,0.4) solid;
+
+}
+
+.custem-table-index1 td,
+.custem-table-index1 th,
+.custem-table-index2 td,
+.custem-table-index5 td
+
+
+{
+    border-bottom: 1px rgba(255, 255, 255,0.4) solid;
+    text-align: center;
+}
+
+.custem-table-index1 th,
+.custem-table-index1 td
+{
+    padding-left: 16px;
+    padding-right: 16px;
+}
+
+.custem-table-index2 td,
+.custem-table-index5 td
+{
+    padding-left: 34px;
+    padding-right: 34px;
+
+    padding-top: 4px;
+    padding-bottom: 4px;
+    font-size: 22px;
+}
+
+.custem-table-index5 td
+{
+    padding-top: 1px;
+    padding-bottom: 1px;
+    line-height: 34px;
+}
+
+.custem-table-index2,
+.custem-table-index5
+{
+    border-left: none;
+}
+
+.box-echarts-body-index2 .main_t.ul-index3 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index2 .main_t.ul-index3 .box-right{
+    flex: 1;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box{
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-top{
+    flex: 1;
+}
+
+.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-bottom{
+    flex: 1;
+
+}
+
+
+
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body{
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1{
+    flex: 1;
+
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2{
+    flex: 1;
+}
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3{
+    flex: 2;
+}
+
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1 .echarts-inier,
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2 .echarts-inier,
+.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3 .echarts-inier
+{
+    width: 100%;
+    height: 100%;
+}
+
+
+
+
+.box-echarts-body-index1 .main_t.ul-index3 .echarts-body{
+    display: flex;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-left{
+    flex: 2;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-left .echarts-div{
+    width: 100%;
+    height: 100%;
+}    
+.box-echarts-body-index1 .main_t.ul-index3 .box-right{
+    flex: 1;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box{
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    flex-flow: column;
+}
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-top{
+    flex: 1;
+}
+
+.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-bottom{
+    flex: 1;
+
+}
+
+
+
+
+.box-echarts-body-index3 .ul-index1 .leiji-time,
+.box-echarts-body-index3 .ul-index3 .leiji-time,
+.box-echarts-body-index3 .ul-index4 .leiji-time,
+.box-echarts-body-index3 .ul-index2 .leiji-time
+
+
+{
+    display: inline-block;
+    position: absolute;
+    font-size: 24px;
+    top: 110px;
+    left: 24px;
+    z-index: 11;
+    /* margin-left: 24px; */
+}
+
+
+.box-echarts-body-index1 .ul-index2 .leiji-time
+{
+    position: absolute;
+    font-size: 24px;
+    top: 110px;
+    left: 24px;
+    z-index: 11;
+}
+
+.box-echarts-body-index2 .ul-index1 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index1 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index3 .echarts-mark-box,
+.box-echarts-body-index3 .ul-index2 .echarts-mark-box,
+.box-echarts-body-index2 .ul-index3 .echarts-mark-box,
+.box-echarts-body-index1 .ul-index3 .echarts-mark-box
+
+
+{
+    top: 106px;
+}
+
+.box-echarts-body-index2 .ul-index3 .echarts-mark-box
+{
+    left: 200px;
+}
+
+.box-echarts-body-index1 .ul-index3 .echarts-mark-box
+{
+    left: 200px;
+}
+
+
+
+.echarts-mark-box li.yuan label{
+    width: 16px;
+    height: 16px;
+    border-radius: 100%;
+    top: 0px;
+}
+
+
+.echarts-mark-box li.zhexian label{
+    height: 6px;
+    width: 46px;
+    position: relative;
+    top: -5px;
+}
+.echarts-mark-box li.zhexian label::after{
+    position: absolute;
+    top: -6px;
+    left: 14px;
+    width: 18px;
+    height: 18px;
+    border-radius: 100%;
+    background: inherit;
+    content: '';
+    display: inline-block;
+}
\ No newline at end of file

css/swiper.css

+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-no-flexbox .swiper-slide {
+  float: left;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0px, 0, 0);
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-transition-property: height, -webkit-transform;
+  transition-property: height, -webkit-transform;
+  -o-transition-property: transform, height;
+  transition-property: transform, height;
+  transition-property: transform, height, -webkit-transform;
+}
+
+.swiper-button-disabled{ opacity: 0.35; cursor: auto; pointer-events: none; }
+
+.swiper-button-lock {
+  display: none;
+}
+.swiper-pagination {
+  position: absolute;
+	left: 0;
+	right: 0;
+  text-align: center;
+  -webkit-transition: 300ms opacity;
+  -o-transition: 300ms opacity;
+  transition: 300ms opacity;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  left: 0;
+  width: 100%;
+  line-height: 1;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullet {
+  width: 16px;
+  height: 16px;
+  margin: 0 7px;
+  display: inline-block;
+  border-radius: 100%;
+	border: 2px #029fce solid;
+  transition:all 300ms ease;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #00ccff;
+	border: 2px #00ccff solid;
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  -webkit-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-coverflow .swiper-wrapper {
+  /* Windows 8 IE 10 fix */
+  -ms-perspective: 1200px;
+}
\ No newline at end of file

css/workshop.css

+.wrap { padding-top: 290px;}
+.mainbox { width: 3640px; height: 1820px; margin: 0 auto; position: relative; z-index: 100; }
+
+.topbox_m .logo { background: url(../img/workshop/logobg.png) center center no-repeat;}
+
+.main_t { background: url(../img/workshop/box1.png) no-repeat; height: 770px; margin-bottom: 108px;}
+.main_l { float: left; background: url(../img/workshop/box2.png) no-repeat; width: 2330px; height: 840px; }
+.main_r { float: right; background: url(../img/workshop/box3.png) no-repeat; width: 1233px; height: 840px; }
+
+
+.ibox { position: relative; z-index: 200; }
+.ibox1 { float: left; width: 20%; }
+.ibox2 { float: left; width: 66%; }
+.ibox3 { float: right; width: 34%;}
+.ibox4 { }
+
+.ibox_t { position: absolute; left: 12px; top: 3px; background: url(../img/workshop/tit.png) left top no-repeat; width: 373px; height: 93px; padding: 20px 0 0 27px; box-sizing: border-box; }
+.ibox_t img { display: block;}
+
+
+.ibox_m { padding-top: 176px; }
+
+.ibox1 .ibox_m { padding-top: 136px; }
+
+
+.icharts_1_box { position: relative; }
+.icharts_1 { width: 100%; height: 540px; }
+
+.icharts_6_box { position: relative; }
+.icharts_6 { width: 100%; height: 570px; }
+
+.icharts_7_box { position: relative; }
+.icharts_7 { width: 100%; height: 570px; }
+
+.icharts_8_box { position: relative; }
+.icharts_8 { width: 100%; height: 570px; }
+
+
+.icharts_legend { position: relative; height: 40px; padding-left: 60px; }
+.icharts_legend ul li { float: left; box-sizing: border-box; padding-left: 34px; position: relative; height: 40px; line-height: 40px; font-size: 16px; margin-right: 42px; }
+.icharts_legend ul li i { position: absolute; left: 0; top: 50%; width: 24px; height: 10px; margin-top: -5px; border-radius: 5px;}
+
+.icharts_legend ul li.c1 { color: #48c5ff;}
+.icharts_legend ul li.c1 i{ background: #48c5ff;}
+
+.icharts_legend ul li.c2 { color: #40feb9;}
+.icharts_legend ul li.c2 i{ background: #40feb9;}
+
+.icharts_legend ul li.c3 { color: #ff9f79;}
+.icharts_legend ul li.c3 i{ background: #ff9f79;}
+
+.icharts_legend ul li.c4 { color: #e5ff2c;}
+.icharts_legend ul li.c4 i{ background: #e5ff2c;}
+
+.icharts_legend ul li.c5 { color: #f74a4a;}
+.icharts_legend ul li.c5 i{ background: #f74a4a;}
+
+.icharts_7_legend { margin-left: -50px; margin-right: -50px;}
\ No newline at end of file

factory.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>荆门底盘工厂生产运营中心</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/factory.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script>new WOW().init();</script>
+<link rel="stylesheet" type="text/css" href="css/swiper.css">
+<script type="text/javascript" src="js/swiper.min.js"></script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<div class="toptime"></div>
+				<div class="logo"><b><img src="img/logo.png">荆门底盘工厂生产运营中心</b></div>
+			</div>
+		</div>
+	</div>
+	
+	<a href="index.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a>
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+
+			<div class="main_l">
+
+				<div class="ibox ibox1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/factory/t1.png"></div>
+					<div class="ibox_m">
+						
+						<div class="itable_box1">
+							<div class="itable">
+								<div class="itable_t">
+									<ul>
+										<li><span>产品</span></li>
+										<li><span>月累计</span></li>
+										<li><span>日累计</span></li>
+										<li><span>年累计</span></li>
+									</ul>
+								</div>
+								<div class="itable_con">
+									<div class="itable_m">
+										<ul>
+											<li><span>排气</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>悬架</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>制动器总成</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>后桥</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>前桥</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>车架</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>桥壳</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+						
+					</div>
+				</div>
+
+				<div class="ibox ibox2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s">
+					<div class="ibox_t"><img src="img/factory/t2.png"></div>
+					<div class="ibox_m">
+
+						<div class="itable_box2">
+							<div class="itable">
+								<div class="itable_t">
+									<ul>
+										<li><span>产品</span></li>
+										<li><span>月累计</span></li>
+										<li><span>日累计</span></li>
+										<li><span>年累计</span></li>
+									</ul>
+								</div>
+								<div class="itable_con">
+									<div class="itable_m">
+										<ul>
+											<li><span>排气</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>悬架</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>制动器总成</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>后桥</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>前桥</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>车架</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+										<ul>
+											<li><span>桥壳</span></li>
+											<li><span>600</span></li>
+											<li><span>20</span></li>
+											<li><span>7200</span></li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+
+					</div>
+				</div>
+
+				<div class="ibox ibox3 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="ibox_t"><img src="img/factory/t3.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_1_legend">
+								<li class="c1"><i></i>排气</li>
+								<li class="c2"><i></i>悬架</li>
+								<li class="c3"><i></i>桥壳</li>
+								<li class="c4"><i></i>车架</li>
+								<li class="c5"><i></i>后桥</li>
+								<li class="c6"><i></i>前桥</li>
+								<li class="c7"><i></i>制动器总成</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_1" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+			
+			<div class="main_m wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
+				<div class="minfo">
+					<div class="tit"><img src="img/factory/about_t.png"></div>
+					<div class="con">员工5000余人，专业研发人员800余名，具备底盘悬架系统、传动系统、制动系统、排气系统、燃油系统五大系统独立设计、试制、验证及生产能力，并实现产品平台化设计开发，致力于为客户提供具有市场竞争力的产品而不懈努力。</div>
+				</div>
+			</div>
+
+			<div class="main_r">
+
+				<div class="ibox ibox4 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/factory/t4.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_2_legend">
+							<ul id="icharts_2_legend">
+								<li class="c1"><i></i>排气</li>
+								<li class="c2"><i></i>悬架</li>
+								<li class="c3"><i></i>桥壳</li>
+								<li class="c4"><i></i>车架</li>
+								<li class="c5"><i></i>后桥</li>
+								<li class="c6"><i></i>前桥</li>
+								<li class="c7"><i></i>制动器总成</li>
+							</ul>
+						</div>
+						<div class="icharts_2_box">
+							<div id="icharts_2" class="icharts_2"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox5 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
+					<div class="ibox_t"><img src="img/factory/t5.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_3_legend">
+							<ul id="icharts_3_legend">
+								<li class="c1"><i></i>电咏线</li>
+								<li class="c2"><i></i>后桥总成线</li>
+								<li class="c5"><i></i>主减线</li>
+								<li class="c6"><i></i>其他线体</li>
+								<li class="c8"><i></i>车架焊接线</li>
+							</ul>
+						</div>
+						<div class="icharts_3_box">
+							<div id="icharts_3" class="icharts_3"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox6 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="ibox_t"><img src="img/factory/t6.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_4_box">
+							<div id="icharts_4" class="icharts_4"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+
+			<div class="main_f">
+				
+				<div class="ibox ibox7 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="fnav wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
+						<div class="item item_l item_1"><a href="workshop.html"><span>装配车间生产运营看板</span></a></div>
+						<div class="item item_l item_2"><a href="#"><span>车架车间生产运营看板</span></a></div>
+						<div class="item item_r item_3"><a href="#"><span>车间设备状态监控看板</span></a></div>
+						<div class="item item_r item_4"><a href="logistics.html"><span>物流预警监控看板</span></a></div>
+					</div>
+				</div>
+
+			</div>
+
+			<div class="bgbox">
+				<div class="hbg wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="lbg1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="lbg2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s"></div>
+				<div class="lbg3 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"></div>
+				<div class="rbg1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="rbg2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s"></div>
+				<div class="rbg3 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"></div>
+				<div class="fbg wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+			</div>
+
+		</div>
+
+	</div>
+
+	<div class="mbanner wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="swiper-wrapper">
+			<div class="swiper-slide"><div class="img" style="background: url(img/factory/1.jpg) center center no-repeat;"></div></div>
+			<div class="swiper-slide"><div class="img" style="background: url(img/factory/2.jpg) center center no-repeat;"></div></div>
+			<div class="swiper-slide"><div class="img" style="background: url(img/factory/3.jpg) center center no-repeat;"></div></div>
+			<div class="swiper-slide"><div class="img" style="background: url(img/factory/4.jpg) center center no-repeat;"></div></div>
+			<div class="swiper-slide"><div class="img" style="background: url(img/factory/5.jpg) center center no-repeat;"></div></div>
+		</div>
+	</div>
+	<div class="mswiper-pagination swiper-pagination wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s"></div>
+	<script>
+	var mySwiper = new Swiper('.mbanner', {
+		loop: true,
+		speed: 1000,
+		autoplay: {
+			delay: 5000,
+			disableOnInteraction: false,
+		},
+		pagination: {
+			el: '.swiper-pagination',
+			clickable: true,
+		}
+	})
+	</script>
+	
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart1 = echarts.init(document.getElementById('icharts_1'));
+	var data1x = [];
+	var data1y1 = [];
+	var data1y2 = [];
+	var data1y3 = [];
+	var data1y4 = [];
+	var data1y5 = [];
+	var data1y6 = [];
+	var data1y7 = [];
+	var option1 = {
+		grid: {
+			left: 10,
+			right: 50,
+			top: 50,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data1x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 20, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 5,
+			max: 100,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15,formatter: '{value}%'},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '排气',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#48c5ff'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y1
+			},
+			{
+				type: 'line',
+				name: '悬挂',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#40feb9'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y2
+			},
+			{
+				type: 'line',
+				name: '桥壳',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff2c2c", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff2c2c", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#ff2c2c'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y3
+			},
+			{
+				type: 'line',
+				name: '车架',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#fd2cff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#fd2cff", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#fd2cff'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y4
+			},
+			{
+				type: 'line',
+				name: '后桥',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#ff9f79'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y5
+			},
+			{
+				type: 'line',
+				name: '前桥',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#e5ff2c", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#e5ff2c", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#e5ff2c'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y6
+			},
+			{
+				type: 'line',
+				name: '制动器总成',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#bbbbbb", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#bbbbbb", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#bbbbbb'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data1y7
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart2 = echarts.init(document.getElementById('icharts_2'));
+	var data2x = [];
+	var data2y1 = [];
+	var data2y2 = [];
+	var data2y3 = [];
+	var data2y4 = [];
+	var data2y5 = [];
+	var data2y6 = [];
+	var data2y7 = [];
+	var option2 = {
+		grid: {
+			left: 50,
+			right: 10,
+			top: 50,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data2x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 20, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			position: 'right',
+			splitNumber: 5,
+			max: 100,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15,formatter: '{value}%'},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '排气',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				data: data2y1
+			},
+			{
+				type: 'line',
+				name: '悬挂',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				data: data2y2
+			},
+			{
+				type: 'line',
+				name: '桥壳',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff2c2c", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff2c2c", width:3},
+				data: data2y3
+			},
+			{
+				type: 'line',
+				name: '车架',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#fd2cff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#fd2cff", width:3},
+				data: data2y4
+			},
+			{
+				type: 'line',
+				name: '后桥',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				data: data2y5
+			},
+			{
+				type: 'line',
+				name: '前桥',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#e5ff2c", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#e5ff2c", width:3},
+				data: data2y6
+			},
+			{
+				type: 'line',
+				name: '制动器总成',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#bbbbbb", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#bbbbbb", width:3},
+				data: data2y7
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+<!-- 饼形图1 开始-->
+<script type="text/javascript">
+	var myChart3 = echarts.init(document.getElementById('icharts_3'));
+	var data3x = [];
+	var data3y = [];
+	var seriesData3 = [];
+	var option3 = {
+		color: ['#48c5ff', '#40feb9', '#ff9f79', '#e5ff2c', '#fc686f'],
+		tooltip: {
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pie',
+				radius: ['36%', '68%'],
+				minAngle: 20,
+				label: { formatter: ['{a|{b}}','{b|{c}%}'].join('\n'), rich: { a:{ fontSize: 20, lineHeight: 32, color:'#6697c2' }, b: { fontSize: 20, fontWeight: 'bold', lineHeight: 26, color:'#3cd1ff', fontFamily:'DIN-Medium'}}},
+				labelLine: { length: 38, length2: 24 },
+				itemStyle: { shadowColor: '#000', shadowBlur: 65, shadowOffsetX: '20', shadowOffsetY: '0', },
+				data: seriesData3
+			}
+		]
+	};
+</script>
+<!-- 饼形图1 结束-->
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart4 = echarts.init(document.getElementById('icharts_4'));
+	var data4x = [];
+	var data4y = [];
+	var option4 = {
+		grid: {
+			left: 50,
+			right: 10,
+			top: 50,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' }, z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data4x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 20, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			position: 'right',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [0, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#00a8e6' },
+				data: data4y
+			},
+			{
+				type: 'bar',
+				z: 12,
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#00e7ff' }, { offset: 1, color: 'rgba(0,146,255,0.05)' }])},
+				label:{ show: true, position: "top", distance: 15, fontSize: 20, color: '#3cd1ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				emphasis:{
+					label:{ color: '#f1e06e' },
+				},
+				barWidth: 30,
+				data: data4y
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<script>
+$(document).ready(function() {
+	
+	/*交付计划完成度 更新数据*/
+	var data1x = ['年累计', '月累计', '周累计', '10月11日', '10月12日', '10月13日', '10月14日'];
+	var data1y1 = [60, 70, 73, 59, 78, 42, 62];
+	var data1y2 = [73, 59, 60, 70, 48, 62, 42];
+	var data1y3 = [50, 60, 43, 50, 38, 36, 51];
+	var data1y4 = [50, 38, 36, 51, 60, 70, 48];
+	var data1y5 = [70, 48, 62, 73, 59, 60, 42];
+	var data1y6 = [43, 50, 38, 50, 60, 36, 51];
+	var data1y7 = [51, 60, 70, 50, 38, 36, 48];
+
+	option1.xAxis.data = data1x;
+	option1.series[0].data = data1y1;
+	option1.series[1].data = data1y2;
+	option1.series[2].data = data1y3;
+	option1.series[3].data = data1y4;
+	option1.series[4].data = data1y5;
+	option1.series[5].data = data1y6;
+	option1.series[6].data = data1y7;
+	myChart1.setOption(option1, true);
+	
+	
+	/*产品合格率 更新数据*/
+	var data2x = ['年累计', '月累计', '周累计', '10月11日', '10月12日', '10月13日', '10月14日'];
+	var data2y1 = [60, 70, 73, 59, 78, 42, 62];
+	var data2y2 = [73, 59, 60, 70, 48, 62, 42];
+	var data2y3 = [50, 60, 43, 50, 38, 36, 51];
+	var data2y4 = [50, 38, 36, 51, 60, 70, 48];
+	var data2y5 = [70, 48, 62, 73, 59, 60, 42];
+	var data2y6 = [43, 50, 38, 50, 60, 36, 51];
+	var data2y7 = [51, 60, 70, 50, 38, 36, 48];
+
+	option2.xAxis.data = data2x;
+	option2.series[0].data = data2y1;
+	option2.series[1].data = data2y2;
+	option2.series[2].data = data2y3;
+	option2.series[3].data = data2y4;
+	option2.series[4].data = data2y5;
+	option2.series[5].data = data2y6;
+	option2.series[6].data = data2y7;
+	myChart2.setOption(option2, true);
+
+
+	/*线体设备故障TOP5占比(月) 更新数据*/
+	var data3x = ['电咏线', '后桥总成线', '主减线', '其他线体', '车架焊接线'];
+	var data3y = [57, 46, 15, 43, 30];
+	var seriesData3 = [];
+	
+	for (var i = 0; i < data3x.length; i++) {
+		seriesData3.push({
+			name: data3x[i],
+			value: data3y[i]
+		});
+	}
+	
+	option3.series[0].data = seriesData3;
+	myChart3.setOption(option3, true);
+
+
+	/*产线设备电能消耗统计(月) 更新数据*/
+	var data4x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data4y = [8200, 6200, 9000, 5800, 7500, 8300];
+
+	option4.xAxis.data = data4x;
+	option4.series[0].data = data4y;
+	option4.series[1].data = data4y;
+	myChart4.setOption(option4, true);
+	
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file

img/line.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695091009025" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6547" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M132 548h660.4L610.6 729.8a3.9 3.9 0 0 0 0 5.6l45.3 45.3a3.9 3.9 0 0 0 5.6 0l220.6-220.6 45.3-45.3a3.9 3.9 0 0 0 0-5.6l-45.3-45.3-220.6-220.6a3.9 3.9 0 0 0-5.6 0l-45.3 45.3a3.9 3.9 0 0 0 0 5.6L792.4 476H132a4 4 0 0 0-4 4v64a4 4 0 0 0 4 4z" p-id="6548" fill="#ffffff"></path></svg>
\ No newline at end of file

img/liubian1.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695195842298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12238" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M717.3 630.5L875.7 722 512 932 148.3 722V302l158.4 91.5v237L512 749z" fill="#82D2FF" p-id="12239"></path><path d="M717.3 393.5L512 275V92l363.7 210z" fill="#51B9F9" p-id="12240"></path><path d="M512 512z" fill="#82D2FF" p-id="12241"></path><path d="M512 92v183L306.7 393.5 148.3 302z" fill="#83CAFA" p-id="12242"></path><path d="M512 512z" fill="#82D2FF" p-id="12243"></path><path d="M306.7 393.5v237L148.3 722V302z" fill="#51B9F9" p-id="12244"></path><path d="M875.7 302v420l-158.4-91.5v-237zM512 749v183L148.3 722l158.4-91.5z" fill="#00A7F7" p-id="12245"></path><path d="M875.7 722L512 932V749l205.3-118.5z" fill="#0091EA" p-id="12246"></path><path d="M717.3 630.5v-237L512 275 306.7 393.5v237L512 749z" fill="#B0DBFA" p-id="12247"></path><path d="M717.3 630.5v-237L512 275v474z" fill="#83CAFA" p-id="12248"></path><path d="M839.5 344.8c-20.7-4.7-36.9-21-41.6-41.6-0.4-1.6-2.4-1.6-2.8 0-4.7 20.7-21 36.9-41.6 41.6-1.6 0.4-1.6 2.4 0 2.8 20.7 4.7 36.9 21 41.6 41.6 0.4 1.6 2.4 1.6 2.8 0 4.7-20.7 21-36.9 41.6-41.6 1.5-0.4 1.5-2.5 0-2.8zM749 393.5c-16.2-4.2-29-17-33.2-33.2-0.4-1.6-2.5-1.6-3 0-4.2 16.2-17 29-33.2 33.2-1.6 0.4-1.6 2.5 0 3 16.2 4.2 29 17 33.2 33.2 0.4 1.6 2.5 1.6 3 0 4.2-16.2 17-29 33.2-33.2 1.6-0.5 1.6-2.6 0-3z" fill="#FFFFFF" p-id="12249"></path></svg>
\ No newline at end of file

img/liubian2.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695190727701" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6385" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 148.3L393.5 306.8 302 148.3z" fill="#BCD6FD" p-id="6386"></path><path d="M722 148.3l-91.5 158.4L512 148.3z" fill="#B0C5FD" p-id="6387"></path><path d="M512 512z" fill="#82D2FF" p-id="6388"></path><path d="M275 512H92l108.4-187.8z" fill="#BCD6FD" p-id="6389"></path><path d="M393.5 306.8l-193.1 17.4L302 148.3z" fill="#B0C5FD" p-id="6390"></path><path d="M512 512z" fill="#82D2FF" p-id="6391"></path><path d="M275 512l-78 181.8L92 512z" fill="#B0C5FD" p-id="6392"></path><path d="M393.5 717.3L302 875.7 197 693.8z" fill="#BCD6FD" p-id="6393"></path><path d="M932 512H749l78-181.8z" fill="#B0C5FD" p-id="6394"></path><path d="M827 330.2l-196.5-23.5L722 148.3z" fill="#97B7FC" p-id="6395"></path><path d="M302 875.7l91.5-158.4L512 875.7z" fill="#B0C5FD" p-id="6396"></path><path d="M512 875.7l118.5-158.5L722 875.7z" fill="#97B7FC" p-id="6397"></path><path d="M827 693.8L722 875.7l-91.5-158.5z" fill="#B0C5FD" p-id="6398"></path><path d="M932 512L827 693.8 749 512z" fill="#97B7FC" p-id="6399"></path><path d="M512 306.7v410.6H393.5L275 512l118.5-205.2z" fill="#EBF2FF" p-id="6400"></path><path d="M512 148.3v158.4l-118.5 0.1zM393.5 306.8L275 512l-74.6-187.8zM393.5 717.3L197 693.8 275 512zM512 717.3v158.4L393.5 717.3z" fill="#D8E5FE" p-id="6401"></path><path d="M827 693.8l-196.5 23.4L749 512zM827 330.2L749 512 630.5 306.7zM630.5 306.7H512V148.3z" fill="#BCD6FD" p-id="6402"></path><path d="M749 512L630.5 717.2l-118.5 0.1V306.7h118.5z" fill="#D8E5FE" p-id="6403"></path><path d="M630.5 717.2L512 875.7V717.3z" fill="#BCD6FD" p-id="6404"></path><path d="M747.9 419.7c-20.7-4.7-36.9-21-41.6-41.6-0.4-1.6-2.4-1.6-2.8 0-4.7 20.7-21 36.9-41.6 41.6-1.6 0.4-1.6 2.4 0 2.8 20.7 4.7 36.9 21 41.6 41.6 0.4 1.6 2.4 1.6 2.8 0 4.7-20.7 21-36.9 41.6-41.6 1.5-0.4 1.5-2.5 0-2.8zM677.7 308.8c-16.2-4.2-29-17-33.2-33.2-0.4-1.6-2.5-1.6-3 0-4.2 16.2-17 29-33.2 33.2-1.6 0.4-1.6 2.5 0 3 16.2 4.2 29 17 33.2 33.2 0.4 1.6 2.5 1.6 3 0 4.2-16.2 17-29 33.2-33.2 1.6-0.5 1.6-2.6 0-3z" fill="#FFFFFF" p-id="6405"></path></svg>
\ No newline at end of file

img/time.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695086702350" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7382" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m-6.4 96c-31.808 0-57.6 23.872-57.6 53.344v391.104c0 19.136 11.072 36.8 29.024 46.304l268.8 142.208c27.616 14.624 62.784 5.76 78.592-19.84 15.776-25.6 6.176-58.144-21.44-72.768L563.2 509.504V149.344c0-29.44-25.792-53.344-57.6-53.344z" fill="#1296db" p-id="7383"></path></svg>
\ No newline at end of file

img/time2.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695086702350" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7382" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m-6.4 96c-31.808 0-57.6 23.872-57.6 53.344v391.104c0 19.136 11.072 36.8 29.024 46.304l268.8 142.208c27.616 14.624 62.784 5.76 78.592-19.84 15.776-25.6 6.176-58.144-21.44-72.768L563.2 509.504V149.344c0-29.44-25.792-53.344-57.6-53.344z" fill="#FB8C00" p-id="7383"></path></svg>
\ No newline at end of file

index.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>精工底盘运营管理</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/index.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script>new WOW().init();</script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<div class="toptime"></div>
+				<div class="logo"><b><img src="img/logo.png">精工底盘运营管理</b></div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+
+			<div class="main_l">
+
+				<div class="ibox ibox1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/index/t1.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_1_box">
+							<div id="icharts_1" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s">
+					<div class="ibox_t"><img src="img/index/t2.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_2_box">
+							<div id="icharts_2" class="icharts_2"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox3 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="ibox_t"><img src="img/index/t3.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_3_legend">
+							<ul id="icharts_3_legend">
+								<li class="c1"><i></i>荆门底盘</li>
+								<li class="c2"><i></i>菲格科技</li>
+								<li class="c3"><i></i>泰国底盘</li>
+								<li class="c4"><i></i>张家港底盘</li>
+							</ul>
+						</div>
+						<div class="icharts_3_box">
+							<div id="icharts_3" class="icharts_3"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+			
+			<div class="main_m wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
+				
+				<div class="map_nav map_nav_l">
+					<div class="item item_1"><a href="factory.html"><i class="baxi"></i><span>巴西工厂</span></a></div>
+					<div class="item item_2"><a href="factory.html"><i class="taiguo"></i><span>泰国工厂</span></a></div>
+					<div class="item item_3"><a href="factory.html"><i class="nanfei"></i><span>南非工厂</span></a></div>
+					<div class="item item_4"><a href="factory.html"><i class="meiguo"></i><span>美国工厂</span></a></div>
+					<div class="item item_5"><a href="factory.html"><i class="riben"></i><span>日本工厂</span></a></div>
+				</div>
+				
+				<div class="map_nav map_nav_r">
+					<div class="item item_1"><a href="factory.html"><i class="yindu"></i><span>印度工厂</span></a></div>
+					<div class="item item_2"><a href="factory.html"><i class="jianada"></i><span>加拿大工厂</span></a></div>
+					<div class="item item_3"><a href="factory.html"><i class="eluosi"></i><span>俄罗斯工厂</span></a></div>
+					<div class="item item_4"><a href="factory.html"><i class="yuenan"></i><span>越南工厂</span></a></div>
+					<div class="item item_5"><a href="factory.html"><i class="hanguo"></i><span>韩国工厂</span></a></div>
+				</div>
+				
+				
+				<div class="map_main">
+					<div class="map_site">
+						<div class="item item_1 item_rt">
+							<div class="t"><a href="factory.html">天津工厂</a></div>
+							<div class="line"></div>
+							<div class="m">天津</div>
+						</div>
+						<div class="item item_2 item_rt">
+							<div class="t"><a href="factory.html">山东日照工厂</a></div>
+							<div class="line"></div>
+							<div class="m">日照</div>
+						</div>
+						<div class="item item_3 item_rt">
+							<div class="t"><a href="factory.html">江苏泰州工厂</a></div>
+							<div class="line"></div>
+							<div class="m">泰州</div>
+						</div>
+						<div class="item item_4 item_rf">
+							<div class="t t2"><a href="factory.html">江苏张家港工厂</a><a href="factory.html">江苏张家港菲格工厂</a></div>
+							<div class="line"></div>
+							<div class="m">张家港</div>
+						</div>
+						<div class="item item_5 item_lt">
+							<div class="t t2"><a href="factory.html">河北保定工厂</a><a href="factory.html">河北徐水工厂（保定）</a></div>
+							<div class="line"></div>
+							<div class="m">保定</div>
+						</div>
+						<div class="item item_6 item_lt">
+							<div class="t"><a href="factory.html">浙江嘉兴平湖工厂</a></div>
+							<div class="line"></div>
+							<div class="m">嘉兴</div>
+						</div>
+						<div class="item item_7 item_lf">
+							<div class="t"><a href="factory.html">湖北荆门工厂</a></div>
+							<div class="line"></div>
+							<div class="m">荆门</div>
+						</div>
+						<div class="item item_8 item_lt">
+							<div class="t"><a href="factory.html">重庆工厂 </a></div>
+							<div class="line"></div>
+							<div class="m">重庆</div>
+						</div>
+						<div class="item item_9 item_lf">
+							<div class="t"><a href="factory.html">江西上饶工厂</a></div>
+							<div class="line"></div>
+							<div class="m">上饶</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="main_r">
+
+				<div class="ibox ibox4 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/index/t4.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_4_legend">
+							<ul id="icharts_4_legend">
+								<li class="c1"><i></i>荆门底盘</li>
+								<li class="c2"><i></i>菲格科技</li>
+								<li class="c3"><i></i>泰国底盘</li>
+								<li class="c4"><i></i>张家港底盘</li>
+							</ul>
+						</div>
+						<div class="icharts_4_box">
+							<div id="icharts_4" class="icharts_4"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox5 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
+					<div class="ibox_t"><img src="img/index/t5.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_5_legend">
+							<ul id="icharts_5_legend">
+								<li class="c1"><i></i>荆门底盘</li>
+								<li class="c2"><i></i>菲格科技</li>
+								<li class="c3"><i></i>泰国底盘</li>
+								<li class="c4"><i></i>张家港底盘</li>
+							</ul>
+						</div>
+						<div class="icharts_5_box">
+							<div id="icharts_5" class="icharts_5"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox6 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="ibox_t"><img src="img/index/t6.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_6_legend">
+							<ul id="icharts_6_legend">
+								<li class="c3"><i></i>年产量</li>
+								<li class="c4"><i></i>年销量</li>
+							</ul>
+						</div>
+						<div class="icharts_6_box">
+							<div id="icharts_6" class="icharts_6"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+
+			<div class="main_f">
+
+				<div class="ibox ibox7 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
+					<div class="ibox_t"><img src="img/index/t7.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_7_legend">
+							<ul id="icharts_7_legend">
+								<li class="c1"><i></i>荆门底盘</li>
+								<li class="c2"><i></i>菲格科技</li>
+								<li class="c3"><i></i>泰国底盘</li>
+								<li class="c4"><i></i>张家港底盘</li>
+							</ul>
+						</div>
+						<div class="icharts_7_box">
+							<div id="icharts_7" class="icharts_7"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+
+			<div class="bgbox">
+				<div class="hbg wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="lbg1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="lbg2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s"></div>
+				<div class="lbg3 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"></div>
+				<div class="rbg1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+				<div class="rbg2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s"></div>
+				<div class="rbg3 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"></div>
+				<div class="fbg wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"></div>
+			</div>
+
+		</div>
+
+	</div>
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart1 = echarts.init(document.getElementById('icharts_1'));
+	var data1x = [];
+	var data1y = [];
+	var option1 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' }, z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data1x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [0, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#00a8e6' },
+				data: data1y
+			},
+			{
+				type: 'bar',
+				z: 12,
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#00e7ff' }, { offset: 1, color: 'rgba(0,146,255,0.05)' }])},
+				label:{ show: true, position: "top", distance: 15, fontSize: 20, color: '#3cd1ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				emphasis:{
+					label:{ color: '#f1e06e' },
+				},
+				barWidth: 30,
+				data: data1y
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart2 = echarts.init(document.getElementById('icharts_2'));
+	var data2x = [];
+	var data2y = [];
+	var option2 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 10,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 }, z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data2x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 20, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#00ccff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#00ccff", width:4},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#00ccff'},{offset: 1, color: 'transparent'}] ), opacity: 0.15},
+				data: data2y
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+
+<!-- 饼形图1 开始-->
+<script type="text/javascript">
+	var myChart3 = echarts.init(document.getElementById('icharts_3'));
+	var data3x = [];
+	var data3y = [];
+	var seriesData3 = [];
+	var option3 = {
+		color: ['#48c5ff', '#ff9f79', '#40feb9', '#f1e06e'],
+		tooltip: {
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pie',
+				radius: ['36%', '68%'],
+				minAngle: 20,
+				label: { formatter: ['{a|{b}}','{b|{c}%}'].join('\n'), rich: { a:{ fontSize: 20, lineHeight: 32, color:'#6697c2' }, b: { fontSize: 20, fontWeight: 'bold', lineHeight: 26, color:'#3cd1ff', fontFamily:'DIN-Medium'}}},
+				labelLine: { length: 38, length2: 24 },
+				itemStyle: { shadowColor: '#000', shadowBlur: 65, shadowOffsetX: '20', shadowOffsetY: '0', },
+				data: seriesData3
+			}
+		]
+	};
+</script>
+<!-- 饼形图1 结束-->
+
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart4 = echarts.init(document.getElementById('icharts_4'));
+	var data4x = [];
+	var data4y1 = [];
+	var data4y2 = [];
+	var data4y3 = [];
+	var data4y4 = [];
+	var option4 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data4x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 20, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '荆门底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				data: data4y1
+			},
+			{
+				type: 'line',
+				name: '菲格科技',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				data: data4y2
+			},
+			{
+				type: 'line',
+				name: '泰国底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				data: data4y3
+			},
+			{
+				type: 'line',
+				name: '张家港底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#f1e06e", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#f1e06e", width:3},
+				data: data4y4
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart5 = echarts.init(document.getElementById('icharts_5'));
+	var data5x = [];
+	var data5y1 = [];
+	var data5y2 = [];
+	var data5y3 = [];
+	var data5y4 = [];
+	var option5 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data5x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 15, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '荆门底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: false,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#48c5ff'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data5y1
+			},
+			{
+				type: 'line',
+				name: '菲格科技',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: false,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#ff9f79'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data5y2
+			},
+			{
+				type: 'line',
+				name: '泰国底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: false,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#40feb9'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data5y3
+			},
+			{
+				type: 'line',
+				name: '张家港底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: false,
+				itemStyle: {color: "#f1e06e", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#f1e06e", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#f1e06e'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data5y4
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart6 = echarts.init(document.getElementById('icharts_6'));
+	var data6x = [];
+	var data6y1 = [];
+	var data6y2 = [];
+	var option6 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 20,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data6x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 15, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [26, 10],
+				symbolOffset: [-17, -6],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#4af6c3' },
+				data: data6y1
+			},
+			{
+				type: 'bar',
+				name: '年产量',
+				z: 12,
+				barGap: "30%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#3dcaa6' }, { offset: 1, color: 'rgba(74,246,195,0.05)' }])},
+				barWidth: 26,
+				data: data6y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [26, 10],
+				symbolOffset: [17, -6],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#ffe866' },
+				data: data6y2
+			},
+			{
+				type: 'bar',
+				name: '年销量',
+				z: 12,
+				barGap: "30%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#f1d86a' }, { offset: 1, color: 'rgba(243,176,86,0.05)' }])},
+				barWidth: 26,
+				data: data6y2
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart7 = echarts.init(document.getElementById('icharts_7'));
+	var data7x = [];
+	var data7y1 = [];
+	var data7y2 = [];
+	var data7y3 = [];
+	var data7y4 = [];
+	var option7 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data7x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 15, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 3 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15,formatter: '{value}%'},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '荆门底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#48c5ff'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data7y1
+			},
+			{
+				type: 'line',
+				name: '菲格科技',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#ff9f79'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data7y2
+			},
+			{
+				type: 'line',
+				name: '泰国底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#40feb9'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data7y3
+			},
+			{
+				type: 'line',
+				name: '张家港底盘',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#f1e06e", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#f1e06e", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#f1e06e'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data7y4
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+<script>
+$(document).ready(function() {
+
+	/*更新数据*/
+	var data1x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data1y = [82, 120, 90, 123, 75, 83];
+
+	option1.xAxis.data = data1x;
+	option1.series[0].data = data1y;
+	option1.series[1].data = data1y;
+	myChart1.setOption(option1, true);
+
+	/*更新数据*/
+	var data2x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data2y = [132, 120, 220, 123, 215, 173];
+
+	option2.xAxis.data = data2x;
+	option2.series[0].data = data2y;
+	myChart2.setOption(option2, true);
+	
+	
+	/*更新数据*/
+	var data3x = ['荆门底盘', '菲格科技', '泰国底盘', '张家港底盘'];
+	var data3y = [77, 46, 15, 43];
+	var seriesData3 = [];
+	
+	for (var i = 0; i < data3x.length; i++) {
+		seriesData3.push({
+			name: data3x[i],
+			value: data3y[i]
+		});
+	}
+	
+	option3.series[0].data = seriesData3;
+	myChart3.setOption(option3, true);
+	
+	
+	/*更新数据*/
+	var data4x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data4y1 = [173, 159, 278, 132, 120, 220];
+	var data4y2 = [132, 120, 220, 123, 215, 173];
+	var data4y3 = [232, 140, 278, 173, 160, 262];
+	var data4y4 = [260, 180, 298, 216, 110, 141];
+
+	option4.xAxis.data = data4x;
+	option4.series[0].data = data4y1;
+	option4.series[1].data = data4y2;
+	option4.series[2].data = data4y3;
+	option4.series[3].data = data4y4;
+	myChart4.setOption(option4, true);
+	
+	
+	/*更新数据*/
+	var data5x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data5y1 = [132, 120, 173, 159, 278, 220];
+	var data5y2 = [123, 132, 120, 220, 215, 173];
+	var data5y3 = [278, 173, 232, 140, 160, 262];
+	var data5y4 = [216, 110, 260, 180, 298, 141];
+
+	option5.xAxis.data = data5x;
+	option5.series[0].data = data5y1;
+	option5.series[1].data = data5y2;
+	option5.series[2].data = data5y3;
+	option5.series[3].data = data5y4;
+	myChart5.setOption(option5, true);
+	
+
+	/*更新数据*/
+	var data6x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data6y1 = [173, 159, 278, 132, 120, 220];
+	var data6y2 = [132, 120, 220, 123, 215, 173];
+
+	option6.xAxis.data = data6x;
+	option6.series[0].data = data6y1;
+	option6.series[1].data = data6y1;
+	option6.series[2].data = data6y2;
+	option6.series[3].data = data6y2;
+	myChart6.setOption(option6, true);
+	
+	
+	/*更新数据*/
+	var data7x = ['一月', '二月', '三月', '四月', '五月', '六月'];
+	var data7y1 = [132, 120, 173, 159, 278, 220];
+	var data7y2 = [123, 132, 120, 220, 215, 173];
+	var data7y3 = [278, 173, 232, 140, 160, 262];
+	var data7y4 = [216, 110, 260, 180, 298, 141];
+
+	option7.xAxis.data = data7x;
+	option7.series[0].data = data7y1;
+	option7.series[1].data = data7y2;
+	option7.series[2].data = data7y3;
+	option7.series[3].data = data7y4;
+	myChart7.setOption(option7, true);
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file

js/common.js

+$(document).ready(function(){
+  showTime();
+  setInterval(showTime, (60000*60*6));
+  function showTime(){ 
+	var today = new Date();
+	var y=today.getFullYear()+"";
+	var month=today.getMonth()+1+"";
+	var t=today.getDate();
+	if(today.getHours()<10){
+		var h="0"+today.getHours()+":";
+	}else{
+		var h=today.getHours()+":";
+	}
+	if(today.getMinutes()<10){
+		var m="0"+today.getMinutes()+":";
+	}else{
+		var m=today.getMinutes()+":";
+	}
+	if(today.getSeconds()<10){
+		var s="0"+today.getSeconds();
+	}else{
+		var s=today.getSeconds();
+	}
+	var day = today.getDay();
+	var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
+	var week = weeks[day];
+  
+	// $('.toptime').html("<b>"+h+m+s+"</b><span>"+y+month+t+" "+week+"</span>");
+	$('.toptime').html("<span>"+y+"年"+month+"月"+t+"日"+"</span>");
+
+  } 
+})
+
+$(function(){
+	
+	$(".etab_t ul li").click(function(){  
+		$(this).siblings().removeClass('on').end().addClass('on');
+		$(this).parents('.etab_t').siblings('.etab_m').hide();
+		$(this).parents('.etab_t').siblings('.etab_m').eq($(this).index()).show();
+	});
+	
+	$(".video_box i").click(function(){
+		$(".video_box i").each(function(){
+			$(this).show();
+			$(this).siblings('video').trigger('pause');
+		});
+		$(this).hide();
+		$(this).siblings('video').trigger('play');
+	});
+	
+	$(".ttab_t ul li").click(function(){  
+		$(this).siblings().removeClass('on').end().addClass('on');
+		$(this).parents('.ttab_t').siblings('.ttab_m').removeClass('ttab_mshow');
+		$(this).parents('.ttab_t').siblings('.ttab_m').eq($(this).index()).addClass('ttab_mshow');
+	});
+
+});
\ No newline at end of file

js/jquery.js

+/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery-1.10.2.min.map
+*/
+(function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,l=e.jQuery,u=e.$,c={},p=[],f="1.10.2",d=p.concat,h=p.push,g=p.slice,m=p.indexOf,y=c.toString,v=c.hasOwnProperty,b=f.trim,x=function(e,t){return new x.fn.init(e,t,r)},w=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,k=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,E=/^[\],:{}\s]*$/,S=/(?:^|:|,)(?:\s*\[)+/g,A=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,j=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,D=/^-ms-/,L=/-([\da-z])/gi,H=function(e,t){return t.toUpperCase()},q=function(e){(a.addEventListener||"load"===e.type||"complete"===a.readyState)&&(_(),x.ready())},_=function(){a.addEventListener?(a.removeEventListener("DOMContentLoaded",q,!1),e.removeEventListener("load",q,!1)):(a.detachEvent("onreadystatechange",q),e.detachEvent("onload",q))};x.fn=x.prototype={jquery:f,constructor:x,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof x?n[0]:n,x.merge(this,x.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:a,!0)),k.test(i[1])&&x.isPlainObject(n))for(i in n)x.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(o=a.getElementById(i[2]),o&&o.parentNode){if(o.id!==i[2])return r.find(e);this.length=1,this[0]=o}return this.context=a,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return g.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(g.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},l=1,u=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},l=2),"object"==typeof s||x.isFunction(s)||(s={}),u===l&&(s=this,--l);u>l;l++)if(null!=(o=arguments[l]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(x.isPlainObject(r)||(n=x.isArray(r)))?(n?(n=!1,a=e&&x.isArray(e)?e:[]):a=e&&x.isPlainObject(e)?e:{},s[i]=x.extend(c,a,r)):r!==t&&(s[i]=r));return s},x.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=l),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){if(e===!0?!--x.readyWait:!x.isReady){if(!a.body)return setTimeout(x.ready);x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(a,[x]),x.fn.trigger&&x(a).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray||function(e){return"array"===x.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[y.call(e)]||"object":typeof e},isPlainObject:function(e){var n;if(!e||"object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!v.call(e,"constructor")&&!v.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}if(x.support.ownLast)for(n in e)return v.call(e,n);for(n in e);return n===t||v.call(e,n)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||a;var r=k.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=x.trim(n),n&&E.test(n.replace(A,"@").replace(j,"]").replace(S,"")))?Function("return "+n)():(x.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||x.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&x.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(D,"ms-").replace(L,H)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:b&&!b.call("\ufeff\u00a0")?function(e){return null==e?"":b.call(e)}:function(e){return null==e?"":(e+"").replace(C,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(m)return m.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return d.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),x.isFunction(e)?(r=g.call(arguments,2),i=function(){return e.apply(n||this,r.concat(g.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):t},access:function(e,n,r,i,o,a,s){var l=0,u=e.length,c=null==r;if("object"===x.type(r)){o=!0;for(l in r)x.access(e,n,l,r[l],!0,a,s)}else if(i!==t&&(o=!0,x.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(x(e),n)})),n))for(;u>l;l++)n(e[l],r,s?i:i.call(e[l],l,n(e[l],r)));return o?e:c?n.call(e):u?n(e[0],r):a},now:function(){return(new Date).getTime()},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),x.ready.promise=function(t){if(!n)if(n=x.Deferred(),"complete"===a.readyState)setTimeout(x.ready);else if(a.addEventListener)a.addEventListener("DOMContentLoaded",q,!1),e.addEventListener("load",q,!1);else{a.attachEvent("onreadystatechange",q),e.attachEvent("onload",q);var r=!1;try{r=null==e.frameElement&&a.documentElement}catch(i){}r&&r.doScroll&&function o(){if(!x.isReady){try{r.doScroll("left")}catch(e){return setTimeout(o,50)}_(),x.ready()}}()}return n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){c["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=x(a),function(e,t){var n,r,i,o,a,s,l,u,c,p,f,d,h,g,m,y,v,b="sizzle"+-new Date,w=e.document,T=0,C=0,N=st(),k=st(),E=st(),S=!1,A=function(e,t){return e===t?(S=!0,0):0},j=typeof t,D=1<<31,L={}.hasOwnProperty,H=[],q=H.pop,_=H.push,M=H.push,O=H.slice,F=H.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},B="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",R="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",W=R.replace("w","w#"),$="\\["+P+"*("+R+")"+P+"*(?:([*^$|!~]?=)"+P+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+W+")|)|)"+P+"*\\]",I=":("+R+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+$.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+P+"+|((?:^|[^\\\\])(?:\\\\.)*)"+P+"+$","g"),X=RegExp("^"+P+"*,"+P+"*"),U=RegExp("^"+P+"*([>+~]|"+P+")"+P+"*"),V=RegExp(P+"*[+~]"),Y=RegExp("="+P+"*([^\\]'\"]*)"+P+"*\\]","g"),J=RegExp(I),G=RegExp("^"+W+"$"),Q={ID:RegExp("^#("+R+")"),CLASS:RegExp("^\\.("+R+")"),TAG:RegExp("^("+R.replace("w","w*")+")"),ATTR:RegExp("^"+$),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+P+"*(even|odd|(([+-]|)(\\d*)n|)"+P+"*(?:([+-]|)"+P+"*(\\d+)|))"+P+"*\\)|)","i"),bool:RegExp("^(?:"+B+")$","i"),needsContext:RegExp("^"+P+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+P+"*((?:-\\d)?\\d*)"+P+"*\\)|)(?=[^-]|$)","i")},K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,et=/^(?:input|select|textarea|button)$/i,tt=/^h\d$/i,nt=/'|\\/g,rt=RegExp("\\\\([\\da-f]{1,6}"+P+"?|("+P+")|.)","ig"),it=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{M.apply(H=O.call(w.childNodes),w.childNodes),H[w.childNodes.length].nodeType}catch(ot){M={apply:H.length?function(e,t){_.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function at(e,t,n,i){var o,a,s,l,u,c,d,m,y,x;if((t?t.ownerDocument||t:w)!==f&&p(t),t=t||f,n=n||[],!e||"string"!=typeof e)return n;if(1!==(l=t.nodeType)&&9!==l)return[];if(h&&!i){if(o=Z.exec(e))if(s=o[1]){if(9===l){if(a=t.getElementById(s),!a||!a.parentNode)return n;if(a.id===s)return n.push(a),n}else if(t.ownerDocument&&(a=t.ownerDocument.getElementById(s))&&v(t,a)&&a.id===s)return n.push(a),n}else{if(o[2])return M.apply(n,t.getElementsByTagName(e)),n;if((s=o[3])&&r.getElementsByClassName&&t.getElementsByClassName)return M.apply(n,t.getElementsByClassName(s)),n}if(r.qsa&&(!g||!g.test(e))){if(m=d=b,y=t,x=9===l&&e,1===l&&"object"!==t.nodeName.toLowerCase()){c=mt(e),(d=t.getAttribute("id"))?m=d.replace(nt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",u=c.length;while(u--)c[u]=m+yt(c[u]);y=V.test(e)&&t.parentNode||t,x=c.join(",")}if(x)try{return M.apply(n,y.querySelectorAll(x)),n}catch(T){}finally{d||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,n,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>o.cacheLength&&delete t[e.shift()],t[n]=r}return t}function lt(e){return e[b]=!0,e}function ut(e){var t=f.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function ct(e,t){var n=e.split("|"),r=e.length;while(r--)o.attrHandle[n[r]]=t}function pt(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function dt(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return lt(function(t){return t=+t,lt(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}s=at.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},r=at.support={},p=at.setDocument=function(e){var n=e?e.ownerDocument||e:w,i=n.defaultView;return n!==f&&9===n.nodeType&&n.documentElement?(f=n,d=n.documentElement,h=!s(n),i&&i.attachEvent&&i!==i.top&&i.attachEvent("onbeforeunload",function(){p()}),r.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),r.getElementsByTagName=ut(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),r.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),r.getById=ut(function(e){return d.appendChild(e).id=b,!n.getElementsByName||!n.getElementsByName(b).length}),r.getById?(o.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){return e.getAttribute("id")===t}}):(delete o.find.ID,o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),o.find.TAG=r.getElementsByTagName?function(e,n){return typeof n.getElementsByTagName!==j?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},o.find.CLASS=r.getElementsByClassName&&function(e,n){return typeof n.getElementsByClassName!==j&&h?n.getElementsByClassName(e):t},m=[],g=[],(r.qsa=K.test(n.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||g.push("\\["+P+"*(?:value|"+B+")"),e.querySelectorAll(":checked").length||g.push(":checked")}),ut(function(e){var t=n.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&g.push("[*^$]="+P+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||g.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),g.push(",.*:")})),(r.matchesSelector=K.test(y=d.webkitMatchesSelector||d.mozMatchesSelector||d.oMatchesSelector||d.msMatchesSelector))&&ut(function(e){r.disconnectedMatch=y.call(e,"div"),y.call(e,"[s!='']:x"),m.push("!=",I)}),g=g.length&&RegExp(g.join("|")),m=m.length&&RegExp(m.join("|")),v=K.test(d.contains)||d.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},A=d.compareDocumentPosition?function(e,t){if(e===t)return S=!0,0;var i=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t);return i?1&i||!r.sortDetached&&t.compareDocumentPosition(e)===i?e===n||v(w,e)?-1:t===n||v(w,t)?1:c?F.call(c,e)-F.call(c,t):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return S=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:c?F.call(c,e)-F.call(c,t):0;if(o===a)return pt(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?pt(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},n):f},at.matches=function(e,t){return at(e,null,null,t)},at.matchesSelector=function(e,t){if((e.ownerDocument||e)!==f&&p(e),t=t.replace(Y,"='$1']"),!(!r.matchesSelector||!h||m&&m.test(t)||g&&g.test(t)))try{var n=y.call(e,t);if(n||r.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(i){}return at(t,f,null,[e]).length>0},at.contains=function(e,t){return(e.ownerDocument||e)!==f&&p(e),v(e,t)},at.attr=function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},at.uniqueSort=function(e){var t,n=[],i=0,o=0;if(S=!r.detectDuplicates,c=!r.sortStable&&e.slice(0),e.sort(A),S){while(t=e[o++])t===e[o]&&(i=n.push(o));while(i--)e.splice(n[i],1)}return e},a=at.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=a(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=a(t);return n},o=at.selectors={cacheLength:50,createPseudo:lt,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(rt,it),e[3]=(e[4]||e[5]||"").replace(rt,it),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||at.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&at.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&&J.test(r)&&(n=mt(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(rt,it).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=N[e+" "];return t||(t=RegExp("(^|"+P+")"+e+"("+P+"|$)"))&&N(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=at.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,l){var u,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!l&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[b]||(m[b]={}),u=c[e]||[],d=u[0]===T&&u[1],f=u[0]===T&&u[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[T,d,f];break}}else if(v&&(u=(t[b]||(t[b]={}))[e])&&u[0]===T)f=u[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[b]||(p[b]={}))[e]=[T,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=o.pseudos[e]||o.setFilters[e.toLowerCase()]||at.error("unsupported pseudo: "+e);return r[b]?r(t):r.length>1?(n=[e,e,"",t],o.setFilters.hasOwnProperty(e.toLowerCase())?lt(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=F.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:lt(function(e){var t=[],n=[],r=l(e.replace(z,"$1"));return r[b]?lt(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:lt(function(e){return function(t){return at(e,t).length>0}}),contains:lt(function(e){return function(t){return(t.textContent||t.innerText||a(t)).indexOf(e)>-1}}),lang:lt(function(e){return G.test(e||"")||at.error("unsupported lang: "+e),e=e.replace(rt,it).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===d},focus:function(e){return e===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!o.pseudos.empty(e)},header:function(e){return tt.test(e.nodeName)},input:function(e){return et.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},o.pseudos.nth=o.pseudos.eq;for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})o.pseudos[n]=ft(n);for(n in{submit:!0,reset:!0})o.pseudos[n]=dt(n);function gt(){}gt.prototype=o.filters=o.pseudos,o.setFilters=new gt;function mt(e,t){var n,r,i,a,s,l,u,c=k[e+" "];if(c)return t?0:c.slice(0);s=e,l=[],u=o.preFilter;while(s){(!n||(r=X.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),l.push(i=[])),n=!1,(r=U.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(z," ")}),s=s.slice(n.length));for(a in o.filter)!(r=Q[a].exec(s))||u[a]&&!(r=u[a](r))||(n=r.shift(),i.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?at.error(e):k(e,l).slice(0)}function yt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function vt(e,t,n){var r=t.dir,o=n&&"parentNode"===r,a=C++;return t.first?function(t,n,i){while(t=t[r])if(1===t.nodeType||o)return e(t,n,i)}:function(t,n,s){var l,u,c,p=T+" "+a;if(s){while(t=t[r])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[r])if(1===t.nodeType||o)if(c=t[b]||(t[b]={}),(u=c[r])&&u[0]===p){if((l=u[1])===!0||l===i)return l===!0}else if(u=c[r]=[p],u[1]=e(t,n,s)||i,u[1]===!0)return!0}}function bt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,a=[],s=0,l=e.length,u=null!=t;for(;l>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),u&&t.push(s));return a}function wt(e,t,n,r,i,o){return r&&!r[b]&&(r=wt(r)),i&&!i[b]&&(i=wt(i,o)),lt(function(o,a,s,l){var u,c,p,f=[],d=[],h=a.length,g=o||Nt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:xt(g,f,e,s,l),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,l),r){u=xt(y,d),r(u,[],s,l),c=u.length;while(c--)(p=u[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){u=[],c=y.length;while(c--)(p=y[c])&&u.push(m[c]=p);i(null,y=[],u,l)}c=y.length;while(c--)(p=y[c])&&(u=i?F.call(o,p):f[c])>-1&&(o[u]=!(a[u]=p))}}else y=xt(y===a?y.splice(h,y.length):y),i?i(null,a,y,l):M.apply(a,y)})}function Tt(e){var t,n,r,i=e.length,a=o.relative[e[0].type],s=a||o.relative[" "],l=a?1:0,c=vt(function(e){return e===t},s,!0),p=vt(function(e){return F.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;i>l;l++)if(n=o.relative[e[l].type])f=[vt(bt(f),n)];else{if(n=o.filter[e[l].type].apply(null,e[l].matches),n[b]){for(r=++l;i>r;r++)if(o.relative[e[r].type])break;return wt(l>1&&bt(f),l>1&&yt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&Tt(e.slice(l,r)),i>r&&Tt(e=e.slice(r)),i>r&&yt(e))}f.push(n)}return bt(f)}function Ct(e,t){var n=0,r=t.length>0,a=e.length>0,s=function(s,l,c,p,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,C=u,N=s||a&&o.find.TAG("*",d&&l.parentNode||l),k=T+=null==C?1:Math.random()||.1;for(w&&(u=l!==f&&l,i=n);null!=(h=N[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,l,c)){p.push(h);break}w&&(T=k,i=++n)}r&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,r&&b!==v){g=0;while(m=t[g++])m(x,y,l,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=q.call(p));y=xt(y)}M.apply(p,y),w&&!s&&y.length>0&&v+t.length>1&&at.uniqueSort(p)}return w&&(T=k,u=C),x};return r?lt(s):s}l=at.compile=function(e,t){var n,r=[],i=[],o=E[e+" "];if(!o){t||(t=mt(e)),n=t.length;while(n--)o=Tt(t[n]),o[b]?r.push(o):i.push(o);o=E(e,Ct(i,r))}return o};function Nt(e,t,n){var r=0,i=t.length;for(;i>r;r++)at(e,t[r],n);return n}function kt(e,t,n,i){var a,s,u,c,p,f=mt(e);if(!i&&1===f.length){if(s=f[0]=f[0].slice(0),s.length>2&&"ID"===(u=s[0]).type&&r.getById&&9===t.nodeType&&h&&o.relative[s[1].type]){if(t=(o.find.ID(u.matches[0].replace(rt,it),t)||[])[0],!t)return n;e=e.slice(s.shift().value.length)}a=Q.needsContext.test(e)?0:s.length;while(a--){if(u=s[a],o.relative[c=u.type])break;if((p=o.find[c])&&(i=p(u.matches[0].replace(rt,it),V.test(s[0].type)&&t.parentNode||t))){if(s.splice(a,1),e=i.length&&yt(s),!e)return M.apply(n,i),n;break}}}return l(e,f)(i,t,!h,n,V.test(e)),n}r.sortStable=b.split("").sort(A).join("")===b,r.detectDuplicates=S,p(),r.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(f.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||ct("type|href|height|width",function(e,n,r){return r?t:e.getAttribute(n,"type"===n.toLowerCase()?1:2)}),r.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||ct("value",function(e,n,r){return r||"input"!==e.nodeName.toLowerCase()?t:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||ct(B,function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&i.specified?i.value:e[n]===!0?n.toLowerCase():null}),x.find=at,x.expr=at.selectors,x.expr[":"]=x.expr.pseudos,x.unique=at.uniqueSort,x.text=at.getText,x.isXMLDoc=at.isXML,x.contains=at.contains}(e);var O={};function F(e){var t=O[e]={};return x.each(e.match(T)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?O[e]||F(e):x.extend({},e);var n,r,i,o,a,s,l=[],u=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=l.length,n=!0;l&&o>a;a++)if(l[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,l&&(u?u.length&&c(u.shift()):r?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this},remove:function(){return l&&x.each(arguments,function(e,t){var r;while((r=x.inArray(t,l,r))>-1)l.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?x.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],o=0,this},disable:function(){return l=u=r=t,this},disabled:function(){return!l},lock:function(){return u=t,r||p.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!l||i&&!u||(t=t||[],t=[e,t.slice?t.slice():t],n?u.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=g.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?g.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,l,u;if(r>1)for(s=Array(r),l=Array(r),u=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(a(t,u,n)).fail(o.reject).progress(a(t,l,s)):--i;return i||o.resolveWith(u,n),o.promise()}}),x.support=function(t){var n,r,o,s,l,u,c,p,f,d=a.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*")||[],r=d.getElementsByTagName("a")[0],!r||!r.style||!n.length)return t;s=a.createElement("select"),u=s.appendChild(a.createElement("option")),o=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t.getSetAttribute="t"!==d.className,t.leadingWhitespace=3===d.firstChild.nodeType,t.tbody=!d.getElementsByTagName("tbody").length,t.htmlSerialize=!!d.getElementsByTagName("link").length,t.style=/top/.test(r.getAttribute("style")),t.hrefNormalized="/a"===r.getAttribute("href"),t.opacity=/^0.5/.test(r.style.opacity),t.cssFloat=!!r.style.cssFloat,t.checkOn=!!o.value,t.optSelected=u.selected,t.enctype=!!a.createElement("form").enctype,t.html5Clone="<:nav></:nav>"!==a.createElement("nav").cloneNode(!0).outerHTML,t.inlineBlockNeedsLayout=!1,t.shrinkWrapBlocks=!1,t.pixelPosition=!1,t.deleteExpando=!0,t.noCloneEvent=!0,t.reliableMarginRight=!0,t.boxSizingReliable=!0,o.checked=!0,t.noCloneChecked=o.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!u.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}o=a.createElement("input"),o.setAttribute("value",""),t.input=""===o.getAttribute("value"),o.value="t",o.setAttribute("type","radio"),t.radioValue="t"===o.value,o.setAttribute("checked","t"),o.setAttribute("name","t"),l=a.createDocumentFragment(),l.appendChild(o),t.appendChecked=o.checked,t.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip;for(f in x(t))break;return t.ownLast="0"!==f,x(function(){var n,r,o,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",l=a.getElementsByTagName("body")[0];l&&(n=a.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",l.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",o=d.getElementsByTagName("td"),o[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===o[0].offsetHeight,o[0].style.display="",o[1].style.display="none",t.reliableHiddenOffsets=p&&0===o[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",x.swap(l,null!=l.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===d.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(a.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(l.style.zoom=1)),l.removeChild(n),n=d=o=r=null)}),n=s=l=u=r=o=null,t
+}({});var B=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;function R(e,n,r,i){if(x.acceptData(e)){var o,a,s=x.expando,l=e.nodeType,u=l?x.cache:e,c=l?e[s]:e[s]&&s;if(c&&u[c]&&(i||u[c].data)||r!==t||"string"!=typeof n)return c||(c=l?e[s]=p.pop()||x.guid++:s),u[c]||(u[c]=l?{}:{toJSON:x.noop}),("object"==typeof n||"function"==typeof n)&&(i?u[c]=x.extend(u[c],n):u[c].data=x.extend(u[c].data,n)),a=u[c],i||(a.data||(a.data={}),a=a.data),r!==t&&(a[x.camelCase(n)]=r),"string"==typeof n?(o=a[n],null==o&&(o=a[x.camelCase(n)])):o=a,o}}function W(e,t,n){if(x.acceptData(e)){var r,i,o=e.nodeType,a=o?x.cache:e,s=o?e[x.expando]:x.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){x.isArray(t)?t=t.concat(x.map(t,x.camelCase)):t in r?t=[t]:(t=x.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;while(i--)delete r[t[i]];if(n?!I(r):!x.isEmptyObject(r))return}(n||(delete a[s].data,I(a[s])))&&(o?x.cleanData([e],!0):x.support.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}x.extend({cache:{},noData:{applet:!0,embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?x.cache[e[x.expando]]:e[x.expando],!!e&&!I(e)},data:function(e,t,n){return R(e,t,n)},removeData:function(e,t){return W(e,t)},_data:function(e,t,n){return R(e,t,n,!0)},_removeData:function(e,t){return W(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&x.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),x.fn.extend({data:function(e,n){var r,i,o=null,a=0,s=this[0];if(e===t){if(this.length&&(o=x.data(s),1===s.nodeType&&!x._data(s,"parsedAttrs"))){for(r=s.attributes;r.length>a;a++)i=r[a].name,0===i.indexOf("data-")&&(i=x.camelCase(i.slice(5)),$(s,i,o[i]));x._data(s,"parsedAttrs",!0)}return o}return"object"==typeof e?this.each(function(){x.data(this,e)}):arguments.length>1?this.each(function(){x.data(this,e,n)}):s?$(s,e,x.data(s,e)):null},removeData:function(e){return this.each(function(){x.removeData(this,e)})}});function $(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(P,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:B.test(r)?x.parseJSON(r):r}catch(o){}x.data(e,n,r)}else r=t}return r}function I(e){var t;for(t in e)if(("data"!==t||!x.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}x.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=x._data(e,n),r&&(!i||x.isArray(r)?i=x._data(e,n,x.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),a=function(){x.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return x._data(e,n)||x._data(e,n,{empty:x.Callbacks("once memory").add(function(){x._removeData(e,t+"queue"),x._removeData(e,n)})})}}),x.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?x.queue(this[0],e):n===t?this:this.each(function(){var t=x.queue(this,e,n);x._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=x.Deferred(),a=this,s=this.length,l=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=x._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(l));return l(),o.promise(n)}});var z,X,U=/[\t\r\n\f]/g,V=/\r/g,Y=/^(?:input|select|textarea|button|object)$/i,J=/^(?:a|area)$/i,G=/^(?:checked|selected)$/i,Q=x.support.getSetAttribute,K=x.support.input;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return e=x.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,l="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,l=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,r=0,o=x(this),a=e.match(T)||[];while(t=a[r++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===i||"boolean"===n)&&(this.className&&x._data(this,"__className__",this.className),this.className=this.className||e===!1?"":x._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(U," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=x.isFunction(e),this.each(function(n){var o;1===this.nodeType&&(o=i?e.call(this,n,x(this).val()):e,null==o?o="":"number"==typeof o?o+="":x.isArray(o)&&(o=x.map(o,function(e){return null==e?"":e+""})),r=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=x.valHooks[o.type]||x.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(V,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=x.find.attr(e,"value");return null!=t?t:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,l=0>i?s:o?i:0;for(;s>l;l++)if(n=r[l],!(!n.selected&&l!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),a=i.length;while(a--)r=i[a],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===i?x.prop(e,n,r):(1===s&&x.isXMLDoc(e)||(n=n.toLowerCase(),o=x.attrHooks[n]||(x.expr.match.bool.test(n)?X:z)),r===t?o&&"get"in o&&null!==(a=o.get(e,n))?a:(a=x.find.attr(e,n),null==a?t:a):null!==r?o&&"set"in o&&(a=o.set(e,r,n))!==t?a:(e.setAttribute(n,r+""),r):(x.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(T);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)?K&&Q||!G.test(n)?e[r]=!1:e[x.camelCase("default-"+n)]=e[r]=!1:x.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!x.isXMLDoc(e),a&&(n=x.propFix[n]||n,o=x.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var t=x.find.attr(e,"tabindex");return t?parseInt(t,10):Y.test(e.nodeName)||J.test(e.nodeName)&&e.href?0:-1}}}}),X={set:function(e,t,n){return t===!1?x.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&x.propFix[n]||n,n):e[x.camelCase("default-"+n)]=e[n]=!0,n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,n){var r=x.expr.attrHandle[n]||x.find.attr;x.expr.attrHandle[n]=K&&Q||!G.test(n)?function(e,n,i){var o=x.expr.attrHandle[n],a=i?t:(x.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return x.expr.attrHandle[n]=o,a}:function(e,n,r){return r?t:e[x.camelCase("default-"+n)]?n.toLowerCase():null}}),K&&Q||(x.attrHooks.value={set:function(e,n,r){return x.nodeName(e,"input")?(e.defaultValue=n,t):z&&z.set(e,n,r)}}),Q||(z={set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},x.expr.attrHandle.id=x.expr.attrHandle.name=x.expr.attrHandle.coords=function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&""!==i.value?i.value:null},x.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&r.specified?r.value:t},set:z.set},x.attrHooks.contenteditable={set:function(e,t,n){z.set(e,""===t?!1:t,n)}},x.each(["width","height"],function(e,n){x.attrHooks[n]={set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}}})),x.support.hrefNormalized||x.each(["href","src"],function(e,t){x.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),x.support.style||(x.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.support.enctype||(x.propFix.enctype="encoding"),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,n){return x.isArray(n)?e.checked=x.inArray(x(e).val(),n)>=0:t}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}function at(){try{return a.activeElement}catch(e){}}x.event={global:{},add:function(e,n,r,o,a){var s,l,u,c,p,f,d,h,g,m,y,v=x._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=x.guid++),(l=v.events)||(l=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof x===i||e&&x.event.triggered===e.type?t:x.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(T)||[""],u=n.length;while(u--)s=rt.exec(n[u])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),g&&(p=x.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=x.event.special[g]||{},d=x.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&x.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=l[g])||(h=l[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),x.event.global[g]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,l,u,c,p,f,d,h,g,m=x.hasData(e)&&x._data(e);if(m&&(c=m.events)){t=(t||"").match(T)||[""],u=t.length;while(u--)if(s=rt.exec(t[u])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=x.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));l&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||x.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)x.event.remove(e,d+t[u],n,r,!0);x.isEmptyObject(c)&&(delete m.handle,x._removeData(e,"events"))}},trigger:function(n,r,i,o){var s,l,u,c,p,f,d,h=[i||a],g=v.call(n,"type")?n.type:n,m=v.call(n,"namespace")?n.namespace.split("."):[];if(u=f=i=i||a,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+x.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),l=0>g.indexOf(":")&&"on"+g,n=n[x.expando]?n:new x.Event(g,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:x.makeArray(r,[n]),p=x.event.special[g]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!x.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(u=u.parentNode);u;u=u.parentNode)h.push(u),f=u;f===(i.ownerDocument||a)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((u=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(x._data(u,"events")||{})[n.type]&&x._data(u,"handle"),s&&s.apply(u,r),s=l&&u[l],s&&x.acceptData(u)&&s.apply&&s.apply(u,r)===!1&&n.preventDefault();if(n.type=g,!o&&!n.isDefaultPrevented()&&(!p._default||p._default.apply(h.pop(),r)===!1)&&x.acceptData(i)&&l&&i[g]&&!x.isWindow(i)){f=i[l],f&&(i[l]=null),x.event.triggered=g;try{i[g]()}catch(y){}x.event.triggered=t,f&&(i[l]=f)}return n.result}},dispatch:function(e){e=x.event.fix(e);var n,r,i,o,a,s=[],l=g.call(arguments),u=(x._data(this,"events")||{})[e.type]||[],c=x.event.special[e.type]||{};if(l[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((x.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,l),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],l=n.delegateCount,u=e.target;if(l&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(o=[],a=0;l>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?x(r,this).index(u)>=0:x.find(r,this,null,[u]).length),o[r]&&o.push(i);o.length&&s.push({elem:u,handlers:o})}return n.length>l&&s.push({elem:this,handlers:n.slice(l)}),s},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new x.Event(o),t=r.length;while(t--)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||a),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button,l=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||a,o=i.documentElement,r=i.body,e.pageX=n.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&l&&(e.relatedTarget=l===e.target?n.toElement:l),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==at()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===at()&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},click:{trigger:function(){return x.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=a.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},x.Event=function(e,n){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&x.extend(this,n),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,t):new x.Event(e,n)},x.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.submitBubbles||(x.event.special.submit={setup:function(){return x.nodeName(this,"form")?!1:(x.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=x.nodeName(n,"input")||x.nodeName(n,"button")?n.form:t;r&&!x._data(r,"submitBubbles")&&(x.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),x._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&x.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return x.nodeName(this,"form")?!1:(x.event.remove(this,"._submit"),t)}}),x.support.changeBubbles||(x.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(x.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),x.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),x.event.simulate("change",this,e,!0)})),!1):(x.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!x._data(t,"changeBubbles")&&(x.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||x.event.simulate("change",this.parentNode,e,!0)}),x._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return x.event.remove(this,"._change"),!Z.test(this.nodeName)}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&a.addEventListener(e,r,!0)},teardown:function(){0===--n&&a.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return x().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=x.guid++)),this.each(function(){x.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,x(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){x.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?x.event.trigger(e,n,r,!0):t}});var st=/^.[^:#\[\.,]*$/,lt=/^(?:parents|prev(?:Until|All))/,ut=x.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t,n=x(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(x.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e||[],!0))},filter:function(e){return this.pushStack(ft(this,e||[],!1))},is:function(e){return!!ft(this,"string"==typeof e&&ut.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],a=ut.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(a?a.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?x.inArray(this[0],x(e)):x.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return x.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(ct[e]||(i=x.unique(i)),lt.test(e)&&(i=i.reverse())),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!x(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(st.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return x.inArray(e,t)>=0!==n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Ct=/^(?:checkbox|radio)$/i,Nt=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(Ft(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&_t(Ft(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&x.cleanData(Ft(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&x.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=d.apply([],e);var r,i,o,a,s,l,u=0,c=this.length,p=this,f=c-1,h=e[0],g=x.isFunction(h);if(g||!(1>=c||"string"!=typeof h||x.support.checkClone)&&Nt.test(h))return this.each(function(r){var i=p.eq(r);g&&(e[0]=h.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(l=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),r=l.firstChild,1===l.childNodes.length&&(l=r),r)){for(a=x.map(Ft(l,"script"),Ht),o=a.length;c>u;u++)i=l,u!==f&&(i=x.clone(i,!0,!0),o&&x.merge(a,Ft(i,"script"))),t.call(this[u],i,u);if(o)for(s=a[a.length-1].ownerDocument,x.map(a,qt),u=0;o>u;u++)i=a[u],kt.test(i.type||"")&&!x._data(i,"globalEval")&&x.contains(s,i)&&(i.src?x._evalUrl(i.src):x.globalEval((i.text||i.textContent||i.innerHTML||"").replace(St,"")));l=r=null}return this}});function Lt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function Ht(e){return e.type=(null!==x.find.attr(e,"type"))+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function _t(e,t){var n,r=0;for(;null!=(n=e[r]);r++)x._data(n,"globalEval",!t||x._data(t[r],"globalEval"))}function Mt(e,t){if(1===t.nodeType&&x.hasData(e)){var n,r,i,o=x._data(e),a=x._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)x.event.add(t,n,s[n][r])}a.data&&(a.data=x.extend({},a.data))}}function Ot(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!x.support.noCloneEvent&&t[x.expando]){i=x._data(t);for(r in i.events)x.removeEvent(t,r,i.handle);t.removeAttribute(x.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),x.support.html5Clone&&e.innerHTML&&!x.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Ct.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=0,i=[],o=x(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),x(o[r])[t](n),h.apply(i,n.get());return this.pushStack(i)}});function Ft(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||x.nodeName(o,n)?s.push(o):x.merge(s,Ft(o,n));return n===t||n&&x.nodeName(e,n)?x.merge([e],s):s}function Bt(e){Ct.test(e.type)&&(e.defaultChecked=e.checked)}x.extend({clone:function(e,t,n){var r,i,o,a,s,l=x.contains(e.ownerDocument,e);if(x.support.html5Clone||x.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(x.support.noCloneEvent&&x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(r=Ft(o),s=Ft(e),a=0;null!=(i=s[a]);++a)r[a]&&Ot(i,r[a]);if(t)if(n)for(s=s||Ft(e),r=r||Ft(o),a=0;null!=(i=s[a]);a++)Mt(i,r[a]);else Mt(e,o);return r=Ft(o,"script"),r.length>0&&_t(r,!l&&Ft(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,l,u,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===x.type(o))x.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),l=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[l]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!x.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!x.support.tbody){o="table"!==l||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)x.nodeName(u=o.childNodes[i],"tbody")&&!u.childNodes.length&&o.removeChild(u)}x.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),x.support.appendChecked||x.grep(Ft(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===x.inArray(o,r))&&(a=x.contains(o.ownerDocument,o),s=Ft(f.appendChild(o),"script"),a&&_t(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,l=x.expando,u=x.cache,c=x.support.deleteExpando,f=x.event.special;for(;null!=(n=e[s]);s++)if((t||x.acceptData(n))&&(o=n[l],a=o&&u[o])){if(a.events)for(r in a.events)f[r]?x.event.remove(n,r):x.removeEvent(n,r,a.handle);
+u[o]&&(delete u[o],c?delete n[l]:typeof n.removeAttribute!==i?n.removeAttribute(l):n[l]=null,p.push(o))}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),x.fn.extend({wrapAll:function(e){if(x.isFunction(e))return this.each(function(t){x(this).wrapAll(e.call(this,t))});if(this[0]){var t=x(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+w+")(.*)$","i"),Yt=RegExp("^("+w+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+w+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=x._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=x._data(r,"olddisplay",ln(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&x._data(r,"olddisplay",i?n:x.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}x.fn.extend({css:function(e,n){return x.access(this,function(e,n,r){var i,o,a={},s=0;if(x.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=x.css(e,n[s],!1,o);return a}return r!==t?x.style(e,n,r):x.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){nn(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":x.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,l=x.camelCase(n),u=e.style;if(n=x.cssProps[l]||(x.cssProps[l]=tn(u,l)),s=x.cssHooks[n]||x.cssHooks[l],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:u[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(x.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||x.cssNumber[l]||(r+="px"),x.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(u[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{u[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,l=x.camelCase(n);return n=x.cssProps[l]||(x.cssProps[l]=tn(e.style,l)),s=x.cssHooks[n]||x.cssHooks[l],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||x.isNumeric(o)?o||0:a):a}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s.getPropertyValue(n)||s[n]:t,u=e.style;return s&&(""!==l||x.contains(e.ownerDocument,e)||(l=x.style(e,n)),Yt.test(l)&&Ut.test(n)&&(i=u.width,o=u.minWidth,a=u.maxWidth,u.minWidth=u.maxWidth=u.width=l,l=s.width,u.width=i,u.minWidth=o,u.maxWidth=a)),l}):a.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s[n]:t,u=e.style;return null==l&&u&&u[n]&&(l=u[n]),Yt.test(l)&&!zt.test(n)&&(i=u.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),u.left="fontSize"===n?"1em":l,l=u.pixelLeft+"px",u.left=i,a&&(o.left=a)),""===l?"auto":l});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=x.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=x.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=x.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=x.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=x.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function ln(e){var t=a,n=Gt[e];return n||(n=un(e,t),"none"!==n&&n||(Pt=(Pt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=un(e,t),Pt.detach()),Gt[e]=n),n}function un(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,n){x.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(x.css(e,"display"))?x.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x.support.opacity||(x.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=x.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===x.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,n){return n?x.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,n){x.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?x(e).position()[n]+"px":r):t}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!x.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||x.css(e,"display"))},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(x.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Ct.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),x.param=function(e,n){var r,i=[],o=function(e,t){t=x.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var mn,yn,vn=x.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Cn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Nn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=x.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=o.href}catch(Ln){yn=a.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(T)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(l){var u;return o[l]=!0,x.each(e[l]||[],function(e,l){var c=l(n,r,i);return"string"!=typeof c||a||o[c]?a?!(u=c):t:(n.dataTypes.unshift(c),s(c),!1)}),u}return s(n.dataTypes[0])||!o["*"]&&s("*")}function _n(e,n){var r,i,o=x.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,l=e.indexOf(" ");return l>=0&&(i=e.slice(l,e.length),e=e.slice(0,l)),x.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&x.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?x("<div>").append(x.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Cn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?_n(_n(e,x.ajaxSettings),t):_n(x.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,l,u,c,p=x.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?x(f):x.event,h=x.Deferred(),g=x.Callbacks("once memory"),m=p.statusCode||{},y={},v={},b=0,w="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this},abort:function(e){var t=e||w;return u&&u.abort(t),k(0,t),this}};if(h.promise(C).complete=g.add,C.success=C.done,C.error=C.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=x.trim(p.dataType||"*").toLowerCase().match(T)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?"80":"443"))===(mn[3]||("http:"===mn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=x.param(p.data,p.traditional)),qn(An,p,n,C),2===b)return C;l=p.global,l&&0===x.active++&&x.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Nn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(x.lastModified[o]&&C.setRequestHeader("If-Modified-Since",x.lastModified[o]),x.etag[o]&&C.setRequestHeader("If-None-Match",x.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&C.setRequestHeader("Content-Type",p.contentType),C.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)C.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,C,p)===!1||2===b))return C.abort();w="abort";for(i in{success:1,error:1,complete:1})C[i](p[i]);if(u=qn(jn,p,n,C)){C.readyState=1,l&&d.trigger("ajaxSend",[C,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){C.abort("timeout")},p.timeout));try{b=1,u.send(y,k)}catch(N){if(!(2>b))throw N;k(-1,N)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,N=n;2!==b&&(b=2,s&&clearTimeout(s),u=t,a=i||"",C.readyState=e>0?4:0,c=e>=200&&300>e||304===e,r&&(w=Mn(p,C,r)),w=On(p,w,C,c),c?(p.ifModified&&(T=C.getResponseHeader("Last-Modified"),T&&(x.lastModified[o]=T),T=C.getResponseHeader("etag"),T&&(x.etag[o]=T)),204===e||"HEAD"===p.type?N="nocontent":304===e?N="notmodified":(N=w.state,y=w.data,v=w.error,c=!v)):(v=N,(e||!N)&&(N="error",0>e&&(e=0))),C.status=e,C.statusText=(n||N)+"",c?h.resolveWith(f,[y,N,C]):h.rejectWith(f,[C,N,v]),C.statusCode(m),m=t,l&&d.trigger(c?"ajaxSuccess":"ajaxError",[C,p,c?y:v]),g.fireWith(f,[C,N]),l&&(d.trigger("ajaxComplete",[C,p]),--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,n){return x.get(e,t,n,"script")}}),x.each(["get","post"],function(e,n){x[n]=function(e,r,i,o){return x.isFunction(r)&&(o=o||i,i=r,r=t),x.ajax({url:e,type:n,dataType:o,data:r,success:i})}});function Mn(e,n,r){var i,o,a,s,l=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in l)if(l[s]&&l[s].test(o)){u.unshift(s);break}if(u[0]in r)a=u[0];else{for(s in r){if(!u[0]||e.converters[s+" "+u[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==u[0]&&u.unshift(a),r[a]):t}function On(e,t,n,r){var i,o,a,s,l,u={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)u[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!l&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),l=o,o=c.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(a=u[l+" "+o]||u["* "+o],!a)for(i in u)if(s=i.split(" "),s[1]===o&&(a=u[l+" "+s[0]]||u["* "+s[0]])){a===!0?a=u[i]:u[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(p){return{state:"parsererror",error:a?p:"No conversion from "+l+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),x.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=a.head||x("head")[0]||a.documentElement;return{send:function(t,i){n=a.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var Fn=[],Bn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Fn.pop()||x.expando+"_"+vn++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,l=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return l||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=x.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,l?n[l]=n[l].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||x.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,Fn.push(o)),s&&x.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}x.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=x.ajaxSettings.xhr(),x.support.cors=!!Rn&&"withCredentials"in Rn,Rn=x.support.ajax=!!Rn,Rn&&x.ajaxTransport(function(n){if(!n.crossDomain||x.support.cors){var r;return{send:function(i,o){var a,s,l=n.xhr();if(n.username?l.open(n.type,n.url,n.async,n.username,n.password):l.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)l[s]=n.xhrFields[s];n.mimeType&&l.overrideMimeType&&l.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)l.setRequestHeader(s,i[s])}catch(u){}l.send(n.hasContent&&n.data||null),r=function(e,i){var s,u,c,p;try{if(r&&(i||4===l.readyState))if(r=t,a&&(l.onreadystatechange=x.noop,$n&&delete Pn[a]),i)4!==l.readyState&&l.abort();else{p={},s=l.status,u=l.getAllResponseHeaders(),"string"==typeof l.responseText&&(p.text=l.responseText);try{c=l.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,u)},n.async?4===l.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},x(e).unload($n)),Pn[a]=r),l.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+w+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Yn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),a=(x.cssNumber[e]||"px"!==o&&+r)&&Yn.exec(x.css(n.elem,e)),s=1,l=20;if(a&&a[3]!==o){o=o||a[3],i=i||[],a=+r||1;do s=s||".5",a/=s,x.style(n.elem,e,a+o);while(s!==(s=n.cur()/r)&&1!==s&&--l)}return i&&(a=n.start=+a||+r||0,n.unit=o,n.end=i[1]?a+(i[1]+1)*i[2]:+i[2]),n}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=x.now()}function Zn(e,t,n){var r,i=(Qn[t]||[]).concat(Qn["*"]),o=0,a=i.length;for(;a>o;o++)if(r=i[o].call(n,t,e))return r}function er(e,t,n){var r,i,o=0,a=Gn.length,s=x.Deferred().always(function(){delete l.elem}),l=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,u.startTime+u.duration-t),r=n/u.duration||0,o=1-r,a=0,l=u.tweens.length;for(;l>a;a++)u.tweens[a].run(o);return s.notifyWith(e,[u,o,n]),1>o&&l?n:(s.resolveWith(e,[u]),!1)},u=s.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,u.opts,t,n,u.opts.specialEasing[t]||u.opts.easing);return u.tweens.push(r),r},stop:function(t){var n=0,r=t?u.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)u.tweens[n].run(1);return t?s.resolveWith(e,[u,t]):s.rejectWith(e,[u,t]),this}}),c=u.props;for(tr(c,u.opts.specialEasing);a>o;o++)if(r=Gn[o].call(u,e,c,u.opts))return r;return x.map(c,Zn,u),x.isFunction(u.opts.start)&&u.opts.start.call(e,u),x.fx.timer(x.extend(l,{elem:e,anim:u,queue:u.opts.queue})),u.progress(u.opts.progress).done(u.opts.done,u.opts.complete).fail(u.opts.fail).always(u.opts.always)}function tr(e,t){var n,r,i,o,a;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=x.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(er,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,l,u=this,c={},p=e.style,f=e.nodeType&&nn(e),d=x._data(e,"fxshow");n.queue||(s=x._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,l=s.empty.fire,s.empty.fire=function(){s.unqueued||l()}),s.unqueued++,u.always(function(){u.always(function(){s.unqueued--,x.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(x.support.inlineBlockNeedsLayout&&"inline"!==ln(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",x.support.shrinkWrapBlocks||u.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],Vn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show"))continue;c[r]=d&&d[r]||x.style(e,r)}if(!x.isEmptyObject(c)){d?"hidden"in d&&(f=d.hidden):d=x._data(e,"fxshow",{}),o&&(d.hidden=!f),f?x(e).show():u.done(function(){x(e).hide()}),u.done(function(){var t;x._removeData(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)a=Zn(f?d[r]:0,r,u),r in d||(d[r]=a.start,f&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}x.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),a=function(){var t=er(this,x.extend({},e),o);(i||x._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=x.timers,a=x._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=x._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,a=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=rr.prototype.init,x.fx.tick=function(){var e,n=x.timers,r=0;for(Xn=x.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||x.fx.stop(),Xn=t},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){Un||(Un=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(Un),Un=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){x.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,x.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},x.offset={setOffset:function(e,t,n){var r=x.css(e,"position");"static"===r&&(e.style.position="relative");var i=x(e),o=i.offset(),a=x.css(e,"top"),s=x.css(e,"left"),l=("absolute"===r||"fixed"===r)&&x.inArray("auto",[a,s])>-1,u={},c={},p,f;l?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),x.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(u.top=t.top-o.top+p),null!=t.left&&(u.left=t.left-o.left+f),"using"in t?t.using.call(e,u):i.css(u)}},x.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===x.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(n=e.offset()),n.top+=x.css(e[0],"borderTopWidth",!0),n.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-x.css(r,"marginTop",!0),left:t.left-n.left-x.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);x.fn[e]=function(i){return x.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?x(a).scrollLeft():o,r?o:x(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return x.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}x.each({Height:"height",Width:"width"},function(e,n){x.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){x.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return x.access(this,function(n,r,i){var o;return x.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?x.css(n,r,s):x.style(n,r,i,s)},n,a?i:t,a,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:(e.jQuery=e.$=x,"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}))})(window);

js/jquery.liMarquee.js

+/*
+ * jQuery liMarquee v 4.6
+ *
+ * Copyright 2013, Linnik Yura | LI MASS CODE | http://masscode.ru
+ * http://masscode.ru/index.php/k2/item/44-limarquee
+ * Free to use
+ *
+ * Last Update 20.11.2014
+ */
+(function ($) {
+	var methods = {
+		init: function (options) {
+			var p = {
+				direction: 'left', //Указывает направление движения содержимого контейнера (left | right | up | down)
+				loop: -1, //Задает, сколько раз будет прокручиваться содержимое. "-1" для бесконечного воспроизведения движения
+				scrolldelay: 0, //Величина задержки в миллисекундах между движениями
+				scrollamount: 50, //Скорость движения контента (px/sec)
+				circular: true, //Если "true" - строка непрерывная 
+				drag: true, //Если "true" - включено перетаскивание строки
+				runshort: true, //Если "true" - короткая строка тоже "бегает", "false" - стоит на месте
+				hoverstop: true, //true - строка останавливается при наведении курсора мыши, false - строка не останавливается
+				inverthover: false, //false - стандартное поведение. Если "true" - строка начинает движение только при наведении курсора
+				xml: false //Путь к xml файлу с нужным текстом
+			};
+			if (options) {
+				$.extend(p, options);
+			}
+
+			return this.each(function () {
+				var enterEvent = 'mouseenter';
+				var leaveEvent = 'mouseleave';
+				if(p.inverthover){
+					enterEvent = 'mouseleave';
+					leaveEvent = 'mouseenter';	
+				}
+				
+								
+				var
+					loop = p.loop,
+					strWrap = $(this).addClass('str_wrap').data({scrollamount:p.scrollamount}),
+					fMove = false;
+					
+				
+				
+				var strWrapStyle = strWrap.attr('style'); 
+				
+				if(strWrapStyle){
+					var wrapStyleArr = strWrapStyle.split(';');
+					var startHeight = false;
+					for(var i=0; i < wrapStyleArr.length; i++){
+						var str = $.trim(wrapStyleArr[i]);					
+						var tested =  str.search(/^height/g);
+						if(tested != -1){
+							startHeight = parseFloat(strWrap.css('height'));
+						}
+					}
+				}
+
+				var code = function () {
+					
+					strWrap.off('mouseleave');
+					strWrap.off('mouseenter');
+					strWrap.off('mousemove');
+					strWrap.off('mousedown');
+					strWrap.off('mouseup');
+
+					
+					if(!$('.str_move',strWrap).length){
+						strWrap.wrapInner($('<div>').addClass('str_move'));
+					}
+					
+					var
+					strMove = $('.str_move', strWrap).addClass('str_origin'),
+					strMoveClone = strMove.clone().removeClass('str_origin').addClass('str_move_clone'),
+					time = 0;
+
+					if (!p.hoverstop) {
+						strWrap.addClass('noStop');
+					}
+
+					var circCloneHor = function(){
+						strMoveClone.clone().css({
+							left:'100%',
+							right:'auto',							
+							width: strMove.width()
+						}).appendTo(strMove);
+						strMoveClone.css({
+							right: '100%',
+							left:'auto',
+							width: strMove.width()
+						}).appendTo(strMove);
+					}
+					
+					var circCloneVert = function(){
+						strMoveClone.clone().css({
+							top: '100%',
+							bottom:'auto',
+							height: strMove.height()
+						}).appendTo(strMove);
+						strMoveClone.css({
+							bottom: '100%',
+							top:'auto',
+							height:strMove.height()
+						}).appendTo(strMove);
+					}
+					
+					
+					
+					if (p.direction == 'left') {
+						strWrap.height(strMove.outerHeight())
+						if (strMove.width() > strWrap.width()) {
+							var leftPos = -strMove.width();
+							
+							if (p.circular) {
+								
+								if (!p.xml) {
+									circCloneHor()
+									leftPos = -(strMove.width() + (strMove.width() - strWrap.width()));
+								}
+							}
+							if (p.xml) {
+								strMove.css({
+									left:strWrap.width()	
+								})
+							}
+							var
+							strMoveLeft = strWrap.width(),
+								k1 = 0,
+								timeFunc1 = function () {
+									var
+									fullS = Math.abs(leftPos),
+										time = (fullS / strWrap.data('scrollamount')) * 1000;
+									if (parseFloat(strMove.css('left')) != 0) {
+										fullS = (fullS + strWrap.width());
+										time = (fullS - (strWrap.width() - parseFloat(strMove.css('left')))) / strWrap.data('scrollamount') * 1000;
+									}
+									return time;
+								},
+								moveFuncId1 = false,
+								moveFunc1 = function () {
+									if (loop != 0) {
+										strMove.stop(true).animate({
+											left: leftPos
+										}, timeFunc1(), 'linear', function () {
+											$(this).css({
+												left: strWrap.width()
+											});
+											if (loop == -1) {
+												moveFuncId1 = setTimeout(moveFunc1, p.scrolldelay);
+											} else {
+												loop--;
+												moveFuncId1 = setTimeout(moveFunc1, p.scrolldelay);
+											}
+										});
+									}
+								};
+								strWrap.data({
+									moveId: moveFuncId1	,
+									moveF : moveFunc1
+								})
+								if(!p.inverthover){
+									moveFunc1();
+								}
+							
+							if (p.hoverstop) {
+								strWrap.on(enterEvent, function () {
+									$(this).addClass('str_active');
+									clearTimeout(moveFuncId1);
+									strMove.stop(true);
+								}).on(leaveEvent, function () {
+									$(this).removeClass('str_active');
+									$(this).off('mousemove');
+									moveFunc1();
+								});
+
+								if (p.drag) {
+									strWrap.on('mousedown', function (e) {
+										if(p.inverthover){
+											strMove.stop(true);
+										}
+										//drag
+										var dragLeft;
+										var dir = 1;
+										var newX;
+										var oldX = e.clientX;
+										//drag
+										
+										strMoveLeft = strMove.position().left;
+										k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+										
+										
+										
+										$(this).on('mousemove', function (e) {
+											fMove = true;
+											
+											//drag
+											newX = e.clientX;
+											if(newX > oldX){
+												dir = 1
+											}else{
+												dir = -1
+											}
+											oldX = newX	
+											dragLeft = k1 + (e.clientX - strWrap.offset().left);
+											
+											if (!p.circular) {
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = strWrap.width();
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > strWrap.width() && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+											}else{
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = 0;
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > 0 && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+	
+											}
+											
+											
+											strMove.stop(true).css({
+												left: dragLeft
+											});
+											//drag
+											
+										
+											
+										}).on('mouseup', function () {
+											$(this).off('mousemove');
+											if(p.inverthover){
+												strMove.trigger('mouseenter')
+											}
+											setTimeout(function () {                             
+												fMove = false
+											}, 50)
+											
+										});
+										return false;
+									})
+									.on('click', function () {
+										if (fMove) {
+											return false
+										}
+									});
+								} else {
+									strWrap.addClass('no_drag');
+								};
+							}
+						} else {
+							if (p.runshort) {
+								strMove.css({
+									left: strWrap.width()
+								});
+								var
+								strMoveLeft = strWrap.width(),
+									k1 = 0,
+									timeFunc = function () {
+										time = (strMove.width() + strMove.position().left) / strWrap.data('scrollamount') * 1000;
+										return time;
+									};
+								var moveFunc = function () {
+									var leftPos = -strMove.width();
+									strMove.animate({
+										left: leftPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											left: strWrap.width()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										}
+									});
+								};
+								strWrap.data({
+									moveF : moveFunc
+								})
+								if(!p.inverthover){
+									moveFunc();
+								}
+								if (p.hoverstop) {
+									strWrap.on(enterEvent, function () {
+										$(this).addClass('str_active');
+										strMove.stop(true);
+									}).on(leaveEvent, function () {
+										$(this).removeClass('str_active');
+										$(this).off('mousemove');
+										moveFunc();
+									});
+
+									if (p.drag) {
+										strWrap.on('mousedown', function (e) {
+											if(p.inverthover){
+												strMove.stop(true);
+											}
+											
+											//drag
+											var dragLeft;
+											var dir = 1;
+											var newX;
+											var oldX = e.clientX;
+											//drag
+											
+											strMoveLeft = strMove.position().left;
+											k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+											$(this).on('mousemove', function (e) {
+												fMove = true;
+												
+												
+												//drag
+												newX = e.clientX;
+												if(newX > oldX){
+													dir = 1
+												}else{
+													dir = -1
+												}
+												oldX = newX	
+												dragLeft = k1 + (e.clientX - strWrap.offset().left);
+												
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = strWrap.width();
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > strWrap.width() && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												
+												
+												strMove.stop(true).css({
+													left: dragLeft
+												});
+												
+												
+												
+											}).on('mouseup', function () {
+												if(p.inverthover){
+													strMove.trigger('mouseenter')
+												}
+												$(this).off('mousemove');
+												setTimeout(function () {                             
+													fMove = false
+												}, 50)
+											});
+											return false;
+										})
+										.on('click', function () {
+											if (fMove) {
+												return false
+											}
+										});
+									} else {
+										strWrap.addClass('no_drag');
+									};
+								}
+							} else {
+								strWrap.addClass('str_static');
+							}
+						};
+					};
+					if (p.direction == 'right') {
+						strWrap.height(strMove.outerHeight())
+						strWrap.addClass('str_right');
+						strMove.css({
+							left: -strMove.width(),
+							right: 'auto'
+						})
+						
+						if (strMove.width() > strWrap.width()) {
+							var leftPos = strWrap.width();
+							strMove.css({
+								left: 0
+							})
+							if (p.circular) {
+								if (!p.xml) {
+									circCloneHor()
+									//Определяем крайнюю точку
+									leftPos = strMove.width();
+								}
+							}
+							
+							var
+							k2 = 0;
+							timeFunc = function () {
+								var
+								fullS = strWrap.width(), //крайняя точка
+									time = (fullS / strWrap.data('scrollamount')) * 1000; //время
+								if (parseFloat(strMove.css('left')) != 0) {
+									fullS = (strMove.width() + strWrap.width());
+									time = (fullS - (strMove.width() + parseFloat(strMove.css('left')))) / strWrap.data('scrollamount') * 1000;
+								}
+								return time;
+							};
+							var moveFunc = function () {
+
+								if (loop != 0) {
+									strMove.animate({
+										left: leftPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											left: -strMove.width()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+							};
+							strWrap.data({
+								moveF : moveFunc
+							})
+					
+							if(!p.inverthover){
+								moveFunc();
+							}
+							if (p.hoverstop) {
+								strWrap.on(enterEvent, function () {
+									$(this).addClass('str_active');
+									strMove.stop(true);
+								}).on(leaveEvent, function () {
+									$(this).removeClass('str_active');
+									$(this).off('mousemove');
+									moveFunc();
+								});
+
+								if (p.drag) {
+									
+									strWrap.on('mousedown', function (e) {
+										if(p.inverthover){
+											strMove.stop(true);
+										}
+										
+										
+										//drag
+										var dragLeft;
+										var dir = 1;
+										var newX;
+										var oldX = e.clientX;
+										//drag
+										
+										strMoveLeft = strMove.position().left;
+										k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+										$(this).on('mousemove', function (e) {
+											
+											fMove = true;
+											
+											//drag
+											newX = e.clientX;
+											if(newX > oldX){
+												dir = 1
+											}else{
+												dir = -1
+											}
+											oldX = newX	
+											dragLeft = k2 + (e.clientX - strWrap.offset().left);
+
+
+											if (!p.circular) {
+
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = strWrap.width();
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > strWrap.width() && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+											}else{
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = 0;
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > 0 && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+	
+											}
+											
+											strMove.stop(true).css({
+												left: dragLeft
+											});
+											
+
+										}).on('mouseup', function () {
+											if(p.inverthover){
+												strMove.trigger('mouseenter')
+											}
+											$(this).off('mousemove');
+											setTimeout(function () {                             
+												fMove = false
+											}, 50)
+										});
+										return false;
+									})
+									.on('click', function () {
+										if (fMove) {
+											return false
+										}
+									});
+								} else {
+									strWrap.addClass('no_drag');
+								};
+							}
+						} else {
+														
+							if (p.runshort) {
+								
+								var k2 = 0;
+								var timeFunc = function () {
+									time = (strWrap.width() - strMove.position().left) / strWrap.data('scrollamount') * 1000;
+									return time;
+								};
+								var moveFunc = function () {
+									var leftPos = strWrap.width();
+									strMove.animate({
+										left: leftPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											left: -strMove.width()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+
+								strWrap.data({
+									moveF : moveFunc
+								})
+
+								if(!p.inverthover){
+									moveFunc();
+								}
+								if (p.hoverstop) {
+									strWrap.on(enterEvent, function () {
+										$(this).addClass('str_active');
+										strMove.stop(true);
+									}).on(leaveEvent, function () {
+										$(this).removeClass('str_active');
+										$(this).off('mousemove');
+										moveFunc();
+									});
+
+									if (p.drag) {
+										strWrap.on('mousedown', function (e) {
+											if(p.inverthover){
+												strMove.stop(true);
+											}
+											
+											//drag
+											var dragLeft;
+											var dir = 1;
+											var newX;
+											var oldX = e.clientX;
+											//drag
+											
+											strMoveLeft = strMove.position().left;
+											k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+											$(this).on('mousemove', function (e) {
+												fMove = true;
+												
+												
+												
+												//drag
+												newX = e.clientX;
+												if(newX > oldX){
+													dir = 1
+												}else{
+													dir = -1
+												}
+												oldX = newX	
+												dragLeft = k2 + (e.clientX - strWrap.offset().left);
+												
+												if(dragLeft < -strMove.width() && dir < 0){
+													dragLeft = strWrap.width();
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+												if(dragLeft > strWrap.width() && dir > 0){
+													dragLeft = -strMove.width();
+													strMoveLeft = strMove.position().left;
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
+												}
+
+												strMove.stop(true).css({
+													left:dragLeft
+												});
+												
+											}).on('mouseup', function () {
+												if(p.inverthover){
+													strMove.trigger('mouseenter')
+												}
+												$(this).off('mousemove');
+												setTimeout(function () {                             
+													fMove = false
+												}, 50)
+											});
+											return false;
+										})
+										.on('click', function () {
+											if (fMove) {
+												return false
+											}
+										});
+									} else {
+										strWrap.addClass('no_drag');
+									};
+								}
+							} else {
+								strWrap.addClass('str_static');
+							}
+						};
+					};
+					if (p.direction == 'up') {
+						strWrap.addClass('str_vertical');
+						
+						if (strMove.height() > strWrap.height()) {
+							var topPos = -strMove.height();
+							if (p.circular) {
+								if (!p.xml) {
+									circCloneVert();									
+									topPos = -(strMove.height() + (strMove.height() - strWrap.height()));
+								}
+							}
+							if (p.xml) {
+								strMove.css({
+									top:strWrap.height()	
+								})
+							}
+							var
+							k2 = 0;
+							timeFunc = function () {
+								var
+								fullS = Math.abs(topPos),
+									time = (fullS / strWrap.data('scrollamount')) * 1000;
+								if (parseFloat(strMove.css('top')) != 0) {
+									fullS = (fullS + strWrap.height());
+									time = (fullS - (strWrap.height() - parseFloat(strMove.css('top')))) / strWrap.data('scrollamount') * 1000;
+								}
+								
+								return time;
+							};
+							var moveFunc = function () {
+								if (loop != 0) {
+									strMove.animate({
+										top: topPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											top: strWrap.height()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+							};
+							
+							strWrap.data({
+								moveF : moveFunc
+							})
+							
+							if(!p.inverthover){
+								moveFunc();
+							}
+							if (p.hoverstop) {
+								strWrap.on(enterEvent, function () {
+									$(this).addClass('str_active');
+									strMove.stop(true);
+								}).on(leaveEvent, function () {
+									$(this).removeClass('str_active');
+									$(this).off('mousemove');
+									moveFunc();
+								});
+
+								if (p.drag) {
+									strWrap.on('mousedown', function (e) {
+										if(p.inverthover){
+											strMove.stop(true);
+										}
+										
+										//drag
+										var dragTop;
+										var dir = 1;
+										var newY;
+										var oldY = e.clientY;
+										//drag
+										
+										
+										strMoveTop = strMove.position().top;
+										k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+										$(this).on('mousemove', function (e) {
+											
+											fMove = true;
+
+											//drag
+											newY = e.clientY;
+											if(newY > oldY){
+												dir = 1
+											}else{
+												if(newY < oldY){
+													dir = -1
+												}
+											}
+											oldY = newY	
+											dragTop = k2 + e.clientY - strWrap.offset().top;
+
+
+											if (!p.circular){
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = strWrap.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > strWrap.height() && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}	
+											}else{
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = 0;
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > 0 && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+											}
+
+
+											strMove.stop(true).css({
+												top: dragTop
+											});
+											//drag
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+										}).on('mouseup', function () {
+											if(p.inverthover){
+												strMove.trigger('mouseenter')
+											}
+											$(this).off('mousemove');
+											setTimeout(function () {                             
+												fMove = false
+											}, 50)
+										});
+										return false;
+									})
+									.on('click', function () {
+										if (fMove) {
+											return false
+										}
+									});
+								} else {
+									strWrap.addClass('no_drag');
+								};
+							}
+						} else {
+							if (p.runshort) {
+								strMove.css({
+									top: strWrap.height()
+								});
+								var k2 = 0;
+								var timeFunc = function () {
+									
+									time = (strMove.height() + strMove.position().top) / strWrap.data('scrollamount') * 1000;
+									
+									return time;
+								};
+								var moveFunc = function () {
+									var topPos = -strMove.height();
+									strMove.animate({
+										top: topPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											top: strWrap.height()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+								strWrap.data({
+									moveF : moveFunc
+								})
+								if(!p.inverthover){
+									moveFunc();
+								}
+								if (p.hoverstop) {
+									strWrap.on(enterEvent, function () {
+										$(this).addClass('str_active');
+										strMove.stop(true);
+									}).on(leaveEvent, function () {
+										$(this).removeClass('str_active');
+										$(this).off('mousemove');
+										moveFunc();
+									});
+
+									if (p.drag) {
+										strWrap.on('mousedown', function (e) {
+											if(p.inverthover){
+												strMove.stop(true);
+											}
+											
+											//drag
+											var dragTop;
+											var dir = 1;
+											var newY;
+											var oldY = e.clientY;
+											//drag
+											
+											strMoveTop = strMove.position().top;
+											k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+											$(this).on('mousemove', function (e) {
+												
+												
+												fMove = true;
+
+												//drag
+												newY = e.clientY;
+												if(newY > oldY){
+													dir = 1
+												}else{
+													if(newY < oldY){
+														dir = -1
+													}
+												}
+												oldY = newY	
+												dragTop = k2 + e.clientY - strWrap.offset().top;
+												
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = strWrap.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > strWrap.height() && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}	
+												//*drag
+												
+												strMove.stop(true).css({
+													top: dragTop
+												});
+												
+												
+											}).on('mouseup', function () {
+												if(p.inverthover){
+													strMove.trigger('mouseenter')
+												}
+												$(this).off('mousemove');
+												setTimeout(function () {                             
+													fMove = false
+												}, 50)
+											});
+											return false;
+										})
+										.on('click', function () {
+											if (fMove) {
+												return false
+											}
+										});
+									} else {
+										strWrap.addClass('no_drag');
+									};
+								}
+							} else {
+								strWrap.addClass('str_static');
+							}
+						};
+					};
+					if (p.direction == 'down') {
+
+						strWrap.addClass('str_vertical').addClass('str_down');
+						strMove.css({
+							top: -strMove.height(),
+							bottom: 'auto'
+						})
+						if (strMove.height() > strWrap.height()) {
+							var topPos = strWrap.height();
+							if (p.circular) {
+								if (!p.xml) {
+									circCloneVert();									
+									topPos = strMove.height();
+								}
+							}
+							if (p.xml) {
+								strMove.css({
+									top:-strMove.height()
+								})
+							}
+							var
+							k2 = 0;
+							timeFunc = function () {
+								var
+								fullS = strWrap.height(), //крайняя точка
+									time = (fullS / strWrap.data('scrollamount')) * 1000; //время
+
+								if (parseFloat(strMove.css('top')) != 0) {
+									fullS = (strMove.height() + strWrap.height());
+									time = (fullS - (strMove.height() + parseFloat(strMove.css('top')))) / strWrap.data('scrollamount') * 1000;
+								}
+								return time;
+							};
+							var moveFunc = function () {
+
+								if (loop != 0) {
+									strMove.animate({
+										top: topPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											top: -strMove.height()
+										});
+										if (loop == -1) {
+
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+							};
+							strWrap.data({
+								moveF : moveFunc
+							})
+							if(!p.inverthover){
+								moveFunc();
+							}
+							if (p.hoverstop) {
+								strWrap.on(enterEvent, function () {
+									$(this).addClass('str_active');
+									strMove.stop(true);
+								}).on(leaveEvent, function () {
+									$(this).removeClass('str_active');
+									$(this).off('mousemove');
+									moveFunc();
+								});
+
+								if (p.drag) {
+									strWrap.on('mousedown', function (e) {
+										if(p.inverthover){
+											strMove.stop(true);
+										}
+										
+										//drag
+										var dragTop;
+										var dir = 1;
+										var newY;
+										var oldY = e.clientY;
+										//drag
+										
+										
+										strMoveTop = strMove.position().top;
+										k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+										$(this).on('mousemove', function (e) {
+											
+											fMove = true;
+											
+											//drag
+											newY = e.clientY;
+											if(newY > oldY){
+												dir = 1
+											}else{
+												if(newY < oldY){
+													dir = -1
+												}
+											}
+											oldY = newY	
+											dragTop = k2 + e.clientY - strWrap.offset().top;
+
+
+											if (!p.circular){
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = strWrap.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > strWrap.height() && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}	
+											}else{
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = 0;
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > 0 && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+											}
+
+
+											strMove.stop(true).css({
+												top: dragTop
+											});
+											//drag
+
+
+
+										}).on('mouseup', function () {
+											if(p.inverthover){
+												strMove.trigger('mouseenter')
+											}
+											$(this).off('mousemove');
+											setTimeout(function () {                             
+												fMove = false
+											}, 50)
+										});
+										return false;
+									})
+									.on('click', function () {
+										if (fMove) {
+											return false
+										}
+									});
+								} else {
+									strWrap.addClass('no_drag');
+								};
+							}
+						} else {
+							if (p.runshort) {
+								var k2 = 0;
+								var timeFunc = function () {
+									time = (strWrap.height() - strMove.position().top) / strWrap.data('scrollamount') * 1000;
+									return time;
+								};
+								var moveFunc = function () {
+									var topPos = strWrap.height();
+									strMove.animate({
+										top: topPos
+									}, timeFunc(), 'linear', function () {
+										$(this).css({
+											top: -strMove.height()
+										});
+										if (loop == -1) {
+											setTimeout(moveFunc, p.scrolldelay);
+										} else {
+											loop--;
+											setTimeout(moveFunc, p.scrolldelay);
+										};
+									});
+								};
+								strWrap.data({
+									moveF : moveFunc
+								})
+								if(!p.inverthover){
+									moveFunc();
+								}
+								if (p.hoverstop) {
+									strWrap.on(enterEvent, function () {
+										$(this).addClass('str_active');
+										strMove.stop(true);
+									}).on(leaveEvent, function () {
+										$(this).removeClass('str_active');
+										$(this).off('mousemove');
+										moveFunc();
+									});
+
+									if (p.drag) {
+										strWrap.on('mousedown', function (e) {
+											if(p.inverthover){
+												strMove.stop(true);
+											}
+											
+											//drag
+											var dragTop;
+											var dir = 1;
+											var newY;
+											var oldY = e.clientY;
+											//drag
+											
+											strMoveTop = strMove.position().top;
+											k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+											$(this).on('mousemove', function (e) {
+												fMove = true;
+
+												//drag
+												newY = e.clientY;
+												if(newY > oldY){
+													dir = 1
+												}else{
+													if(newY < oldY){
+														dir = -1
+													}
+												}
+												oldY = newY	
+												dragTop = k2 + e.clientY - strWrap.offset().top;
+	
+	
+												if(dragTop < -strMove.height() && dir < 0){
+													dragTop = strWrap.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}
+												if(dragTop > strWrap.height() && dir > 0){
+													dragTop = -strMove.height();
+													strMoveTop = strMove.position().top;
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
+												}	
+												//*drag
+												
+												strMove.stop(true).css({
+													top: dragTop
+												});
+												
+												
+												
+												
+												
+												
+												
+												
+											}).on('mouseup', function () {
+												if(p.inverthover){
+													strMove.trigger('mouseenter')
+												}
+												$(this).off('mousemove');
+												setTimeout(function () {                             
+													fMove = false
+												}, 50)
+											})
+											return false;
+										})
+										.on('click', function () {
+											if (fMove) {
+												return false
+											}
+										});
+									} else {
+										strWrap.addClass('no_drag');
+									};
+								}
+							} else {
+								strWrap.addClass('str_static');
+							}
+						};
+					};
+					
+					
+					
+					
+				}
+				if (p.xml) {
+					$.ajax({
+						url: p.xml,
+						dataType: "xml",
+						success: function (xml) {
+							var xmlTextEl = $(xml).find('text');
+							var xmlTextLength = xmlTextEl.length;
+							for(var i = 0; i < xmlTextLength; i++){
+								var xmlElActive = xmlTextEl.eq(i);
+								var xmlElContent = xmlElActive.text();
+								var xmlItemEl = $('<span>').text(xmlElContent).appendTo(strWrap);
+								
+								if(p.direction == 'left' || p.direction == 'right'){
+									xmlItemEl.css({display:'inline-block',textAlign:'right'});	
+									if(i > 0){
+										xmlItemEl.css({width:strWrap.width()+xmlItemEl.width()});	
+									}
+								}
+								if(p.direction == 'down' || p.direction == 'up'){
+									xmlItemEl.css({display:'block',textAlign:'left'});	
+										if(i > 0){
+											xmlItemEl.css({paddingTop:strWrap.height()});
+										}
+								}
+								
+							}
+							code();
+						}
+					});
+				} else {
+					code();
+				}
+				strWrap.data({
+					ini:code,
+					startheight: startHeight	
+				})
+				
+				
+				
+				
+			});
+		},
+		update: function () {
+			var el = $(this);
+			var str_origin = $('.str_origin',el);
+			var str_move_clone = $('.str_move_clone',el);
+			str_origin.stop(true);
+			str_move_clone.remove();
+			el.data('ini')();
+		},
+		destroy: function () {
+			
+			var el = $(this);
+			var elMove = $('.str_move',el);
+			var startHeight = el.data('startheight');
+			
+			$('.str_move_clone',el).remove();
+			el.off('mouseenter');
+			el.off('mousedown');
+			el.off('mouseup');
+			el.off('mouseleave');
+			el.off('mousemove');
+			el.removeClass('noStop').removeClass('str_vertical').removeClass('str_active').removeClass('no_drag').removeClass('str_static').removeClass('str_right').removeClass('str_down');
+			
+			var elStyle = el.attr('style'); 
+			if(elStyle){
+				var styleArr = elStyle.split(';');
+				for(var i=0; i < styleArr.length; i++){
+					var str = $.trim(styleArr[i]);
+					var tested =  str.search(/^height/g);
+					if(tested != -1){
+						styleArr[i] = '';	
+					}
+				}
+				var newArr = styleArr.join(';');
+				var newStyle =  newArr.replace(/;+/g,';')
+			
+				if(newStyle == ';'){
+					el.removeAttr('style');	
+				}else{
+					el.attr('style',newStyle);	
+				}
+				
+				if(startHeight){
+					el.css({height:startHeight})	
+				}
+			}
+			elMove.stop(true);
+
+			if(elMove.length){
+				var context = elMove.html();
+				elMove.remove();
+				el.html(context);
+			}
+	
+		},
+		pause: function(){	
+			var el = $(this);
+			var elMove = $('.str_move',el);
+			elMove.stop(true);
+		}, 
+		play: function(){
+			var el = $(this);
+			$(this).off('mousemove');
+			el.data('moveF')();	
+		}
+		
+	};
+	$.fn.liMarquee = function (method) {
+		if (methods[method]) {
+			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+		} else if (typeof method === 'object' || !method) {
+			return methods.init.apply(this, arguments);
+		} else {
+			$.error('Метод ' + method + ' в jQuery.liMarquee не существует');
+		}
+	};
+})(jQuery);
\ No newline at end of file

js/wow.js

+(function() {
+  var MutationObserver, Util, WeakMap, getComputedStyle, getComputedStyleRX,
+    bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
+    indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  Util = (function() {
+    function Util() {}
+
+    Util.prototype.extend = function(custom, defaults) {
+      var key, value;
+      for (key in defaults) {
+        value = defaults[key];
+        if (custom[key] == null) {
+          custom[key] = value;
+        }
+      }
+      return custom;
+    };
+
+    Util.prototype.isMobile = function(agent) {
+      return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent);
+    };
+
+    Util.prototype.createEvent = function(event, bubble, cancel, detail) {
+      var customEvent;
+      if (bubble == null) {
+        bubble = false;
+      }
+      if (cancel == null) {
+        cancel = false;
+      }
+      if (detail == null) {
+        detail = null;
+      }
+      if (document.createEvent != null) {
+        customEvent = document.createEvent('CustomEvent');
+        customEvent.initCustomEvent(event, bubble, cancel, detail);
+      } else if (document.createEventObject != null) {
+        customEvent = document.createEventObject();
+        customEvent.eventType = event;
+      } else {
+        customEvent.eventName = event;
+      }
+      return customEvent;
+    };
+
+    Util.prototype.emitEvent = function(elem, event) {
+      if (elem.dispatchEvent != null) {
+        return elem.dispatchEvent(event);
+      } else if (event in (elem != null)) {
+        return elem[event]();
+      } else if (("on" + event) in (elem != null)) {
+        return elem["on" + event]();
+      }
+    };
+
+    Util.prototype.addEvent = function(elem, event, fn) {
+      if (elem.addEventListener != null) {
+        return elem.addEventListener(event, fn, false);
+      } else if (elem.attachEvent != null) {
+        return elem.attachEvent("on" + event, fn);
+      } else {
+        return elem[event] = fn;
+      }
+    };
+
+    Util.prototype.removeEvent = function(elem, event, fn) {
+      if (elem.removeEventListener != null) {
+        return elem.removeEventListener(event, fn, false);
+      } else if (elem.detachEvent != null) {
+        return elem.detachEvent("on" + event, fn);
+      } else {
+        return delete elem[event];
+      }
+    };
+
+    Util.prototype.innerHeight = function() {
+      if ('innerHeight' in window) {
+        return window.innerHeight;
+      } else {
+        return document.documentElement.clientHeight;
+      }
+    };
+
+    return Util;
+
+  })();
+
+  WeakMap = this.WeakMap || this.MozWeakMap || (WeakMap = (function() {
+    function WeakMap() {
+      this.keys = [];
+      this.values = [];
+    }
+
+    WeakMap.prototype.get = function(key) {
+      var i, item, j, len, ref;
+      ref = this.keys;
+      for (i = j = 0, len = ref.length; j < len; i = ++j) {
+        item = ref[i];
+        if (item === key) {
+          return this.values[i];
+        }
+      }
+    };
+
+    WeakMap.prototype.set = function(key, value) {
+      var i, item, j, len, ref;
+      ref = this.keys;
+      for (i = j = 0, len = ref.length; j < len; i = ++j) {
+        item = ref[i];
+        if (item === key) {
+          this.values[i] = value;
+          return;
+        }
+      }
+      this.keys.push(key);
+      return this.values.push(value);
+    };
+
+    return WeakMap;
+
+  })());
+
+  MutationObserver = this.MutationObserver || this.WebkitMutationObserver || this.MozMutationObserver || (MutationObserver = (function() {
+    function MutationObserver() {
+      if (typeof console !== "undefined" && console !== null) {
+        console.warn('MutationObserver is not supported by your browser.');
+      }
+      if (typeof console !== "undefined" && console !== null) {
+        console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
+      }
+    }
+
+    MutationObserver.notSupported = true;
+
+    MutationObserver.prototype.observe = function() {};
+
+    return MutationObserver;
+
+  })());
+
+  getComputedStyle = this.getComputedStyle || function(el, pseudo) {
+    this.getPropertyValue = function(prop) {
+      var ref;
+      if (prop === 'float') {
+        prop = 'styleFloat';
+      }
+      if (getComputedStyleRX.test(prop)) {
+        prop.replace(getComputedStyleRX, function(_, _char) {
+          return _char.toUpperCase();
+        });
+      }
+      return ((ref = el.currentStyle) != null ? ref[prop] : void 0) || null;
+    };
+    return this;
+  };
+
+  getComputedStyleRX = /(\-([a-z]){1})/g;
+
+  this.WOW = (function() {
+    WOW.prototype.defaults = {
+      boxClass: 'wow',
+      animateClass: 'animated',
+      offset: 0,
+      mobile: true,
+      live: true,
+      callback: null,
+      scrollContainer: null
+    };
+
+    function WOW(options) {
+      if (options == null) {
+        options = {};
+      }
+      this.scrollCallback = bind(this.scrollCallback, this);
+      this.scrollHandler = bind(this.scrollHandler, this);
+      this.resetAnimation = bind(this.resetAnimation, this);
+      this.start = bind(this.start, this);
+      this.scrolled = true;
+      this.config = this.util().extend(options, this.defaults);
+      if (options.scrollContainer != null) {
+        this.config.scrollContainer = document.querySelector(options.scrollContainer);
+      }
+      this.animationNameCache = new WeakMap();
+      this.wowEvent = this.util().createEvent(this.config.boxClass);
+    }
+
+    WOW.prototype.init = function() {
+      var ref;
+      this.element = window.document.documentElement;
+      if ((ref = document.readyState) === "interactive" || ref === "complete") {
+        this.start();
+      } else {
+        this.util().addEvent(document, 'DOMContentLoaded', this.start);
+      }
+      return this.finished = [];
+    };
+
+    WOW.prototype.start = function() {
+      var box, j, len, ref;
+      this.stopped = false;
+      this.boxes = (function() {
+        var j, len, ref, results;
+        ref = this.element.querySelectorAll("." + this.config.boxClass);
+        results = [];
+        for (j = 0, len = ref.length; j < len; j++) {
+          box = ref[j];
+          results.push(box);
+        }
+        return results;
+      }).call(this);
+      this.all = (function() {
+        var j, len, ref, results;
+        ref = this.boxes;
+        results = [];
+        for (j = 0, len = ref.length; j < len; j++) {
+          box = ref[j];
+          results.push(box);
+        }
+        return results;
+      }).call(this);
+      if (this.boxes.length) {
+        if (this.disabled()) {
+          this.resetStyle();
+        } else {
+          ref = this.boxes;
+          for (j = 0, len = ref.length; j < len; j++) {
+            box = ref[j];
+            this.applyStyle(box, true);
+          }
+        }
+      }
+      if (!this.disabled()) {
+        this.util().addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
+        this.util().addEvent(window, 'resize', this.scrollHandler);
+        // this.interval = setInterval(this.scrollCallback, 50);
+      }
+      if (this.config.live) {
+        return new MutationObserver((function(_this) {
+          return function(records) {
+            var k, len1, node, record, results;
+            results = [];
+            for (k = 0, len1 = records.length; k < len1; k++) {
+              record = records[k];
+              results.push((function() {
+                var l, len2, ref1, results1;
+                ref1 = record.addedNodes || [];
+                results1 = [];
+                for (l = 0, len2 = ref1.length; l < len2; l++) {
+                  node = ref1[l];
+                  results1.push(this.doSync(node));
+                }
+                return results1;
+              }).call(_this));
+            }
+            return results;
+          };
+        })(this)).observe(document.body, {
+          childList: true,
+          subtree: true
+        });
+      }
+    };
+
+    WOW.prototype.stop = function() {
+      this.stopped = true;
+      this.util().removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
+      this.util().removeEvent(window, 'resize', this.scrollHandler);
+      if (this.interval != null) {
+        return clearInterval(this.interval);
+      }
+    };
+
+    WOW.prototype.sync = function(element) {
+      if (MutationObserver.notSupported) {
+        return this.doSync(this.element);
+      }
+    };
+
+    WOW.prototype.doSync = function(element) {
+      var box, j, len, ref, results;
+      if (element == null) {
+        element = this.element;
+      }
+      if (element.nodeType !== 1) {
+        return;
+      }
+      element = element.parentNode || element;
+      ref = element.querySelectorAll("." + this.config.boxClass);
+      results = [];
+      for (j = 0, len = ref.length; j < len; j++) {
+        box = ref[j];
+        if (indexOf.call(this.all, box) < 0) {
+          this.boxes.push(box);
+          this.all.push(box);
+          if (this.stopped || this.disabled()) {
+            this.resetStyle();
+          } else {
+            this.applyStyle(box, true);
+          }
+          results.push(this.scrolled = true);
+        } else {
+          results.push(void 0);
+        }
+      }
+      return results;
+    };
+
+    WOW.prototype.show = function(box) {
+      this.applyStyle(box);
+      box.className = box.className + " " + this.config.animateClass;
+      if (this.config.callback != null) {
+        this.config.callback(box);
+      }
+      this.util().emitEvent(box, this.wowEvent);
+      this.util().addEvent(box, 'animationend', this.resetAnimation);
+      this.util().addEvent(box, 'oanimationend', this.resetAnimation);
+      this.util().addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
+      this.util().addEvent(box, 'MSAnimationEnd', this.resetAnimation);
+      return box;
+    };
+
+    WOW.prototype.applyStyle = function(box, hidden) {
+      var delay, duration, iteration;
+      duration = box.getAttribute('data-wow-duration');
+      delay = box.getAttribute('data-wow-delay');
+      iteration = box.getAttribute('data-wow-iteration');
+      return this.animate((function(_this) {
+        return function() {
+          return _this.customStyle(box, hidden, duration, delay, iteration);
+        };
+      })(this));
+    };
+
+    WOW.prototype.animate = (function() {
+      if ('requestAnimationFrame' in window) {
+        return function(callback) {
+          return window.requestAnimationFrame(callback);
+        };
+      } else {
+        return function(callback) {
+          return callback();
+        };
+      }
+    })();
+
+    WOW.prototype.resetStyle = function() {
+      var box, j, len, ref, results;
+      ref = this.boxes;
+      results = [];
+      for (j = 0, len = ref.length; j < len; j++) {
+        box = ref[j];
+        results.push(box.style.visibility = 'visible');
+      }
+      return results;
+    };
+
+    WOW.prototype.resetAnimation = function(event) {
+      var target;
+      if (event.type.toLowerCase().indexOf('animationend') >= 0) {
+        target = event.target || event.srcElement;
+        return target.className = target.className.replace(this.config.animateClass, '').trim();
+      }
+    };
+
+    WOW.prototype.customStyle = function(box, hidden, duration, delay, iteration) {
+      if (hidden) {
+        this.cacheAnimationName(box);
+      }
+      box.style.visibility = hidden ? 'visible' : 'visible';
+      if (duration) {
+        this.vendorSet(box.style, {
+          animationDuration: duration
+        });
+      }
+      if (delay) {
+        this.vendorSet(box.style, {
+          animationDelay: delay
+        });
+      }
+      if (iteration) {
+        this.vendorSet(box.style, {
+          animationIterationCount: iteration
+        });
+      }
+      this.vendorSet(box.style, {
+        animationName: hidden ? 'none' : this.cachedAnimationName(box)
+      });
+      return box;
+    };
+
+    WOW.prototype.vendors = ["moz", "webkit"];
+
+    WOW.prototype.vendorSet = function(elem, properties) {
+      var name, results, value, vendor;
+      results = [];
+      for (name in properties) {
+        value = properties[name];
+        elem["" + name] = value;
+        results.push((function() {
+          var j, len, ref, results1;
+          ref = this.vendors;
+          results1 = [];
+          for (j = 0, len = ref.length; j < len; j++) {
+            vendor = ref[j];
+            results1.push(elem["" + vendor + (name.charAt(0).toUpperCase()) + (name.substr(1))] = value);
+          }
+          return results1;
+        }).call(this));
+      }
+      return results;
+    };
+
+    WOW.prototype.vendorCSS = function(elem, property) {
+      var j, len, ref, result, style, vendor;
+      style = getComputedStyle(elem);
+      result = style.getPropertyCSSValue(property);
+      ref = this.vendors;
+      for (j = 0, len = ref.length; j < len; j++) {
+        vendor = ref[j];
+        result = result || style.getPropertyCSSValue("-" + vendor + "-" + property);
+      }
+      return result;
+    };
+
+    WOW.prototype.animationName = function(box) {
+      var animationName, error;
+      try {
+        animationName = this.vendorCSS(box, 'animation-name').cssText;
+      } catch (error) {
+        animationName = getComputedStyle(box).getPropertyValue('animation-name');
+      }
+      if (animationName === 'none') {
+        return '';
+      } else {
+        return animationName;
+      }
+    };
+
+    WOW.prototype.cacheAnimationName = function(box) {
+      return this.animationNameCache.set(box, this.animationName(box));
+    };
+
+    WOW.prototype.cachedAnimationName = function(box) {
+      return this.animationNameCache.get(box);
+    };
+
+    WOW.prototype.scrollHandler = function() {
+      return this.scrolled = true;
+    };
+
+    WOW.prototype.scrollCallback = function() {
+      var box;
+      if (this.scrolled) {
+        this.scrolled = false;
+        this.boxes = (function() {
+          var j, len, ref, results;
+          ref = this.boxes;
+          results = [];
+          for (j = 0, len = ref.length; j < len; j++) {
+            box = ref[j];
+            if (!(box)) {
+              continue;
+            }
+            if (this.isVisible(box)) {
+              this.show(box);
+              continue;
+            }
+            results.push(box);
+          }
+          return results;
+        }).call(this);
+        if (!(this.boxes.length || this.config.live)) {
+          return this.stop();
+        }
+      }
+    };
+
+    WOW.prototype.offsetTop = function(element) {
+      var top;
+      while (element.offsetTop === void 0) {
+        element = element.parentNode;
+      }
+      top = element.offsetTop;
+      while (element = element.offsetParent) {
+        top += element.offsetTop;
+      }
+      return top;
+    };
+
+    WOW.prototype.isVisible = function(box) {
+      var bottom, offset, top, viewBottom, viewTop;
+      offset = box.getAttribute('data-wow-offset') || this.config.offset;
+      viewTop = (this.config.scrollContainer && this.config.scrollContainer.scrollTop) || window.pageYOffset;
+      viewBottom = viewTop + Math.min(this.element.clientHeight, this.util().innerHeight()) - offset;
+      top = this.offsetTop(box);
+      bottom = top + box.clientHeight;
+      return top <= viewBottom && bottom >= viewTop;
+    };
+
+    WOW.prototype.util = function() {
+      return this._util != null ? this._util : this._util = new Util();
+    };
+
+    WOW.prototype.disabled = function() {
+      return !this.config.mobile && this.util().isMobile(navigator.userAgent);
+    };
+
+    return WOW;
+
+  })();
+
+}).call(this);

logistics.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>物流预警监控看板</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/logistics.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script>new WOW().init();</script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<div class="toptime"></div>
+				<div class="logo"><b><img src="img/logo.png">物流预警监控看板</b></div>
+			</div>
+		</div>
+	</div>
+	
+	<a href="factory.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a>
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+
+			<div class="main_t wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s">
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/logistics/t1.png"></div>
+					<div class="ibox_m">
+
+						<div class="itable_box1">
+							<div class="itable">
+								<div class="itable_t">
+									<ul>
+										<li><span>序号</span></li>
+										<li><span>物料编码</span></li>
+										<li><span>物料名称</span></li>
+										<li><span>需求数量</span></li>
+										<li><span>拉动单号</span></li>
+										<li><span>逾期时长</span></li>
+									</ul>
+								</div>
+								<div class="itable_con">
+									<div class="itable_m">
+										<ul>
+											<li><span>1</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>2</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>3</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>4</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>5</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>6</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>7</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>8</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>9</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+										<ul>
+											<li><span>10</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>12110220011</span></li>
+											<li><span>2：30</span></li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+
+					</div>
+				</div>
+
+				<div class="ibox ibox2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/logistics/t2.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_1_box">
+							<div id="icharts_1" class="icharts_1"></div>
+							<div class="icharts_1_t"><img src="img/logistics/t5.png"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/logistics/t3.png"></div>
+					<div class="ibox_m">
+
+						<div class="itable_box2">
+							<div class="itable">
+								<div class="itable_t">
+									<ul>
+										<li><span>序号</span></li>
+										<li><span>物料编码</span></li>
+										<li><span>物料名称</span></li>
+										<li><span>可用</span></li>
+										<li><span>需求时间</span></li>
+										<li><span>拉动状态</span></li>
+									</ul>
+								</div>
+								<div class="itable_con">
+									<div class="itable_m">
+										<ul>
+											<li><span>1</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>2</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>3</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>4</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>5</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>6</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>7</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>8</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>9</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+										<ul>
+											<li><span>10</span></li>
+											<li><span>3502108XPW01A</span></li>
+											<li><span>前悬架左下控制臂焊接总成</span></li>
+											<li><span>25</span></li>
+											<li><span>14:20</span></li>
+											<li><span>备料配料中</span></li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+						
+					</div>
+				</div>
+				
+
+			</div>
+			
+			<div class="main_f wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
+
+				<div class="ibox ibox4">
+					<div class="ibox_t"><img src="img/logistics/t4.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_2_box">
+							<div id="icharts_2" class="icharts_2"></div>
+						</div>
+					</div>
+				</div>
+				
+			</div>
+
+		</div>
+
+	</div>
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+<!-- 仪表盘1 开始-->
+<script type="text/javascript">
+	var myChart1 = echarts.init(document.getElementById('icharts_1'));
+	var data1y = [];
+
+	var option1 = {
+		animationDelay: 1500,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+        type: 'gauge',
+				center: ['50%', '56%'] ,
+				radius: '83%',
+        axisLine: { lineStyle: { width: 30, opacity: 0.1} },
+				progress: { show: true, width: 30, itemStyle: { color: '#48c5ff' }},
+        axisTick: { show:false},
+        splitLine: {
+					distance: 10,
+					length: 20,
+					lineStyle: {
+						color: '#2677a8',
+						width: 2
+					}
+        },
+        axisLabel: {
+					color: '#48c5ff',
+					distance: 35,
+					fontSize: 18,
+					fontFamily: 'DIN-Medium'
+        },
+        pointer: {
+					length: '74%',
+					width: 10,
+					itemStyle: {
+						color: '#48c5ff'
+					}
+        },
+				detail: {
+					valueAnimation: true,
+					formatter: '{value}',
+					color: '#48c5ff',
+					fontWeight: 'bold' ,
+					fontFamily: 'DIN-Medium' ,
+					fontSize: 80,
+				},
+        data: [{
+          value: 0
+        }]
+			}
+		]
+	};
+</script>
+<!-- 仪表盘1 结束-->
+
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart2 = echarts.init(document.getElementById('icharts_2'));
+	var data2x = [];
+	var data2y = [];
+	var option2 = {
+		grid: {
+			left: 30,
+			right: 30,
+			top: 30,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' }, z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data2x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [0, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#00a8e6' },
+				data: data2y
+			},
+			{
+				type: 'bar',
+				z: 12,
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#00e7ff' }, { offset: 1, color: 'rgba(0,146,255,0.05)' }])},
+				label:{ show: true, position: "top", distance: 15, fontSize: 20, color: '#3cd1ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				emphasis:{
+					label:{ color: '#f1e06e' },
+				},
+				barWidth: 30,
+				data: data2y
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<script>
+$(document).ready(function() {
+
+	/*仓库库存预警 更新数据*/
+	var data1y = 41;
+	option1.series[0].data[0].value = data1y;
+	myChart1.setOption(option1, true);
+		
+		
+	/*供应商不合格次数TOP（月） 更新数据*/
+	var data2x = ['供应商01', '供应商02', '供应商03', '供应商04', '供应商05', '供应商06', '供应商07', '供应商08', '供应商09', '供应商10', '供应商11', '供应商12', '供应商13', '供应商14', '供应商15'];
+	var data2y = [82, 120, 90, 123, 75, 83, 82, 120, 90, 123, 75, 83, 82, 120, 90];
+
+	option2.xAxis.data = data2x;
+	option2.series[0].data = data2y;
+	option2.series[1].data = data2y;
+	myChart2.setOption(option2, true);
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file

page1.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>看板</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
+
+<link rel="stylesheet" type="text/css" href="css/page1.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script type="text/javascript" src="js/jquery.liMarquee.js"></script>
+
+<script type="text/javascript" src="js/page1.js"></script>
+
+<script>new WOW().init();</script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<!-- <div class="top-position-box">
+					<span>物流经理: </span>
+					<span>李某某</span>
+				</div> -->
+				<div class="toptime"></div>
+				<div class="logo">
+					<b>
+						<!-- <img src="img/logo.png"> -->
+						目视化信息系统
+					</b>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<!-- <a href="factory.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a> -->
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+	
+
+			<div class="box-right-container box-echarts-body-index1">
+				<div class="main_t ul-index1">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">当前车型</span>
+					</div>
+					<div class="ibox_m">
+						<p class="text-11">AS22</p>
+						<P class="text-22">TPS:0010772</P>
+						<P class="text-33">左驾无天窗(GCC中东/伊朗/智利/南美)</P>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index2">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">下一车型</span>
+					</div>
+					<div class="ibox_m">
+						<p class="text-11">AS22H</p>
+						<P class="text-22">TPS:0010773</P>
+						<P class="text-33">国六左驾无天窗手动尾门行李架无鲨</P>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index3">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">产线状态</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="ul-list-11">
+							<li class="color1">自动</li>
+							<li>输送</li>
+							<li>上料</li>
+						</ul>
+					</div>
+	
+				</div>
+			</div>
+
+			<div class="box-right-container box-echarts-body-index2">
+				<div class="main_t ul-index1">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">计时</span>
+					</div>
+					<div class="ibox_m">
+						<div class="text-33">
+							<span>58</span>
+							<b>s</b>
+						</div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index2">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">批次剩余</span>
+					</div>
+					<div class="ibox_m">
+						<div class="text-33">
+							<span>8</span>
+							<b>台</b>
+						</div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index3">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">当班产量</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="ul-text-33">
+							<li>
+								<span>计划产量</span>
+								<span>400</span>
+								<span>台</span>
+							</li>
+							<li>
+								<span>当前总产量</span>
+								<span>207</span>
+								<span>台</span>
+							</li>
+						</ul>
+
+						<ul class="ul-text-44">
+							<li>
+								<span>ZP11</span>
+								<span class="span2">
+									<span>207</span>
+									<span>台</span>
+								</span>
+								<span>AS21M</span>
+								<span>
+									<span>207</span>
+									<span>台</span>
+								</span>
+							</li>
+							<li>
+								<span>ZP11M3</span>
+								<span class="span2">
+									<span>207</span>
+									<span>台</span>
+								</span>
+								<span>AS22</span>
+								<span>
+									<span>207</span>
+									<span>台</span>
+								</span>
+							</li>
+							<li>
+								<span>AS21</span>
+								<span class="span2">
+									<span>207</span>
+									<span>台</span>
+								</span>
+								<span>AS24</span>
+								<span>
+									<span>207</span>
+									<span>台</span>
+								</span>
+							</li>
+						</ul>
+					</div>
+	
+				</div>
+			</div>	
+
+		</div>
+
+	</div>
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+
+
+<script>
+$(document).ready(function() {
+
+
+
+
+
+
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file

page2.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>看板</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
+
+<link rel="stylesheet" type="text/css" href="css/page2.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script type="text/javascript" src="js/jquery.liMarquee.js"></script>
+
+<script type="text/javascript" src="js/page2.js"></script>
+
+<script>new WOW().init();</script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<!-- <div class="top-position-box">
+					<span>物流经理: </span>
+					<span>李某某</span>
+				</div> -->
+				<div class="toptime"></div>
+				<div class="logo">
+					<b>
+						<!-- <img src="img/logo.png"> -->
+						目视化信息系统
+					</b>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<!-- <a href="factory.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a> -->
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+	
+
+			<div class="box-right-container box-echarts-body-index1">
+				<div class="main_t ul-index1">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">交付进度</span>
+					</div>
+					<div class="ibox_m">
+						<div id="icharts_a1" class="echarts-body" style="height: 160px;"></div>
+						<div class="a1-index-1-table-text">
+							<span class="span-left">
+								<b>已交付:</b>
+								<b>2568</b>
+								<b>只</b>
+							</span>
+							<span class="span-right">
+								<b>应交付:</b>
+								<b>2568</b>
+								<b>只</b>
+							</span>
+						</div>
+						<div class="a1-index-1-table-bottom-text">
+							<span class="left">物流安全事故:</span>
+							<span class="right">0</span>
+						</div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index2">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">日盘点差异率及差异数量</span>
+					</div>
+					<div class="ibox_m">
+						<span class="leiji-time">
+							<span>差异目标: </span>
+							<span>0</span>
+			
+						</span>
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>应盘数量</span>
+							</li>
+							<li>							
+								<label style="background: #91cc75;"></label>
+								<span>实盘数量</span>
+							</li>
+							<li class="yuan">							
+								<label style="background: #fac858;"></label>
+								<span>正值</span>
+							</li>
+							<li class="yuan">							
+								<label style="background: #ee6666;"></label>
+								<span>负值</span>
+							</li>
+						</ul>
+						<div class="echarts-body">
+							<div class="echarts-box-1">
+								<div id="echarts_a333" class="echarts-inier"></div>
+							</div>
+							<div class="echarts-box-2">
+								<div id="echarts_a222" class="echarts-inier"></div>
+
+							</div>
+							<div class="echarts-box-3">
+								<div id="echarts_a111" class="echarts-inier"></div>
+							</div>
+
+						</div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index3">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">存货周转天数</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="echarts-mark-box">
+							<li class="zhexian">							
+								<label style="background: #72ccff;"></label>
+								<span>实际值</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #91cc75;"></label>
+								<span>目标值</span>
+							</li>
+		
+						</ul>
+						<div class="echarts-body">
+							<div class="box-left">
+								<div id="echarts_b356" class="echarts-div"></div>
+							</div>
+							<div class="box-right">
+								<div class="inner-box">
+									<div class="box-top">
+										<table class="custem-table-index5" cellpadding="0" cellspacing="0">
+
+											<tbody>
+											  <tr>
+												<td>库区</td>
+												<td>实际值</td>
+											  </tr>
+											  <tr>
+												<td>成品灯<br/>（品灯后库）</td>
+												<td>211.55</td>
+											  </tr>
+											  <tr>
+												<td>自制件</td>
+												<td>388.55</td>
+											  </tr>
+											  <tr>
+												<td>原材料</td>
+												<td>388.55</td>
+											  </tr>
+											  <tr>
+												<td>OPS<br/>(不包含免费赠送)</td>
+												<td>388.55</td>
+											  </tr>
+											</tbody>
+										</table>
+									</div>
+									<div class="box-bottom">
+										<div id="echart_a66" style="width: 100%;height: 100%;"></div>
+									</div>
+
+								</div>
+							</div>
+						</div>
+					</div>
+	
+				</div>
+			</div>
+
+			<div class="box-right-container box-echarts-body-index2">
+				<div class="main_t ul-index1">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">供应商风险物料、交付及时率</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>风险物料</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #91cc75;"></label>
+								<span>交付及时率</span>
+							</li>
+
+	
+						</ul>
+						<div id="icharts_b1" class="echarts-body"></div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index2">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">物流费用趋势</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>物流费用</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #91cc75;"></label>
+								<span>物料费用目标</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #fac858;"></label>
+								<span>物料费用占比</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #ee6666;"></label>
+								<span>降本金额占比</span>
+							</li>
+							<li>							
+								<label style="background: #fff;"></label>
+								<span>降本金额</span>
+							</li>
+						</ul>
+						<div class="echarts-body">
+							<div class="box-left">
+								<div id="echart_b2" class="echarts-div"></div>
+							</div>
+							<div class="box-right">
+								<table class="custem-table-index1" cellpadding="0" cellspacing="0">
+									<tbody>
+										<tr>
+											<th rowspan="11"></th>
+											<td>人员费用</td>
+											<td>105.01</td>
+										</tr>
+										<tr>
+										
+											<td>运输费</td>
+											<td>40.79</td>
+										</tr>
+										<tr>
+											<td>循环包装采购费用</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>一次性建材采购费用</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>包装租赁费用</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>仓储费用</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>仓储租赁费用及服务费</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>零部件运费仓储器材费</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>外包服务费</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>设备租赁费</td>
+											<td>12.44</td>
+										</tr>
+										<tr>
+											<td>合计</td>
+											<td style="color: #fac858;">12222.44</td>
+										</tr>
+
+										<tr>
+											<th rowspan="2">物流费用</th>
+											<td>目标值</td>
+											<td style="color: #91cc75;">30.20%</td>
+										</tr>
+										<tr>
+											<td >达成值</td>
+											<td>30.20%</td>
+										</tr>
+										<tr>
+											<th rowspan="2">降本达成</th>
+											<td>达成值</td>
+											<td style="color: #91cc75;">30.20%</td>
+										</tr>
+										<tr>
+											<td>累计达成</td>
+											<td >30.20</td>
+										</tr>
+									</tbody>
+								</table>
+
+							</div>
+						</div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index3">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">异常物质占压金额趋势</span>
+					</div>
+					<div class="ibox_m">
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>异常金额目标</span>
+							</li>
+							<li>							
+								<label style="background: #91cc75;"></label>
+								<span>异常金额</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #fac858;"></label>
+								<span>占压金额占比</span>
+							</li>
+	
+						</ul>
+						<div class="echarts-body">
+							<div class="box-left">
+								<div id="echart_b3" class="echarts-div"></div>
+							</div>
+							<div class="box-right">
+								<div class="inner-box">
+									<div class="box-top">
+										<table class="custem-table-index2" cellpadding="0" cellspacing="0">
+
+											<tbody>
+											  <tr>
+												<td>异常物质</td>
+												<td>金额</td>
+												<td>占比</td>
+											  </tr>
+											  <tr>
+												<td>自制件</td>
+												<td>211.55</td>
+												<td>18%</td>
+											  </tr>
+											  <tr>
+												<td>产成品</td>
+												<td>388.55</td>
+												<td>18%</td>
+											  </tr>
+											  <tr>
+												<td>零部件</td>
+												<td>388.55</td>
+												<td>18%</td>
+											  </tr>
+											  <tr>
+												<td>售后</td>
+												<td>388.55</td>
+												<td>18%</td>
+											  </tr>
+											</tbody>
+										</table>
+									</div>
+									<div class="box-bottom">
+										<div id="echarts_b5" style="width: 100%;height: 100%;"></div>
+									</div>
+
+								</div>
+							</div>
+						</div>
+					</div>
+	
+				</div>
+			</div>	
+
+			<div class="box-right-container box-echarts-body-index3">
+
+				<div class="main_t ul-index1">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">物流停机</span>
+					</div>
+					<div class="ibox_m">
+						<span class="leiji-time">
+							<span>本月累计停机: </span>
+							<span>25</span>
+							<span> min</span>
+						</span>
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>物料停机</span>
+							</li>
+	
+						</ul>
+						<div id="icharts_31" class="echarts-body"></div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index2">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">MPS计划符合率、计划完成率</span>
+					</div>
+					<div class="ibox_m">
+						<span class="leiji-time">
+							<span>目标: </span>
+							<span>100</span>
+							<span> %</span>
+						</span>
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>生产计划</span>
+							</li>
+							<!-- <li>							
+								<label style="background: #91cc75;"></label>
+								<span>实际达成</span>
+							</li> -->
+						</ul>
+						<div id="icharts_32" class="echarts-body"></div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index3">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">1月客户交付扣分、及时率</span>
+					</div>
+					<div class="ibox_m">
+						<span class="leiji-time">
+							<span>本月累计扣分: </span>
+							<span style="color: #e01f54;">10</span>
+							<span style="color: #e01f54;"> 分</span>
+						</span>
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>交付扣分</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #91cc75;"></label>
+								<span>交付及时率</span>
+							</li>
+						</ul>
+						<div id="icharts_c3" class="echarts-body"></div>
+					</div>
+	
+				</div>
+
+				<div class="main_t ul-index4">
+
+					<div class="ibox_t">
+						<span class="box-tittle-text">额外运费</span>
+					</div>
+					<div class="ibox_m">
+						<span class="leiji-time">
+							<span>本月累计运费: </span>
+							<span>9.31</span>
+							<span> 万元，</span>
+							<span>费用占比: </span>
+							<span>1.2</span>
+							<span> %</span>
+						</span>
+						<ul class="echarts-mark-box">
+							<li>							
+								<label style="background: #72ccff;"></label>
+								<span>额外运费</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #91cc75;"></label>
+								<span>费用占比</span>
+							</li>
+							<li class="zhexian">							
+								<label style="background: #ee6666;"></label>
+								<span>目标</span>
+							</li>
+						</ul>
+						<div id="icharts_c4" class="echarts-body"></div>
+					</div>
+	
+				</div>
+			</div>	
+
+		</div>
+
+	</div>
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+
+
+<script>
+$(document).ready(function() {
+
+
+
+
+
+
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file

workshop.html

+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="renderer" content="webkit" />
+<title>装配车间生产运营监控</title>
+<link rel="stylesheet" type="text/css" href="css/common.css" />
+<link rel="stylesheet" type="text/css" href="css/animate.css" />
+<link rel="stylesheet" type="text/css" href="css/workshop.css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<script type="text/javascript" src="js/wow.js"></script>
+<script>new WOW().init();</script>
+</head>
+
+<body>
+
+<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+
+	<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
+		<div class="topbox">
+			<div class="topbox_m">
+				<div class="toptime"></div>
+				<div class="logo"><b><img src="img/logo.png">装配车间生产运营监控</b></div>
+			</div>
+		</div>
+	</div>
+	
+	<a href="factory.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a>
+	
+	<div class="mainer">
+
+		<div class="mainbox">
+
+			<div class="main_t wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s">
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/workshop/t1.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_1_legend">
+								<li class="c1"><i></i>计划生产数</li>
+								<li class="c2"><i></i>实际生产数</li>
+								<li class="c3"><i></i>计划交付数</li>
+								<li class="c4"><i></i>实际交付数</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_1" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/workshop/t2.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_2_legend">
+								<li class="c1"><i></i>计划生产数</li>
+								<li class="c2"><i></i>实际生产数</li>
+								<li class="c3"><i></i>计划交付数</li>
+								<li class="c4"><i></i>实际交付数</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_2" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/workshop/t3.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_3_legend">
+								<li class="c1"><i></i>计划生产数</li>
+								<li class="c2"><i></i>实际生产数</li>
+								<li class="c3"><i></i>计划交付数</li>
+								<li class="c4"><i></i>实际交付数</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_3" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/workshop/t4.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_4_legend">
+								<li class="c1"><i></i>计划生产数</li>
+								<li class="c2"><i></i>实际生产数</li>
+								<li class="c3"><i></i>计划交付数</li>
+								<li class="c4"><i></i>实际交付数</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_4" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
+					<div class="ibox_t"><img src="img/workshop/t5.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_1_legend">
+							<ul id="icharts_5_legend">
+								<li class="c1"><i></i>计划生产数</li>
+								<li class="c2"><i></i>实际生产数</li>
+								<li class="c3"><i></i>计划交付数</li>
+								<li class="c4"><i></i>实际交付数</li>
+							</ul>
+						</div>
+						<div class="icharts_1_box">
+							<div id="icharts_5" class="icharts_1"></div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+			
+			<div class="main_l wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s">
+
+				<div class="ibox ibox2">
+					<div class="ibox_t"><img src="img/workshop/t6.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_6_legend">
+							<ul id="icharts_6_legend">
+								<li class="c1"><i></i>故障项1</li>
+								<li class="c2"><i></i>故障项2</li>
+								<li class="c3"><i></i>故障项3</li>
+								<li class="c4"><i></i>故障项4</li>
+								<li class="c5"><i></i>故障项5</li>
+							</ul>
+						</div>
+						<div class="icharts_6_box">
+							<div id="icharts_6" class="icharts_6"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="ibox ibox3">
+					<div class="ibox_t"><img src="img/workshop/t7.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_7_legend">
+							<ul id="icharts_7_legend">
+								<li class="c1"><i></i>故障项1</li>
+								<li class="c2"><i></i>故障项2</li>
+								<li class="c3"><i></i>故障项3</li>
+								<li class="c4"><i></i>故障项4</li>
+								<li class="c5"><i></i>故障项5</li>
+							</ul>
+						</div>
+						<div class="icharts_7_box">
+							<div id="icharts_7" class="icharts_7"></div>
+						</div>
+					</div>
+				</div>
+				
+			</div>
+
+			<div class="main_r wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
+
+				<div class="ibox ibox4">
+					<div class="ibox_t"><img src="img/workshop/t8.png"></div>
+					<div class="ibox_m">
+						<div class="icharts_legend icharts_8_legend">
+							<ul id="icharts_8_legend">
+								<li class="c1"><i></i>缺陷项1</li>
+								<li class="c2"><i></i>缺陷项2</li>
+								<li class="c3"><i></i>缺陷项3</li>
+								<li class="c4"><i></i>缺陷项4</li>
+								<li class="c5"><i></i>缺陷项5</li>
+							</ul>
+						</div>
+						<div class="icharts_8_box">
+							<div id="icharts_8" class="icharts_8"></div>
+						</div>
+					</div>
+				</div>
+				
+			</div>
+
+		</div>
+
+	</div>
+	
+</div>
+
+<script type="text/javascript" src="js/echarts.min.js"></script>
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart1 = echarts.init(document.getElementById('icharts_1'));
+	var data1x = [];
+	var data1y1 = [];
+	var data1y2 = [];
+	var data1y3 = [];
+	var data1y4 = [];
+	var option1 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 80,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data1x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 4 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-81, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data1y1
+			},
+			{
+				type: 'bar',
+				name: '计划生产数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data1y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-27, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data1y2
+			},
+			{
+				type: 'bar',
+				name: '实际生产数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data1y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [27, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data1y3
+			},
+			{
+				type: 'bar',
+				name: '计划交付数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data1y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [81, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data1y4
+			},
+			{
+				type: 'bar',
+				name: '实际交付数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data1y4
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart2 = echarts.init(document.getElementById('icharts_2'));
+	var data2x = [];
+	var data2y1 = [];
+	var data2y2 = [];
+	var data2y3 = [];
+	var data2y4 = [];
+	var option2 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 80,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data2x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 4 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-81, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data2y1
+			},
+			{
+				type: 'bar',
+				name: '计划生产数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data2y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-27, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data2y2
+			},
+			{
+				type: 'bar',
+				name: '实际生产数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data2y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [27, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data2y3
+			},
+			{
+				type: 'bar',
+				name: '计划交付数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data2y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [81, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data2y4
+			},
+			{
+				type: 'bar',
+				name: '实际交付数',
+				z: 12,
+				barGap: "80%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data2y4
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart3 = echarts.init(document.getElementById('icharts_3'));
+	var data3x = [];
+	var data3y1 = [];
+	var data3y2 = [];
+	var data3y3 = [];
+	var data3y4 = [];
+	var option3 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 80,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data3x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 4 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data3y1
+			},
+			{
+				type: 'bar',
+				name: '计划生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data3y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data3y2
+			},
+			{
+				type: 'bar',
+				name: '实际生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data3y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data3y3
+			},
+			{
+				type: 'bar',
+				name: '计划交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data3y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data3y4
+			},
+			{
+				type: 'bar',
+				name: '实际交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data3y4
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart4 = echarts.init(document.getElementById('icharts_4'));
+	var data4x = [];
+	var data4y1 = [];
+	var data4y2 = [];
+	var data4y3 = [];
+	var data4y4 = [];
+	var option4 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 80,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data4x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 4 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data4y1
+			},
+			{
+				type: 'bar',
+				name: '计划生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data4y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data4y2
+			},
+			{
+				type: 'bar',
+				name: '实际生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data4y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data4y3
+			},
+			{
+				type: 'bar',
+				name: '计划交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data4y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data4y4
+			},
+			{
+				type: 'bar',
+				name: '实际交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data4y4
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart5 = echarts.init(document.getElementById('icharts_5'));
+	var data5x = [];
+	var data5y1 = [];
+	var data5y2 = [];
+	var data5y3 = [];
+	var data5y4 = [];
+	var option5 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 80,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data5x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 4 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data5y1
+			},
+			{
+				type: 'bar',
+				name: '计划生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data5y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data5y2
+			},
+			{
+				type: 'bar',
+				name: '实际生产数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data5y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [75, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data5y3
+			},
+			{
+				type: 'bar',
+				name: '计划交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data5y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [225, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data5y4
+			},
+			{
+				type: 'bar',
+				name: '实际交付数',
+				z: 12,
+				barGap: "400%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data5y4
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+<!-- 柱状图1 开始-->
+<script type="text/javascript">
+	var myChart6 = echarts.init(document.getElementById('icharts_6'));
+	var data6x = [];
+	var data6y1 = [];
+	var data6y2 = [];
+	var data6y3 = [];
+	var data6y4 = [];
+	var data6y5 = [];
+	var option6 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 100,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'shadow', shadowStyle: { color: 'rgba(0,156,255,0.2)' },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data6x,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 5 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-84, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#2593c6' },
+				data: data6y1
+			},
+			{
+				type: 'bar',
+				name: '故障项1',
+				z: 12,
+				barGap: "40%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#44c5fc' }, { offset: 1, color: 'rgba(45,197,236,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#48c5ff', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data6y1
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [-42, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#24c289' },
+				data: data6y2
+			},
+			{
+				type: 'bar',
+				name: '故障项2',
+				z: 12,
+				barGap: "40%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#43fcc2' }, { offset: 1, color: 'rgba(82,242,242,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#43fcc2', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data6y2
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [0, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#dd774e' },
+				data: data6y3
+			},
+			{
+				type: 'bar',
+				name: '故障项3',
+				z: 12,
+				barGap: "40%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#ffab74' }, { offset: 1, color: 'rgba(254,219,96,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#ffab74', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data6y3
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [42, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#b1c520' },
+				data: data6y4
+			},
+			{
+				type: 'bar',
+				name: '故障项4',
+				z: 12,
+				barGap: "40%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#e9f62c' }, { offset: 1, color: 'rgba(251,202,44,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#e9f62c', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data6y4
+			},
+			{
+				type: 'pictorialBar',
+				z: 13,
+				symbolSize: [30, 12],
+				symbolOffset: [84, -7],
+				symbolPosition: 'end',
+				tooltip: { show:false},
+				itemStyle: { color: '#a43434' },
+				data: data6y5
+			},
+			{
+				type: 'bar',
+				name: '故障项5',
+				z: 12,
+				barGap: "40%",
+				itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: '#f7564a' }, { offset: 1, color: 'rgba(247,135,74,0.05)' }])},
+				label:{ show: true, position: "top", distance: 10, fontSize: 20, color: '#f7564a', lineHeight: 30, fontFamily: 'DIN-Medium' },
+				barWidth: 30,
+				data: data6y5
+			}
+		]
+	};
+</script>
+<!-- 柱状图1 结束-->
+
+
+<!-- 饼形图1 开始-->
+<script type="text/javascript">
+	var myChart7 = echarts.init(document.getElementById('icharts_7'));
+	var data7x = [];
+	var data7y = [];
+	var seriesData7 = [];
+	var option7 = {
+		color: ['#48c5ff', '#40feb9', '#ff9f79', '#e5ff2c', '#f74a4a'],
+		tooltip: {
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'pie',
+				radius: ['26%', '68%'],
+				minAngle: 20,
+				label: { formatter: ['{a|{b}}','{b|{c}%}'].join('\n'), rich: { a:{ fontSize: 16, lineHeight: 32, color:'#6697c2' }, b: { fontSize: 20, fontWeight: 'bold', lineHeight: 26, color:'#3cd1ff', fontFamily:'DIN-Medium'}}},
+				labelLine: { length: 38, length2: 24 },
+				itemStyle: { shadowColor: '#000', shadowBlur: 65, shadowOffsetX: '20', shadowOffsetY: '0', },
+				data: seriesData7
+			}
+		]
+	};
+</script>
+<!-- 饼形图1 结束-->
+
+<!-- 折线图1 开始-->
+<script type="text/javascript">
+	var myChart8 = echarts.init(document.getElementById('icharts_8'));
+	var data8x = [];
+	var data8y1 = [];
+	var data8y2 = [];
+	var data8y3 = [];
+	var data8y4 = [];
+	var data8y5 = [];
+	var option8 = {
+		grid: {
+			left: 60,
+			right: 60,
+			top: 100,
+			bottom: 15,
+			containLabel: true
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { type: 'line', lineStyle: { color: '#00c9fb', opacity: 0.7, type: 'dashed', width: 1 },z:1 },
+			padding:[15,22],
+			backgroundColor:'rgba(0,0,0,0.9)',
+			borderColor: '#01a3ce',
+			borderWidth: 1,
+			textStyle: { fontSize: 16, lineHeight:32, color:'#ffffff'}
+		},
+		xAxis: {
+			data: data8x,
+			boundaryGap: false,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},margin: 25, interval: 0},
+			splitLine: { show: false }
+		},
+		yAxis: {
+			type: 'value',
+			splitNumber: 5 ,
+			axisLine: { show: false },
+			axisTick: { show: true,lineStyle:{ color:'#0187c4', width: 1, opacity: 1}},
+			axisLabel: { textStyle: {fontSize: 16,color:'#3cd1ff'},opacity: 0.7,margin: 15},
+			splitLine: {show: true,lineStyle:{ color:'#3cd1ff', width: 1, opacity: 0.2}}
+		},
+		animationDelay: 900,
+		animationDuration: 2000,
+		animationDurationUpdate: 800,
+		series: [
+			{
+				type: 'line',
+				name: '缺陷项1',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#48c5ff", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#48c5ff", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#48c5ff'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data8y1
+			},
+			{
+				type: 'line',
+				name: '缺陷项2',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#40feb9", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#40feb9", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#40feb9'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data8y2
+			},
+			{
+				type: 'line',
+				name: '缺陷项3',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#ff9f79", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#ff9f79", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#ff9f79'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data8y3
+			},
+			{
+				type: 'line',
+				name: '缺陷项4',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#e5ff2c", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#e5ff2c", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#e5ff2c'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data8y4
+			},
+			{
+				type: 'line',
+				name: '缺陷项5',
+				symbol: 'circle',
+				symbolSize: 12,
+				showSymbol: false,
+				smooth: true,
+				itemStyle: {color: "#f74a4a", borderColor: '#ffffff', borderWidth: 3, borderType: 'solid'},
+				lineStyle:{color: "#f74a4a", width:3},
+				areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{offset: 0, color: '#f74a4a'},{offset: 1, color: 'transparent'}] ), opacity: 0.3},
+				data: data8y5
+			}
+		]
+	};
+</script>
+<!-- 折线图1 结束-->
+
+<script>
+$(document).ready(function() {
+	
+	
+	/*悬架总成日下线入库统计  更新数据*/
+	var data1x = ['前悬架左下控制臂总成', '前悬架右下控制臂总成'];
+	var data1y1 = [32, 20]; //计划生产数
+	var data1y2 = [23, 32]; //实际生产数
+	var data1y3 = [40, 33]; //计划交付数
+	var data1y4 = [16, 10]; //实际交付数
+
+	option1.xAxis.data = data1x;
+	option1.series[0].data = data1y1;
+	option1.series[1].data = data1y1;
+	option1.series[2].data = data1y2;
+	option1.series[3].data = data1y2;
+	option1.series[4].data = data1y3;
+	option1.series[5].data = data1y3;
+	option1.series[6].data = data1y4;
+	option1.series[7].data = data1y4;
+	myChart1.setOption(option1, true);
+	
+	
+	/*制动器分装总成日下线入库统计  更新数据*/
+	var data2x = ['左前分装总成', '右前分装总成'];
+	var data2y1 = [32, 20]; //计划生产数
+	var data2y2 = [23, 32]; //实际生产数
+	var data2y3 = [40, 33]; //计划交付数
+	var data2y4 = [16, 10]; //实际交付数
+
+	option2.xAxis.data = data2x;
+	option2.series[0].data = data2y1;
+	option2.series[1].data = data2y1;
+	option2.series[2].data = data2y2;
+	option2.series[3].data = data2y2;
+	option2.series[4].data = data2y3;
+	option2.series[5].data = data2y3;
+	option2.series[6].data = data2y4;
+	option2.series[7].data = data2y4;
+	myChart2.setOption(option2, true);
+	
+	
+	/*后桥总成日下线入库统计  更新数据*/
+	var data3x = ['后桥分装总成'];
+	var data3y1 = [32]; //计划生产数
+	var data3y2 = [23]; //实际生产数
+	var data3y3 = [40]; //计划交付数
+	var data3y4 = [16]; //实际交付数
+
+	option3.xAxis.data = data3x;
+	option3.series[0].data = data3y1;
+	option3.series[1].data = data3y1;
+	option3.series[2].data = data3y2;
+	option3.series[3].data = data3y2;
+	option3.series[4].data = data3y3;
+	option3.series[5].data = data3y3;
+	option3.series[6].data = data3y4;
+	option3.series[7].data = data3y4;
+	myChart3.setOption(option3, true);
+	
+	
+	/*前桥分装总成日下线入库统计  更新数据*/
+	var data4x = ['前减速器分装总成'];
+	var data4y1 = [32]; //计划生产数
+	var data4y2 = [23]; //实际生产数
+	var data4y3 = [40]; //计划交付数
+	var data4y4 = [16]; //实际交付数
+
+	option4.xAxis.data = data4x;
+	option4.series[0].data = data4y1;
+	option4.series[1].data = data4y1;
+	option4.series[2].data = data4y2;
+	option4.series[3].data = data4y2;
+	option4.series[4].data = data4y3;
+	option4.series[5].data = data4y3;
+	option4.series[6].data = data4y4;
+	option4.series[7].data = data4y4;
+	myChart4.setOption(option4, true);
+	
+	
+	/*桥壳总成日下线入库统计  更新数据*/
+	var data5x = ['桥壳总成'];
+	var data5y1 = [32]; //计划生产数
+	var data5y2 = [23]; //实际生产数
+	var data5y3 = [40]; //计划交付数
+	var data5y4 = [16]; //实际交付数
+
+	option5.xAxis.data = data5x;
+	option5.series[0].data = data5y1;
+	option5.series[1].data = data5y1;
+	option5.series[2].data = data5y2;
+	option5.series[3].data = data5y2;
+	option5.series[4].data = data5y3;
+	option5.series[5].data = data5y3;
+	option5.series[6].data = data5y4;
+	option5.series[7].data = data5y4;
+	myChart5.setOption(option5, true);
+	
+	
+	/*质量缺陷统计（日） 更新数据*/
+	var data6x = ['周累计', '10月11日', '10月12日', '10月13日', '10月14日'];
+	var data6y1 = [32, 20, 13, 19, 27]; //缺陷项1
+	var data6y2 = [23, 32, 12, 22, 21]; //缺陷项2
+	var data6y3 = [40, 33, 32, 14, 16]; //缺陷项3
+	var data6y4 = [16, 10, 40, 18, 28]; //缺陷项4
+	var data6y5 = [32, 40, 18, 29, 14]; //缺陷项5
+
+	option6.xAxis.data = data6x;
+	option6.series[0].data = data6y1;
+	option6.series[1].data = data6y1;
+	option6.series[2].data = data6y2;
+	option6.series[3].data = data6y2;
+	option6.series[4].data = data6y3;
+	option6.series[5].data = data6y3;
+	option6.series[6].data = data6y4;
+	option6.series[7].data = data6y4;
+	option6.series[8].data = data6y5;
+	option6.series[9].data = data6y5;
+	myChart6.setOption(option6, true);
+	
+	
+	/*设备故障TOP5占比（周） 更新数据*/
+	var data7x = ['故障项1', '故障项2', '故障项3', '故障项4', '故障项5'];
+	var data7y = [67, 46, 15, 43, 10];
+	var seriesData7 = [];
+	
+	for (var i = 0; i < data7x.length; i++) {
+		seriesData7.push({
+			name: data7x[i],
+			value: data7y[i]
+		});
+	}
+	
+	option7.series[0].data = seriesData7;
+	myChart7.setOption(option7, true);
+	
+	
+	/*质量缺陷统计（日） 更新数据*/
+	var data8x = ['10月11日', '10月12日', '10月13日', '10月14日', '10月15日'];
+	var data8y1 = [132, 120, 173, 159, 278]; //缺陷项1
+	var data8y2 = [123, 132, 120, 220, 215]; //缺陷项2
+	var data8y3 = [278, 173, 232, 140, 160]; //缺陷项3
+	var data8y4 = [216, 110, 260, 180, 298]; //缺陷项4
+	var data8y5 = [232, 140, 180, 298, 141]; //缺陷项5
+
+	option8.xAxis.data = data8x;
+	option8.series[0].data = data8y1;
+	option8.series[1].data = data8y2;
+	option8.series[2].data = data8y3;
+	option8.series[3].data = data8y4;
+	option8.series[4].data = data8y5;
+	myChart8.setOption(option8, true);
+	
+});
+</script>
+</body>
+</html>
\ No newline at end of file