/*animate.css*/
@charset "UTF-8";

.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/*style.css*/
body{
  padding:0;
  margin:0;
  font-family: '微软雅黑';
  color:#FFF;
  background:#fff;
  overflow-x:hidden;
}
body a{
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
input[type="button"],input[type="submit"]{
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
}
p{
  margin:0;
}
ul{
  margin:0;
  padding:0;
}
label{
  margin:0;
}

.sotop{ width:100%; height:90px; background:url(../images/sotop01.jpg) repeat; text-align:center;}


/*-----start-header----*/
.header {
  width:100%;
  height:75px;
  padding:12px 0;
  line-height: 51px;
  border-bottom: 1px solid #e5e5e5;
}
.logo {
  float:left;
}
.logo a {
  display: block;
}
.logo img{
  padding-right:15px;
  border-right: 1px solid #ccc;
  width: 101px;
  height: 51px;
}
.logo span{
  padding-left:37px;
  background:url("../images/parts/logo-baidu.png") no-repeat 10px;


}
.tel{float:right;}


.top-menu {
  height:92px;
  font-size:15px;
  position:relative;
  top:22px;
}
.top-menu ul li {
  display:inline-block;
  margin-right:10px;
}
.top-menu ul li a {
  color:#404040;
  text-transform:uppercase;
  font-weight:450;
  line-height:28px;
  text-decoration:none;
  padding:0px 10px;
}
.top-menu ul li a.active {
  background:#209de5;
  color:#fff;
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #fff;
  color: #fff;
  padding:6px 15px;
}
a.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#209de5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color:#fff;
  padding:6px 15px;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
  color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*轮播图开始*/
.banner{ width:100%; height:375px; position:relative;}
.banner .list{ width:100%; height:375px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:375px; position:absolute; left:0px; top:0px; display:none;}
/*.banner .list li a{ width:980px; margin:0 auto; position:relative; display:block; overflow:hidden; height:408px;}
.banner .list li a:hover{ text-decoration:none;}*/
.banner .list li.bg4{ background:url("../images/wlyx1128.jpg") no-repeat center;}
.banner .list li.bg1{ background:url("../images/bannerg1.jpg") no-repeat center;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:350px; left:50%; margin-left:-180px; z-index:100;}
.banner .btn li{ margin-left:3px; background: #fff; text-indent: -999em; float: left; width: 50px; height: 5px; cursor: pointer; }
.banner .btn li.hover{ background: #FC3; }
@keyframes img1 {0% { left:-200px; transform:rotate(-180deg);} 100% { left:180px; transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:180px; -webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
.banner .list li.bg2{ background:url("../images/bannerg2.jpg") no-repeat center;}
.banner .list li.bg2 .text3{ position:absolute; left:20px; top:20px;}
.banner .list li.bg2 .text3.hover{ animation: img2_3 1.1s ease-out; -webkit-animation: img2_3 1.1s ease-out;}
.banner .list li.bg2 .text4{ position:absolute; left:360px; top:245px; transform:scale(1); -webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{ animation: img2_4 1s ease-out; -webkit-animation: img2_4 1s ease-out;}

@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}

.banner .list li.bg3{background:url("../images/banner03.jpg") no-repeat center;}
.banner .list li.bg3 .text1{ position:absolute; left:50px; top:80px; z-index:10;}
.banner .list li.bg3 .text2{ position:absolute; left:140px; top:220px; z-index:10;}

.banner .list li.bg3 .text2-2{ position:absolute; left:389px; top:0px;}
.banner .list li.bg3 .text3{ position:absolute; left:106px; top:0px;}
.banner .list li.bg3 .text4{ position:absolute; left:345px; top:162px; font-size:30px; color:#fff; text-align:center;}
.banner .list li.bg3 .text5{ position:absolute; left:99px; top:218px;}
.banner .list li.bg3 .text6{ position:absolute; left:130px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text7{ position:absolute; left:386px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text8{ position:absolute; left:640px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1s ease; -webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2.hover{ animation:img3_2 1.2s ease; -webkit-animation:img3_2 1.2s ease;}
.banner .list li.bg3 .text2-1.hover{ transform-origin:right bottom; -webkit-transform-origin:right bottom; animation:img3_2-1 30s linear; -webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{ transform-origin:left bottom; -webkit-transform-origin:left bottom; animation: img3_2-2 30s linear; -webkit-animation: img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{ animation: img3_4 1.5s ease; -webkit-animation: img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{ animation: img3_6 0.7s ease; -webkit-animation: img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{ animation: img3_7 0.7s ease; -webkit-animation: img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{ animation: img3_8 0.7s ease; -webkit-animation: img3_8 0.7s ease;}
.banner .list #bg4 {background:url("../images/wlyx1128.jpg") no-repeat center;}
.banner .list #bg4 a{ display:block; width:700px;height:350px}

@keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@-webkit-keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}
@-webkit-keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}

@keyframes img3_2-2 { 0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 { 0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 { 0%{ opacity:0; transform: scale(0);} 30%{ opacity:0; transform: scale(0);} 80%{ opacity:0.7; transform: scale(1.2);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_4 { 0%{ opacity:0; -webkit-transform: scale(0);} 30%{ opacity:0; -webkit-transform: scale(0);} 80%{ opacity:0.7; -webkit-transform: scale(1.2);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@-webkit-keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@keyframes img3_7 { 0%{ opacity:0; transform: scale(4);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_7 { 0%{ opacity:0; -webkit-transform: scale(4);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
@-webkit-keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}



.banner .list li.bg4{ background:#ff7575;}
.banner .list li.bg4 .text1{ position:absolute; left:250px; top:45px; font-size:69px; color:#ffe9e9;}
.banner .list li.bg4 .text2{ overflow:hidden; width:66px; position:absolute; left:251px; top:137px;}
.banner .list li.bg4 .text3{ opacity:0; position:absolute; left:485px; top:55px;}
.banner .list li.bg4 .text4{ opacity:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; position:absolute; left:500px; top:105px;}
.banner .list li.bg4 .text5{ opacity:0; position:absolute; left:508px; top:192px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:510px; top:230px;}
.banner .list li.bg4 .text7{ position:absolute; left:5px; bottom:40px;}
.banner .list li.bg4 .text3.hover{ animation:img4_3 1s 0.5s ease forwards; -webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{ animation:img4_4 1.2s 0.5s ease forwards; -webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{ animation:img4_5 1.5s 0.5s ease forwards; -webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{ animation:img4_6 0.3s 1.5s ease-out forwards; -webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{ animation:img4_7 0.8s ease-in; -webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@-webkit-keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@keyframes img4_4 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_4 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_5 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_5 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_6 { 0%{ transform:rotate(30deg); opacity:0;} 100%{ transform:rotate(0deg); opacity:1;}}
@-webkit-keyframes img4_6 { 0%{ -webkit-transform:rotate(30deg); opacity:0;} 100%{ -webkit-transform:rotate(0deg); opacity:1;}}
@keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}
@-webkit-keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}



/*轮播图结束*/

/*登录信息开始*/
.login{
  width:380px;
  height:390px;
  background: url(../images/parts/login-bg.png) no-repeat;
  position: absolute;
  left:50%;
  top:-15px;
  margin-left:210px;
  z-index:999;
}
.login-content{
  width: 280px;
  height: 375px;
  background: #fff;
  position:relative;
  top:0;
  left:0;background: url(../images/ly-bg.jpg) no-repeat left top;
}
.login-top{
  width:280px;
  height:108px;
  /*background:#ffa200;*/
  text-align:center;

}
.login-top .por{
  width:80px;
  height:80px;
  margin:0 auto;
  /*background: url(../images/parts/login-por.png) no-repeat center;*/
}



.details {
  margin:15px 22px;
}
.pol{
  float: left;
  line-height:28px;
  color:#666666;
}
.details p{
  font-weight:bold;
  margin:10px 0 15px 0;
}
.details form li {
  display:block;
  border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  list-style: none;
  background: #fff;
  margin-bottom: 10px;
}
.details input[type="text"] {
  width: 185px;
  height:28px;
  color: #a9a9a9;
  font-size: 14px;
  padding-left:15px;
  margin-left:8px;
  border:1px solid #d8d8d8;
  outline: none;
  line-height:28px;
}

.details form .button01,.details form .button-submit {
  width:105px;
  height:32px;
  background:none;
  text-transform: uppercase;
  outline: none;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  font-size: 16px;
  text-align:center;
}
.details form .bto{float:left;margin-top:10px;}
.details form .bto1 .button01{
  border:1px solid #ffa200;
  color:#ffa200;
  margin-right:25px;
}
.details form .bto1 .button01:hover {
  background:#ffa200;
  color:#fff;
}
.details form .bto2 .button-submit{
  border:1px solid #0096df;
  display:block; line-height:30px;
  color:#0096df;
}
.details form .bto2 .button-submit:hover {
  background:#0096df;
  color:#fff;
}
.header-bottom {
  position:relative;
  margin-top:12px;
}
.header-bottom .list .bg01-top{
  width: 160px;
  height: 50px;
}
.header-bottom .list .bg01-top2{
  width: 600px;
  height: 50px;
}
.header-bottom .list .bg01-top3{
  width: 550px;
  height: 50px;
}
.right-grid-1 {
  background: url('../images/slider-bg.png') no-repeat 0px 0px;
  background-size: 100% 100%;
  width: 62%;
  margin: 0 auto;
  position: absolute;
  left: 227px;
  min-height: 380px;
}
/*所有内容部分标题！！教师部分另外处理！*/
.section-title{
  margin:65px 0;
  background-repeat:no-repeat;
  background-position: center;
}
.section-title img{margin:0 auto; height: 74px;}
.section-title .title-01{
  width: 455px;
}
.section-title .title-02{
  width: 380px;
}
.section-title .title-03{
  width: 304px;
}
.section-title .title-04{
  width: 642px;
}
.section-title .title-05{
  width:314px;
}
.section-title .title-06{
  width:318px;
}
.section-title .title-07{
  width:300px;
}
.section-title .title-08{
  width:524px;
}
.section-title .title-09{
  width:360px;
}
.section-title .title-10{
  width:272px;
}
/*互联网营销无处不在*/

.part1-section{
  width:100%;
  height:650px;
  margin:0 auto;
  background:#fff;
}
.part1-section .container{
  height:600px;
  padding-bottom:50px;

}
.part1-section .section-grids{
  width:100%;
  height:395px;
  background: url('../images/eyeryday-bg.jpg') no-repeat center bottom;
  font-size:14px;
  color:#808080;
  line-height:18px;
}
.part1-section .section-grid{
  float:left;
  height:100%;
  width:50%;
}
.service-section-grid{
  width:230px;
  height:100px;
  margin-bottom:50px;
  position:relative;
}
.title-grid{
  width:230px;
  height:25px;
  margin:0 auto;
  margin-bottom:10px;
}
.part1-section .grid-left .title-grid{

  background-position:right center;
}
.part1-section .grid-right .title-grid{

  background-position:left center;
}

.weib {right:-50px;}
.sheq {right:-5px;}
.qit {right:-50px;top:-5px;}
.baid {right:-215px;}
.taob{right:-270px;}
.weix {right:-220px;top:-5px;}
.weib .title-grid{background:url('../images/parts/weib.png') no-repeat;}
.sheq .title-grid{background:url('../images/parts/sheq.png') no-repeat;}
.qit .title-grid{background:url('../images/parts/qit.png') no-repeat;}
.baid .title-grid{background:url('../images/parts/baid.png') no-repeat;}
.taob .title-grid{background:url('../images/parts/taob.png') no-repeat;}
.weix .title-grid{background:url('../images/parts/weix.png') no-repeat;}
.part1-section .section-grid .icon-text{
  text-align:left;
  position:relative;
  right:0;
}

.part1-section span{
  display:inline-block;
  width:14px;
  height:14px;
}

/*互联网营销无处不在-----结束*/

.about_left {
  padding:0;
}
.about_left img {
  width:100%;
}
.about_right {
  background:#ffc155;
  padding:11em 8em 0;
  min-height: 594px;
}
.about_right h3 {
  color: #fff;
  font-size: 2.2em;
  font-weight: 700;
  text-transform: uppercase;
}
.about_right p {
  color: #fff;
  font-size: 1em;
  font-weight: 300;
  line-height:1.9em;
  margin:1.6em 0 3em 0;
}
.about_right a {
  text-decoration:none;
  color:#fff;
  font-size:1.05em;
  font-weight:300;
  text-transform: uppercase;
  padding:9px 18px;
  border:1px solid #e7ad48;
}
.about_right a:hover {
  background:#394b50;
}
.price-section {
  padding: 6em 0;
  background:#e7edf3;
}
.price-section-head h3 {
  color: #394b50;
  font-size: 2.2em;
  font-weight: 900;
  text-transform: uppercase;
}
.price-section-head p {
  color: #394b50;
  font-size: 1.2em;
  font-weight: 500;
}
.price-section-grid h5 {
  color:#818b95;
  font-family: 'Lato', sans-serif;
  font-size:1.9em;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:0.8em;
}
.price-section-grid h3 span {
  font-size:0.7em;
  vertical-align: top;
}
.price-section-grid h3 {
  color:#ffbb42;
  font-family: 'Lato', sans-serif;
  font-size:3.5em;
  font-weight:700;
}
.price-section-grid p {
  color:#818b95;
  font-family: 'Lato', sans-serif;
  font-size:1.1em;
  font-weight:300;
  text-transform:uppercase;
}
.price-section-grid ul {
  margin:2.5em 0;
}
.price-section-grid ul li {
  list-style-type:none;
  color:#b5bbc1;
  font-family: 'Lato', sans-serif;
  font-size:1.1em;
  font-weight:400;
  text-transform:uppercase;
  border-top:1px solid #e2e9f0;
  padding:0.7em;
}
.price-section-grid a {
  color:#fff;
  font-family: 'Lato', sans-serif;
  font-size:1.1em;
  text-decoration:none;
  background:#ffbb42;
  text-transform:uppercase;
  font-weight:400;
  padding:11px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}
.price-section-grid a:hover {
  background:#394b50;
}
.price-value {
  border: 1px solid #ccd5df;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  padding:4em 2em 5em 2em;
  background:#fff;
  width:32.888%;
  float:left;
  margin-right:0.6%;
  margin-top:6em;
}
.price-value:hover {
  background:#709dca;
  border:none;
}
.price-value:hover div.price-section-grid h5,.price-value:hover div.price-section-grid p,.price-value:hover div.price-section-grid h3,
.price-value:hover div.price-section-grid span {
  color:#fff;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
.price-value:hover div.price-section-grid ul li {
  color:#c2e1ff;
}
.price-value:nth-child(3){
  margin-right:0;
}
.price-value:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  z-index: 1;
  border: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.work-section {
  padding: 6em 0;
}
.work-section-head h3 {
  color: #394b50;
  font-size: 2.2em;
  font-weight: 900;
  text-transform: uppercase;
}
.work-section-head p {
  color: #394b50;
  font-size: 1.2em;
  font-weight: 500;
}
.work-section-grid {
  margin-top:8em;
  position:relative;
}
span.arrow1 {
  position: absolute;
  top: -35px;
  right: -64px;
}
span.arrow2 {
  position: absolute;
  top: 95px;
  right: -64px;
}
.work-section-grid h4 {
  color:#394b50;
  font-family: 'Lato', sans-serif;
  font-size:1.5em;
  font-weight:700;
  margin-bottom:0.8em;
  text-transform: uppercase;
  margin-top:4em;
}
.work-section-grid p {
  color: #7b7b7b;
  font-size: 0.95em;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom:6em;
}
a.work {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  text-decoration: none;
  background: #ffbb42;
  text-transform: uppercase;
  font-weight: 400;
  padding: 11px 23px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}
a.work:hover {
  background:#394b50;
}
.client {
  float:left;
  width: 25%;
  margin-right: 6%;
}
.client img {
  width:100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.client-info {
  float:left;
  width: 69%;
}
.happy-clients {
  background:#ffc155;
  padding:7em 0;
}
.happy-clients-head h3 {
  color: #fff;
  font-size: 2.2em;
  font-weight: 900;
  text-transform: uppercase;
}
.happy-clients-head p {
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
}
.happy-clients-grid {
  background:#fff;
  padding:2.5em 2em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  width: 47%;
  margin: 2% 3% 0 0;
}
.happy-clients-grid p {
  color: #7b7b7b;
  font-size: 0.95em;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom:1.2em;
}
.happy-clients-grid h4 {
  color:#99a9ae;
  font-size:1em;
  font-family: 'Lato', sans-serif;
  font-weight:400;
  text-transform: uppercase;
}
.happy-clients-grid h4 a {
  color:#f6772c;
  text-decoration:none;
}
.span_66{
  margin-right:0;
}
.happy-clients-grids {
  margin-top:3em;
}
img.open {
  margin: 0 6px 9px 0px;
}
img.closeq {
  margin: 6px 0px 0px 11px;
}
.contact-section {
  padding: 5em 0 3em 0;
}
.contact-section-head h3 {
  color: #394b50;
  font-size: 2.2em;
  font-weight: 900;
  text-transform: uppercase;
}
.contact-section-head p {
  color: #394b50;
  font-size: 1.2em;
  font-weight: 500;
}
.form input[type="text"] {
  width: 85%;
  color: #a9a9a9;
  font-size: 0.9em;
  padding: 14px 14px 14px 0;
  border: none;
  outline: none;
  background: #fff;
}
.form form li {
  display:inline-block;
}
.form {
  margin:3em 0 5em 0;
}
.form form li {
  border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  list-style: none;
  float: left;
  width: 35%;
  background: #fff;
  margin-right:1em;
  border:1px solid #cbcbcb;
}
.form form input[type="submit"] {
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 300;
  border: none;
  background: #ffbb42;
  padding: 14px 0px;
  width: 19%;
  outline: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}
.form form input[type="submit"]:hover {
  background:#394b50;
}
.bottom-menu ul li {
  display:inline-block;
  margin:0 1em;
}
.bottom-menu ul li a {
  font-size:1.05em;
  font-family: 'Lato', sans-serif;
  color:#394b50;
  text-transform:uppercase;
  font-weight:500;
  text-decoration:none;
}
.bottom-menu ul li a:hover {
  color:#ffbb42;
}
.footer {
  padding:1.2em 0;
  background:#709dca;
}
.copyright p {
  color:#ffffff;
  font-size:1.1em;
  font-weight:400;
}
.copyright p a {
  color:#ffffff;
}
.social-icons i {
  height: 25px;
  width: 25px;
  background: url(../images/img-sprite.png) no-repeat 0px 0px;
  display: inline-block;
  margin:0 0.5em;
}
i.twitter {
  background-position: -75px 0px;
}
i.twitter:hover {
  background-position: -75px -25px;
}
i.facebook {
  background-position: -100px 0px;
}
i.facebook:hover {
  background-position: -100px -25px;
}
i.googlepluse {
  background-position: -125px 0px;
}
i.googlepluse:hover {
  background-position: -125px -25px;
}
i.linkedin {
  background-position: -150px 0px;
}
i.linkedin:hover {
  background-position: -150px -25px;
}
p.call {
  font-size:1.6em;
  font-family: 'Lato', sans-serif;
  color:#394b50;
  font-weight:700;
  margin:1em 0;
}
i.phone {
  height: 25px;
  width: 25px;
  background: url(../images/img-sprite.png) no-repeat -175px 0px;
  display: inline-block;
  vertical-align:sub;
}
i.ear-phones {
  height: 85px;
  width: 85px;
  background: url(../images/img-sprite.png) no-repeat -200px 0px;
  display: inline-block;
}
i.lock {
  height: 85px;
  width: 85px;
  background: url(../images/img-sprite.png) no-repeat -285px 0px;
  display: inline-block;
}
i.cloud {
  height: 85px;
  width: 85px;
  background: url(../images/img-sprite.png) no-repeat -370px 0px;
  display: inline-block;
}
i.done {
  height: 85px;
  width: 85px;
  background: url(../images/img-sprite.png) no-repeat -455px 0px;
  display: inline-block;
}
.map {
  border-bottom: 1px solid #e3e7ec;
  margin-bottom: 3em;
  padding-bottom: 3em;
  position:relative;
}
.map img {
  width:100%;
}
.location {
  position: absolute;
  top:70px;
  left: 400px;
}
.bottom-logo img {
  width: 19%;
}
.address {
  background:#394b50;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  padding:5em;
  margin-bottom:2em;
  position:relative;
}
.address h4 {
  color:#fff;
  text-transform:uppercase;
  font-size:1.2em;
  font-family: 'Lato', sans-serif;
  font-weight:500;
  margin-bottom:1em;
}
.address p {
  color:#aeb7ba;
  font-size:0.9em;
  font-weight:500;
  margin:0.5em 0;
}
.address a {
  color:#ffbb42;
  font-size:0.95em;
  font-weight:500;
  display:block;
  margin-top:0.8em;
}
span.locate {
  position: absolute;
  bottom: -17px;
  left: 130px;
}
span.locate img {
  width: 100%;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  left: 24px;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border: none;
  text-indent: 100%;
  background: url(../images/up-arrow.png) no-repeat 8.8px 12px #ffbb42;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  z-index:666666;
}
/*banner 轮播图部分*/
.container{position: relative;}
.bg1 a{
  display:block;
  width:115px;
  height:30px;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -o-border-radius:15px;
  -ms-border-radius:15px;
  font-family:'SourceHanSansCN-Light';
  color:#f4e51d;
  border:1px solid #f4e51d;
  text-align: center;
  line-height:30px;
  text-decoration:none;
}
.bg1 a:hover{
  color:#0a94d6;
  border:1px solid #f4e51d;
  text-align: center;
  line-height:30px;
  text-decoration:none;
  background:#ffcc44;
}
/*part2 网络营销的力量*/
.part2-section{
  height:750px;
  background: #f6f6f6;
}
.part2-grids{
  margin-bottom:60px;
}
.part2-grid{
  width:230px;
  height:230px;
  float:left;
  background: #5e5e5e;
  margin:0 15px 15px 0;
  text-transform:uppercase;


}

.byl01{
  background: url(../images/cover/taobao.jpg) no-repeat;
}
.byl02{
  background: url(../images/cover/weib.jpg) no-repeat;
}
.byl03{
  background: url(../images/cover/chaijing.jpg) no-repeat;
}
.byl04{
  background: url(../images/cover/reci.jpg) no-repeat;
}
.byl05{
  background: url(../images/cover/weishang.jpg) no-repeat;
}
.byl06{
  background: url(../images/cover/sousuo.jpg) no-repeat;
}
.byl07{
  background: url(../images/cover/seo.jpg) no-repeat;
}
.byl08{
  background: url(../images/cover/more.png) #e2e2e2 no-repeat center;
  cursor:pointer;
}
.byl08 a{
  display:block;
  height:230px;
  width:230px;
}
.part2-grid:hover{
  background-size:240px 240px;
  background-position: center;

}

/*part-3 网络营销有多屌*/
.part3-section{
  width:100%;
  height:750px;
  background:#00bdd4;
}
.part3-grids{
  width:100%;
  height:450px;

}
.part3-left{
  float:left;
  width: 400px;
  height:100%;
  background: url(../images/parts/part3-left.png) no-repeat 20px 0px;
}
.part3-left a{
  width:100%;
  height:100%;
  display:block;
}
.part3-left:hover{
  background: url(../images/parts/part3-left-hover.png) no-repeat 20px 0px;
}
.part3-right{
  margin-top:100px;
  float:left;
  width:580px;
  height:415px;
}
.part3-grid{
  width:280px;
  height:200px;
  float:left;
  background:#66d7e5;
  border:5px solid #33cadd;
  text-align:left;
  margin:0 1px 1px 0;
}
.part3-grid1{
  border-radius:18px 3px 3px 3px;
  -webkit-border-radius:18px 3px 3px 3px;
  -moz-border-radius:18px 3px 3px 3px;
  -o-border-radius: 18px 3px 3px 3px;
  -ms-border-radius:18px 3px 3px 3px;
  padding:35px 40px;
}
.part3-grid2{
  border-radius:3px 18px 3px 3px;
  -webkit-border-radius:3px 18px 3px 3px;
  -moz-border-radius:3px 18px 3px 3px;
  -o-border-radius:3px 18px 3px 3px;
  -ms-border-radius:3px 18px 3px 3px;
  padding:35px 25px 15px 25px;
}
.part3-grid3{
  border-radius:3px 3px 3px 18px;
  -webkit-border-radius:3px 3px 3px 18px;
  -moz-border-radius:3px 3px 3px 18px;
  -o-border-radius:3px 3px 3px 18px;
  -ms-border-radius:3px 3px 3px 18px;
  padding:30px 40px;
}
.part3-grid4{
  border-radius:3px 3px 18px 3px;
  -webkit-border-radius:3px 3px 18px 3px;
  -moz-border-radius:3px 3px 18px 3px;
  -o-border-radius:3px 3px 18px 3px;
  -ms-border-radius:3px 3px 18px 3px;
  padding:30px 40px;
}

.part3-grid .title{
  font-weight:800;
}
.part3-grid .title span{
  color:#fcfe01;
  padding-left:10px;
}
.text{
  color:#00636f;
  line-height:24px;
}
.text span{display:inline-block;width:15px;height:14px;}
}

.part3-grid1 .title{margin-bottom:20px;}

.part3-grid2 .title{margin-bottom:10px;}
.part3-grid3 .title{margin-bottom:15px;}
.part3-grid4 .title{margin-bottom:15px;}


/*part4 参与者变策划者*/
.part4-section{
  width:100%;
  height:790px;
  background: url(../images/part4-bg.png) no-repeat center bottom #fafafa;
  border-bottom:3px solid #d6e5f3;
}
.part4-section a{
  display:block;
  width:250px;
  height: 55px;
  font-size:24px;
  color:#3dc6ff;
  line-height:51px;
  margin:0 auto;
  border:2px solid #3dc6ff;
  border-radius:15px;
  text-align:center;
}
.part4-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:53px;}
.part4-grids{
  width:800px;
  height:255px;
  margin:0 auto;
}
.part4-grid{
  width:190px;
  height:255px;
  float:left;
  margin-left:10px;
}
.part4-grid .sircl{
  width:164px;
  height:164px;
  border-radius:50%;
  border:3px solid;
}
.part4-grid .sircl:hover{
  border:1px solid;
}
.mark{
  background: url(../images/cover/marketing.png) no-repeat center;
}
.tech{
  background: url(../images/cover/technology.png) no-repeat center;
}
.actu{
  background: url(../images/cover/actualc.png) no-repeat center;
}
.plan{
  background: url(../images/cover/planning.png) no-repeat center;
}
.mark .sircl,.mark .sircl:hover{
  border-color:#2dc1ff;
}
.tech .sircl,.tech .sircl:hover{
  border-color:#ffd02d;
}
.actu .sircl,.actu .sircl:hover{
  border-color:#8ae2c8;
}
.plan .sircl,.plan .sircl:hover{
  border-color:#ffa2ab;
}

.hengf{
  position:relative;
  top:-30px;
}
.slogin{
  position:relative;
  top:-50px;
}

/*part-5 实战课程*/

.part5-section{
  width:100%;
  height:1600px;
  background: url(../images/cours-bg.jpg);
}
.part5-section .cours-01{
  width:300px;
  height: 195px;

}
.part5-grids{
  padding:0 25px;
}
.course{
  width:300px;
  height:350px;
  background: #fff;
  float:left;
  margin-right:25px;
  margin-bottom:25px;
}

.course-img{
  position:relative;
  width:300px;
  height:195px;
  cursor:pointer;
}
.course-name{
  position:absolute;
  top:158px;
  bottom:0px;
  width:300px;
  height:38px;
  line-height:38px;
  padding-left:30px;
  background:rgba(0,0,0,0.65);
  z-index:333;
}
.cover{
  position:absolute;
  top:0px;
  width:300px;
  height:195px;
  background:rgba(0,0,0,0.35);
  display:none;
  z-index:222;
  text-transform:uppercase;
}

.course-img:hover .cover{
  display:block;
}

.cover a{
  display:block;
  color:#fff;
  text-decoration:none;
  background:#ffb401;
  width:130px;
  height:35px;
  line-height:35px;
  text-align:center;
  margin:0 auto;
  position:relative;
  top:75px;
}
.part5-grids ul{
  padding:15px 30px;
  color:#515151;
  line-height:26px;
  list-style: square inside url('../images/parts/list-style.png')
}


.class-type{
  width:218px;
  height:218px;
  float:left;
  text-align:center;
  border:4px solid;
  border-radius:50%;
  position:relative;
  margin:15px;

}
.class-type .name{padding:30px 0 10px 0;font-weight:bold;}
.class-type .des{padding:0 0 10px 0; color: #595959;font-weight:bold;}
.class-type .des span{color:#f97243;padding-left:8px;}
.class-type .time{color:#656565;padding-bottom:20px;}
.class-type .botton{font-weight:bold;}

.class01{border-color:#9ee0ff;background:url('../images/parts/jichu.gif') #fff no-repeat center 137px ;}
.class01 .name{color:#008cd5;}
.class01 .botton{color:#fff661;}
.class01 .botton:hover{color:#ffea00;}

.class02{border-color:#ffedc3;background:url('../images/parts/jingying.gif') #fff no-repeat center 137px ;}
.class02 .name{color:#fe9b00;}
.class02 .botton{color:#ff7a40;}
.class02 .botton:hover{color:#ff631e;}

.class03{border-color:#a6f7db;background:url('../images/parts/zhoumo.gif') #fff no-repeat center 137px ;}
.class03 .name{color:#00ba83;}
.class03 .botton{color:#fff;}
.class03 .botton:hover{color:#cbffed;}

.class04{border-color:#ffd8d2;background:url('../images/parts/bdrz.gif') #fff no-repeat center 137px ;}
.class04 .name{color:#ff470e;}
.class04 .botton{color:#fe350d;}
.class04 .botton:hover{color:#ff0600;}

.class04 .time{position:relative;left:-28px;}
.class04 span{font-size:12px;position:absolute;top:105px;left:113px; color:#656565;}


/*part6 百度联合办学*/
.part6-section{
  width:100%;
  height:700px;
  background:url('../images/part6-bg.jpg') #fff no-repeat center top;
}
.part6-left{
  width:464px;
  height:339px;
  background:url('../images/parts/baidu-shouquan.png') no-repeat;
  float: left;

  margin:30px 100px 0 0;
}
.part6-right{
  width:410px;
  float: left;
  color:#444444;
  text-align: left;
  margin:15px 0 0 0;
}
.part6-right div{
  height:42px;
  padding-left:70px;
  margin-top:40px;
}
.part6-right .con-01{background:url('../images/parts/ico-01.png') no-repeat left;}
.part6-right .con-02{background:url('../images/parts/ico-02.png') no-repeat left;}
.part6-right .con-03{background:url('../images/parts/ico-03.png') no-repeat left;}
.part6-right .con-04{background:url('../images/parts/ico-04.png') no-repeat left;}
.part6-right .con-01:hover{background:url('../images/parts/ico-01-hover.png') no-repeat left;}
.part6-right .con-02:hover{background:url('../images/parts/ico-02-hover.png') no-repeat left;}
.part6-right .con-03:hover{background:url('../images/parts/ico-03-hover.png') no-repeat left;}
.part6-right .con-04:hover{background:url('../images/parts/ico-04-hover.png') no-repeat left;}

.explain{
  display:none;
  width:464px;
  height:339px;
  background:rgba(0,0,0,0.7);
  font-size:18px;
  line-height:28px;
  padding:100px 70px 0 70px;
  text-align:left;
}
.part6-left:hover .explain{
  display:block;
}

/*part7 教师部分*/
.part7-section{
  width:100%;
  height:800px;
  background:url('../images/teacher-bg.jpg') no-repeat center;
}
.part7-section .section-title{
  margin-top:75px;
  position:relative;
  left:-1px;
}
.part7-grids{
  width:900px;
  margin:0 auto;
  padding-left:5px;
}
.part7-grid{
  width:170px;
  height:350px;
  float:left;
  margin-right:6px;
  position:relative;
}
.part7-grid .title{
  width:170px;
  padding:8px 6px;
  background:rgba(247,118,68,0.75);
  position:absolute;
  bottom:0;
  z-index:22

}
.desc{
  width:170px;
  height: 350px;
  background:rgba(0,0,0,0.55);
  padding:140px 8px 0 8px;
  position:absolute;
  z-index:11;
  display:none;
  text-align:justify;
  text-justify:distribute-all-lines;/*ie6-8*/
  text-align-last:justify;/* ie9*/
  -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/
  font-size:15px;
}
.part7-grid:hover .desc{display:block;}
.part7-section a{
  display:block;
  width:208px;
  height:68px;
  background:url('../images/parts/part7-bot.png') no-repeat center;
  cursor:pointer;
  margin:0 auto;
  margin-top:60px;
}
.part7-section a:hover{
  background:url('../images/parts/part7-bot-hover.png') no-repeat center;
}

.teacher01{background:url('../images/cover/lxg.jpg') no-repeat center;}
.teacher02{background:url('../images/cover/ljt.jpg') no-repeat center;}
.teacher03{background:url('../images/cover/lsj.jpg') no-repeat center;}
.teacher04{background:url('../images/cover/cfz.jpg') no-repeat center;}
.teacher05{background:url('../images/cover/zhj.jpg') no-repeat center;}


/*pat8 营销大咖*/
.part8-section{
  width:100%;
  height:850px;
  background:#fff;
}
/*pat9 学员作品*/
.part9-section{
  width:100%;
  height:770px;
  background:#f1f1f1;
}

.part9-section a{
  display:block;
  width:166px;
  height: 45px;
  font-size:24px;
  color:#008cd5;
  line-height:41px;
  margin:0 auto;
  border:2px solid #008cd5;
  border-radius:15px;
  text-align:center;
  position:relative;
  top:60px;
}
.part9-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:43px;}

.part9-grids{
  width:960px;
  height:360px;
  margin:0 auto;
  position:relative;
}

#tab .tab_menu{
  width:180px;
  height:360px;
  position:absolute;
  z-index:111;
  background:#fff;
  border:1px solid #cccccc;
  padding-top:4px;
  left:209px;
}
#tab .tab_menu li{
  width:180px;
  height:55px;
  line-height:55px;
  cursor:pointer;
  text-align:left;
  margin:0 2px 0 0;
  color:#474747;
  list-style:none;
  padding-left:20px;
  font-size:15px;
  margin:1px 0;
}
#tab .tab_menu .selected{
  background:#e6e6e6;
  border-right:3px solid #008cd5;
  cursor:pointer;
}
#tab .tab_box{
  width:100%;
  height:100%;
  clear:both;
  overflow:hidden;
  position:relative;
}
.hiden{display:none;}



.work-content{
  width:100%;
  height: 100%;
  position:relative;
  top:0;
  left:0;
}
.works-left{
  float:left;
  width: 200px;
  height:360px;

}

.works-left .stu-desc{
  width:202px;
  height:145px;
  margin-top:10px;
  background:url("../images/parts/works-bg.png") no-repeat center;
  color:#7b7b7b;
  font-size:15px;
  line-height:28px;
  padding:15px;
}
.works-left .pict{
  width:200px;
  height:200px;
  background:#fff;
  background-position:center middle;
  border:1px solid #cccccc;
}

.work01 .pict{background:url("../images/works/lixc.jpg") #fff no-repeat center;}
.work02 .pict{background:url("../images/works/jjy.jpg") #fff no-repeat center;}
.work03 .pict{background:url("../images/works/wwy.jpg") #fff no-repeat center;}
.work04 .pict{background:url("../images/works/yyk.jpg") #fff no-repeat center;}
.work05 .pict{background:url("../images/works/zxd.jpg") #fff no-repeat center;}
.work06 .pict{background:url("../images/works/yk.jpg") #fff no-repeat center;}
.works-right{
  float:right;
  width: 560px;
  height:360px;
  background:#fff;
  border:1px solid #cccccc;
}


.swiper-container{
  width: 560px;
  height:360px;
  overflow:hidden;
}
.works-right img{
  margin:0 auto;
  width:558px;
  height:358px;
}

.sr-span{
  top:310px;
  width:560px;
  height:50px;
  position:absolute;
  z-index:99999;
  background-color:rgba(0,0,0,0.5);
}
.sr-span p{
  padding-left:20px;
  line-height:50px;
  font-size:20px;
  color:#ffffff;
}


/*
.works-right{position:relative;}
.works-right .images {width:560px;height:360px;overflow:hidden; margin:0 auto}
.works-right .images div{float:left;}
.works-right .tabs {display:none; }
.works-right .tabs a {}
.works-right .tabs a:hover {}
.works-right .tabs a.current {}

.works-right .backward, .forward {position:absolute;width:46px;height:360px;overflow:hidden;top:0px;cursor:pointer;font-size:0px;}
.works-right .backward {left: 0px;background:url('../images/parts/focus_ctrl_left.png') center no-repeat;}
.works-right .forward {right:0px;background:url('../images/parts/focus_ctrl_right.png') center no-repeat;}
.works-right .backward:hover { background:url('../images/parts/focus_ctrl_left-hover.png') center no-repeat;}
.works-right .forward:hover {background:url('../images/parts/focus_ctrl_right-hover.png') center no-repeat;}
»ÃµÆƬ
.works-right .flow-box{ border:1px solid #dddddd; width:220px; float:left; margin-right:13px; background-color:#fff; margin-bottom:9px;-moz-box-shadow:0px 0px 2px #f4f4f4 ;-webkit-box-shadow:0px 0px 2px #f4f4f4;box-shadow:0px 0px 2px #f4f4f4; }
.works-right .flow-thumb{text-align:center; padding-top:8px;}
.works-right .flow-info2{text-align:center;}
.works-right .flow-info2 p { height:44px; line-height:44px; text-align:center; padding:0 8px; overflow:hidden; font-size:14px; color:#666;}
.works-right .uploadN{ background-color:#fafafa; border-top:1px solid #f4f4f4}
*/
/*pat10 就业详情*/
.part10-section{
  width:100%;
  height:850px;
  background:#fff;
}
.part10-grids{
  width:956px;
  margin:0 auto;
}
.part10-grid{
  width:190px;
  height:190px;
  float:left;
  position:relative;
  margin:0 1px 1px 0;
  z-index:0;
}
.stu-cover{
  width:190px;
  height:190px;
  position:absolute;
  z-index:1;
  background:url('../images/cover/job-cover.png') no-repeat center;
}
.part10-grid:hover .stu-cover{
  background:url('../images/cover/job-cover-hover.png') no-repeat center;
}
.stu-info{
  margin-top:110px;
  width:190px;
  height:80px;
  display:none;
  z-index:99;
  background-color:rgba(58,110,212,0.8);
}
.stu-info p{
  padding:10px;
  font-size:14px;
  font-weight:bold;
  color:#ffffff;
}
.stu-info.p2{
  margin-top:90px;
  height:100px;
}
.part10-grid:hover .stu-info{
  display:block;
}

.stu01{background:url('../images/cover/job01.jpg') no-repeat center;z-index:99;}
.stu02{background:url('../images/cover/job02.jpg') no-repeat center;z-index:98;}
.stu03{background:url('../images/cover/job03.jpg') no-repeat center;z-index:97;}
.stu04{background:url('../images/cover/job04.jpg') no-repeat center;z-index:96;}
.stu05{background:url('../images/cover/job05.jpg') no-repeat center;z-index:95;}

.stu06{background:url('../images/cover/job06.jpg') no-repeat center;z-index:30;}
.stu07{background:url('../images/cover/job07.jpg') no-repeat center;z-index:31;}
.stu08{background:url('../images/cover/job08.jpg') no-repeat center;z-index:32;}
.stu09{background:url('../images/cover/job09.jpg') no-repeat center;z-index:33;}
.stu10{background:url('../images/cover/job10.jpg') no-repeat center;z-index:34;}

.stu11{background:url('../images/cover/job11.jpg') no-repeat center;z-index:20;}
.stu12{background:url('../images/cover/job12.jpg') no-repeat center;z-index:19;}
.stu13{background:url('../images/cover/job13.jpg') no-repeat center;z-index:18;}
.stu14{background:url('../images/cover/job14.jpg') no-repeat center;z-index:17;}
.stu15{background:url('../images/cover/job15.jpg') no-repeat center;z-index:16;}


/*pat10 就业详情*/
/*.part10-section{*/
/*width:100%;*/
/*height:850px;*/
/*background:#fff;*/
/*}*/
/*.part10-grids{*/
/*width:956px;*/
/*margin:0 auto;*/
/*}*/
/*.part10-grid{*/
/*width:190px;*/
/*height:190px;*/
/*float:left;*/
/*position:relative;*/
/*margin:0 1px 1px 0;*/
/*z-index:0;*/
/*}*/
/*.stu-cover{*/
/*width:190px;*/
/*height:190px;*/
/*position:absolute;*/
/*background:url('../images/cover/job-cover.png') no-repeat center;*/
/*}*/
/*.stu-cover:hover{*/
/*background:url('../images/cover/job-cover-hover.png') no-repeat center;*/
/*}*/
/*.part10-grid .stu-desc{*/
/*width:197px;*/
/*height:197px;	*/
/*position:fixed;	*/
/*opacity:0;*/
/*filter:alpha(opacity=0); *//*IE滤镜，透明度50%*/
/*-moz-opacity:0; *//*Firefox私有，透明度50%*/
/*z-index:999;*/
/*}*/
/*.part10-grid:hover .stu-desc{*/
/*opacity:1;*/
/*filter:alpha(opacity=100); *//*IE滤镜，透明度50%*/
/*-moz-opacity:100; *//*Firefox私有，透明度50%*/
/*z-index:999999;*/
/*font-size:16px;*/
/*line-height: 30px;*/

/*}*/
/*.stu01{background:url('../images/cover/job01.jpg') no-repeat center;z-index:99;}*/
/*.stu02{background:url('../images/cover/job02.jpg') no-repeat center;z-index:98;}*/
/*.stu03{background:url('../images/cover/job03.jpg') no-repeat center;z-index:97;}*/
/*.stu04{background:url('../images/cover/job04.jpg') no-repeat center;z-index:96;}*/
/*.stu05{background:url('../images/cover/job05.jpg') no-repeat center;z-index:95;}*/

/*.stu06{background:url('../images/cover/job06.jpg') no-repeat center;z-index:30;}*/
/*.stu07{background:url('../images/cover/job07.jpg') no-repeat center;z-index:31;}*/
/*.stu08{background:url('../images/cover/job08.jpg') no-repeat center;z-index:32;}*/
/*.stu09{background:url('../images/cover/job09.jpg') no-repeat center;z-index:33;}*/
/*.stu10{background:url('../images/cover/job10.jpg') no-repeat center;z-index:34;}*/

/*.stu11{background:url('../images/cover/job11.jpg') no-repeat center;z-index:20;}*/
/*.stu12{background:url('../images/cover/job12.jpg') no-repeat center;z-index:19;}*/
/*.stu13{background:url('../images/cover/job13.jpg') no-repeat center;z-index:18;}*/
/*.stu14{background:url('../images/cover/job14.jpg') no-repeat center;z-index:17;}*/
/*.stu15{background:url('../images/cover/job15.jpg') no-repeat center;z-index:16;}*/

/*.stu01:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu02:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu03:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu04:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu05:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/

/*.stu06:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/
/*.stu07:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu08:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu09:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu10:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/

/*.stu11:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu12:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu13:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu14:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu15:hover .stu-desc{height:190px; width:190px; background:rgba(0,162,246,0.94); top:0px; right:0px;padding:50px 0 0 8px  }*/



/*pat11 我适合学吗*/
.part11-section{
  width:100%;
  height:790px;
  background:url('../images/part11-bg.jpg') #e6e6e6 no-repeat center bottom;
}
.part11-section .section-title{
  margin-top:55px;
  margin-bottom:50px;
}
.part11-grids{
  width:845px;
  height:185px;
  margin:0 auto;
  position:relative;
  left:50px;
  margin-bottom:15px;
}
.part11-grid{
  width:155px;
  height: 185px;
  margin-right:10px;
  float:left;
}
.con01,.con03,.con05{
  background:url('../images/parts/blue.png') no-repeat center;
}
.con02,.con04{
  background:url('../images/parts/yellow.png') no-repeat center;
}
.part11-grid img{
  margin:0 auto;
  margin-top:42px;
  height: 78px;
  width: 145px;
}
.part11-grid a{
  display:block;
  width: 98px;
  height:28px;
  margin:0 auto;
  line-height:28px;
  text-align: center;
  font-weight: bold;
  color:#fff;
  background:#ffc000;
  border-radius: 15px;
  margin-top:6px;
}
.part11-grid a:hover{
  color:#ffedb5;
}
.part-bottom{
  position:absolute;
  top:430px;
  right:60px;
  text-align:right;
}
.bottom1,.bottom2{
  font-weight:bold;
  margin-top: 30px;

}
.bottom1 a{
  display:inline-block;
  width:150px;
  height:38px;
  line-height:38px;
  font-size:20px;
  text-align:center;
  color:#fff;
  text-decoration:none;
  background:#ef6b37;
  border-radius:20px;
  position:relative;
  top:-2px;
}
.bottom1 a:hover{color:#ffdcce;}



.top-menu ul li a.cbp-menu{color:#009cf6 ;position:relative;top:2px;}
.top-menu ul.cbp-hssubmenu li a{line-height:30px;color:#009cf6;}

/*底部*/
.footer{background:#404040;text-align:center;}
.cnzz{width:50px;height:12px;display:inline-block;margin-left:15px; background:url("../images/cnzz.jpg");}
.footer p{padding:30px 0;}

/*swiper3.08.min.css*/
/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: June 14, 2015
 */
.swiper-container ,.swiper-container2,.swiper-container3,.swiper-container4,.swiper-container5,.swiper-container6{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev ,.swiper-button-next2, .swiper-button-prev2 ,.swiper-button-next3, .swiper-button-prev3,.swiper-button-next4, .swiper-button-prev4,.swiper-button-next5, .swiper-button-prev5,.swiper-button-next6, .swiper-button-prev6{
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled ,.swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled ,.swiper-button-next3.swiper-button-disabled, .swiper-button-prev3.swiper-button-disabled,.swiper-button-next4.swiper-button-disabled, .swiper-button-prev4.swiper-button-disabled,.swiper-button-next5.swiper-button-disabled, .swiper-button-prev5.swiper-button-disabled, ,.swiper-button-next6.swiper-button-disabled, .swiper-button-prev6.swiper-button-disabled{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 opacity: .35;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 cursor: auto;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 pointer-events: none
                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next ,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2  ,.swiper-button-prev3, .swiper-container-rtl .swiper-button-next3 ,.swiper-button-prev4, .swiper-container-rtl .swiper-button-next4 ,.swiper-button-prev5, .swiper-container-rtl .swiper-button-next5,.swiper-button-prev6, .swiper-container-rtl .swiper-button-next6{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black  ,.swiper-button-prev2.swiper-button-black, .swiper-container-rtl .swiper-button-next2.swiper-button-black  ,.swiper-button-prev3.swiper-button-black, .swiper-container-rtl .swiper-button-next3.swiper-button-black ,.swiper-button-prev4.swiper-button-black, .swiper-container-rtl .swiper-button-next4.swiper-button-black   ,.swiper-button-prev5.swiper-button-black, .swiper-container-rtl .swiper-button-next5.swiper-button-black,.swiper-button-prev6.swiper-button-black, .swiper-container-rtl .swiper-button-next6.swiper-button-black{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white ,.swiper-button-prev2.swiper-button-white, .swiper-container-rtl .swiper-button-next2.swiper-button-white  ,.swiper-button-prev3.swiper-button-white, .swiper-container-rtl .swiper-button-next3.swiper-button-white,.swiper-button-prev4.swiper-button-white, .swiper-container-rtl .swiper-button-next4.swiper-button-white,.swiper-button-prev5.swiper-button-white, .swiper-container-rtl .swiper-button-next5.swiper-button-white,.swiper-button-prev6.swiper-button-white, .swiper-container-rtl .swiper-button-next6.swiper-button-white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev ,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2 ,.swiper-button-next3, .swiper-container-rtl .swiper-button-prev3 ,.swiper-button-next4, .swiper-container-rtl .swiper-button-prev4 ,.swiper-button-next5, .swiper-container-rtl .swiper-button-prev5,.swiper-button-next6, .swiper-container-rtl .swiper-button-prev6{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black ,.swiper-button-next2.swiper-button-black, .swiper-container-rtl .swiper-button-prev2.swiper-button-black ,.swiper-button-next3.swiper-button-black, .swiper-container-rtl .swiper-button-prev3.swiper-button-black ,.swiper-button-next4.swiper-button-black, .swiper-container-rtl .swiper-button-prev4.swiper-button-black ,.swiper-button-next5.swiper-button-black, .swiper-container-rtl .swiper-button-prev5.swiper-button-black  ,.swiper-button-next6.swiper-button-black, .swiper-container-rtl .swiper-button-prev6.swiper-button-black{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white ,.swiper-button-next2.swiper-button-white, .swiper-container-rtl .swiper-button-prev2.swiper-button-white   ,.swiper-button-next3.swiper-button-white, .swiper-container-rtl .swiper-button-prev3.swiper-button-white   ,.swiper-button-next4.swiper-button-white, .swiper-container-rtl .swiper-button-prev4.swiper-button-white  ,.swiper-button-next5.swiper-button-white, .swiper-container-rtl .swiper-button-prev5.swiper-button-white   ,.swiper-button-next6.swiper-button-white, .swiper-container-rtl .swiper-button-prev6.swiper-button-white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none
}

.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;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

/*font.css*/
/*by-lixin*/
.font-12{font-size:12px; line-height:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-28{font-size:28px;}
.font-30{font-size:30px;}
.font-35{font-size:35px;}
.font-44{font-size:44px;}

.font-light{font-weight:lighter;}
.font-normal{font-weight: normal; }
.font-bold{font-weight:bold;}
.font-heavy{font-weight:800;}
.font-gay45{color:#727272;}
.font-gay35{color:#595959;}
.font-baidu{color:#e02b34;}
.font-bot1{color:#2a546c;}
.font-bot2{color:#ef6b37;}

a:hover{text-decoration:none; cursor:pointer;};
/*component.css*/
@font-face {
  font-family: 'bpmenu';
  src:url('../fonts/bpmenu/bpmenu.eot');
  src:url('../fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'),
  url('../fonts/bpmenu/bpmenu.woff') format('woff'),
  url('../fonts/bpmenu/bpmenu.ttf') format('truetype'),
  url('../fonts/bpmenu/bpmenu.svg#bpmenu') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
  position: relative;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
  position: relative;
  z-index: 100;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
}

.cbp-hsmenu > li {
}

.cbp-hsmenu > li:first-child {
  margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
  color: #fff;
  display: inline-block;
  position: relative;
  outline: none;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
  display: inline-block;
  font-family: 'bpmenu';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  vertical-align: middle;
  position:relative;
  left:105px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {
  content: "\f106";
}

/* Add a triangle to currently open menu item link */


/* Submenu style */
.cbp-hssubmenu {
  position: absolute;
  left: 0;
  text-align: left; /* for aligning the sub items */
  visibility: hidden;
  color:#000;
  font-size:13px;
  border:1px solid #009cf6;
  border-radius:5px;
  line-height:28px;
  top:33px;
}
ul.cbp-hssubmenu li a{line-height:30px;}
.cbp-hssubmenu .fl-up{
  width:12px;
  height:6px;
  background:url("../images/parts/fl-up.png");
  position:absolute;
  top:-5px;
  left:120px;
}

.cbp-hssubmenu:before,
.cbp-hssubmenu:after {
}
.cbp-hssubmenu:after {
  clear: both;
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
  display: inline-block;
  vertical-align:middle;
  opacity: 0;
  -webkit-transition: opacity 0.1s 0s;
  -moz-transition: opacity 0.1s 0s;
  transition: opacity 0.1s 0s;
}

/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+6) {
  box-shadow: -28px 0 0 -27px #ddd;
}

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(6n+1) {
  box-shadow:  0 -28px 0 -27px #ddd;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
  box-shadow: none;
}

.cbp-hssubmenu > li a {
  display: block;
  text-align: center;
  color: #a2a2a2;
  outline: none;
  padding:;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
  color: #1276cb;
  text-decoration:underline;
}

.cbp-hssubmenu > li a img {
  border: none;
  outline: none;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
  opacity: 0.5;
}

.cbp-hssubmenu > li a span {
  display: block;
  min-height: 3em;
  margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
  visibility: visible;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.1s;
  -moz-transition: opacity 0.5s 0.1s;
  transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 0;
  height: 0px;
}

.no-touch .cbp-hsmenubg {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}

@media screen and (max-width: 65em){
  .cbp-hsmenu-wrapper {
    font-size: 80%;
  }
}

@media screen and (max-width: 51.4375em){
  .cbp-hsmenu-wrapper {
    font-size: 100%;
  }

  .cbp-hsmenu-wrapper .cbp-hsmenu {
    padding: 0;
    max-width: none;
    width: 100%;
  }

  .cbp-hsmenu > li {
    border-top: 1px solid rgba(255,255,255,0.5);
    text-align: center;
    margin: 0 auto;
    display: block;
  }

  .cbp-hsmenu > li:first-child {
    border-top: none;
  }

  .cbp-hsmenu > li > a {
    display: block;
  }

  .cbp-hsmenu > li > a:not(:only-child):before {
    line-height: 1.8;
    right: 0;
    position: absolute;
    font-size: 200%;
  }

  .cbp-hsmenubg {
    display: none;
  }

  .cbp-hssubmenu {
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    height: 0;
  }

  .cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
    height: auto;
  }

  /* Let's only allow 3 item in a row now */
  .cbp-hssubmenu > li {
    width: 30%;
  }

  /* Reset box shadows for the 6 items in row case */
  .cbp-hssubmenu > li:nth-child(-n+6),
  .cbp-hssubmenu > li:nth-child(6n+1) {
    box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
  }

  /* First 4 items don't have upper box shadow */
  .cbp-hssubmenu > li:nth-child(-n+3) {
    box-shadow: -28px 0 0 -27px #ddd;
  }

  /* Every 5th item does not have a left box shadow */
  .cbp-hssubmenu > li:nth-child(3n+1) {
    box-shadow:  0 -28px 0 -27px #ddd;
  }

}

@media screen and (max-width: 25em){
  /* Let's only allow 1 item in a row now */
  .cbp-hssubmenu > li {
    width: 100%;
    display: block;
  }

  .cbp-hsmenu-wrapper .cbp-hssubmenu > li {
    box-shadow: 0 1px #cecece;
    text-align: left;
  }

  .cbp-hssubmenu > li a {
    text-align: left;
    line-height: 50px;
    padding: 0.4em 1em;
  }

  .cbp-hssubmenu > li a img {
    float: left;
    max-height: 50px;
  }

  .cbp-hssubmenu > li a span {
    min-height: 0;
    margin: 0;
  }
}

.cbp-menu{ color:#009cf6;}

.bx_banner_box{
  width: 100%;
  margin: 0px auto;
}
.bx_banner_box a{
  display: block;
  width: 100%;
  height: 90px;
  background: url(../images/bx_banner.jpg) no-repeat center center;
}