/*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(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@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(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

.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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    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(0deg);
    transform: rotate(0deg);
    -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(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/sotop01.jpg*/ repeat; text-align:center;}


/*-----start-header----*/
.layout{width:1024px;margin:auto}
.header{ width:100%; height:110px; border-bottom:1px solid #CCC;}
.header .logo_area{ margin-top:30px; width:510px;}
.header .logo_area h1{ width:155px; height:60px; background:url(../images/logo.png) no-repeat 10px 5px; float:left;
  overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#333333 1px solid;white-space:nowrap;}
.header .logo_area  h3{  color:#24272e;font-size:16px; line-height:28px; padding-left:15px; float:left; font-weight:normal;}
.header .logo_area  span{  font-size:20px; }
.header .tel{ float:right; color:#24272e; line-height:24px; height:40px; font-size:16px; text-align:right;}
.header .tel span { font-size: 24px;}

.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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/wlyx1128.jpg*/ no-repeat center;}
.banner .list li.bg1{ background:url("../images/banner01.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/banner01.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/banner02.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/banner02.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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/weib.png*/ no-repeat;}
	.sheq .title-grid{background:url("../images/parts/sheq.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/sheq.png*/ no-repeat;}
	.qit .title-grid{background:url("../images/parts/qit.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/qit.png*/ no-repeat;}
	.baid .title-grid{background:url("../images/parts/baid.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/baid.png*/ no-repeat;}
	.taob .title-grid{background:url("../images/parts/taob.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/taob.png*/ no-repeat;}
	.weix .title-grid{background:url("../images/parts/weix.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/img-sprite.png*/ no-repeat -200px 0px;
	display: inline-block;
}
i.lock {
	height: 85px;
	width: 85px;	
	background: url("../images/img-sprite.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/img-sprite.png*/ no-repeat -285px 0px;
	display: inline-block;
}
i.cloud {
	height: 85px;
	width: 85px;	
	background: url("../images/img-sprite.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/img-sprite.png*/ no-repeat -370px 0px;
	display: inline-block;
}
i.done {
	height: 85px;
	width: 85px;	
	background: url("../images/img-sprite.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/taobao.jpg*/ no-repeat;
}
.byl02{
	background: url("../images/cover/weib.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/weib.jpg*/ no-repeat;
}
.byl03{
	background: url("../images/cover/chaijing.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/chaijing.jpg*/ no-repeat;
}
.byl04{
	background: url("../images/cover/reci.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/reci.jpg*/ no-repeat;
}
.byl05{
	background: url("../images/cover/weishang.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/weishang.jpg*/ no-repeat;
}
.byl06{
	background: url("../images/cover/sousuo.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/sousuo.jpg*/ no-repeat;
}
.byl07{
	background: url("../images/cover/seo.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/seo.jpg*/ no-repeat;
}
.byl08{
	background: url("../images/cover/more.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/part3-left-hover.png*/ no-repeat 20px 0px;
}
.part3-right{
	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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/marketing.png*/ no-repeat center;
}
.tech{
	background: url("../images/cover/technology.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/technology.png*/ no-repeat center;
}
.actu{
	background: url("../images/cover/actualc.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/actualc.png*/ no-repeat center;
}
.plan{
	background: url("../images/cover/planning.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/part6-bg.jpg*/ #fff no-repeat center top;
}
.part6-left{
	width:464px;
	height:339px;
	background:url("../images/parts/baidu-shouquan.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-01.png*/ no-repeat left;}
.part6-right .con-02{background:url("../images/parts/ico-02.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-02.png*/ no-repeat left;}
.part6-right .con-03{background:url("../images/parts/ico-03.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-03.png*/ no-repeat left;}
.part6-right .con-04{background:url("../images/parts/ico-04.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-04.png*/ no-repeat left;}
.part6-right .con-01:hover{background:url("../images/parts/ico-01-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-01-hover.png*/ no-repeat left;}
.part6-right .con-02:hover{background:url("../images/parts/ico-02-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-02-hover.png*/ no-repeat left;}
.part6-right .con-03:hover{background:url("../images/parts/ico-03-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/ico-03-hover.png*/ no-repeat left;}
.part6-right .con-04:hover{background:url("../images/parts/ico-04-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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-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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/part7-bot-hover.png*/ no-repeat center;
}

.teacher01{background:url("../images/cover/lxg.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/lxg.jpg*/ no-repeat center;}
.teacher02{background:url("../images/cover/ljt.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/ljt.jpg*/ no-repeat center;}
.teacher03{background:url("../images/cover/wwy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/wwy.jpg*/ no-repeat center;}
.teacher04{background:url("../images/cover/cfz.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/cfz.jpg*/ no-repeat center;}
.teacher05{background:url("../images/cover/zhj.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/works/lixc.jpg*/ #fff no-repeat center;}
.work02 .pict{background:url("../images/works/jjy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/works/jjy.jpg*/ #fff no-repeat center;}
.work03 .pict{background:url("../images/works/wwy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/works/wwy.jpg*/ #fff no-repeat center;}
.work04 .pict{background:url("../images/works/yyk.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/works/yyk.jpg*/ #fff no-repeat center;}
.work05 .pict{background:url("../images/works/zxd.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/works/zxd.jpg*/ #fff no-repeat center;}
.work06 .pict{background:url("../images/works/yk.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job-cover.png*/ no-repeat center;
}
.part10-grid:hover .stu-cover{
	background:url("../images/cover/job-cover-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job01.jpg*/ no-repeat center;z-index:99;}
.stu02{background:url("../images/cover/job02.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job02.jpg*/ no-repeat center;z-index:98;}
.stu03{background:url("../images/cover/job03.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job03.jpg*/ no-repeat center;z-index:97;}
.stu04{background:url("../images/cover/job04.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job04.jpg*/ no-repeat center;z-index:96;}
.stu05{background:url("../images/cover/job05.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job05.jpg*/ no-repeat center;z-index:95;}

.stu06{background:url("../images/cover/job06.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job06.jpg*/ no-repeat center;z-index:30;}
.stu07{background:url("../images/cover/job07.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job07.jpg*/ no-repeat center;z-index:31;}
.stu08{background:url("../images/cover/job08.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job08.jpg*/ no-repeat center;z-index:32;}
.stu09{background:url("../images/cover/job09.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job09.jpg*/ no-repeat center;z-index:33;}
.stu10{background:url("../images/cover/job10.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job10.jpg*/ no-repeat center;z-index:34;}

.stu11{background:url("../images/cover/job11.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job11.jpg*/ no-repeat center;z-index:20;}
.stu12{background:url("../images/cover/job12.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job12.jpg*/ no-repeat center;z-index:19;}
.stu13{background:url("../images/cover/job13.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job13.jpg*/ no-repeat center;z-index:18;}
.stu14{background:url("../images/cover/job14.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/cover/job14.jpg*/ no-repeat center;z-index:17;}
.stu15{background:url("../images/cover/job15.jpg")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/images/parts/blue.png*/ no-repeat center;
}
.con02,.con04{
	background:url("../images/parts/yellow.png")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/fonts/bpmenu/bpmenu.eot*/;
	src:url("../fonts/bpmenu/bpmenu.eot-#iefix")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/fonts/bpmenu/bpmenu.eot?#iefix*/ format('embedded-opentype'),
		url("../fonts/bpmenu/bpmenu.woff")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/fonts/bpmenu/bpmenu.woff*/ format('woff'),
		url("../fonts/bpmenu/bpmenu.ttf")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/fonts/bpmenu/bpmenu.ttf*/ format('truetype'),
		url("../fonts/bpmenu/bpmenu.svg#bpmenu")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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';
	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")/*tpa=http://bj.so.tedu.cn/xzt/wlyx/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;

}

.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;}