@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

.flash {
  animation-name: flash;
}

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

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

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

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

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

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

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

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

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

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

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

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

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

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

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

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

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

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}


/* public/static/home/defaults/css/public.css */
@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
body{overflow-x:hidden;}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"alibaba","微软雅黑","宋体";
    color:#333333;
    background:#fff;
    transition: all 0.6s;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#333333; text-decoration:none; }
a:hover{color:#116bc4;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-003{color: #002d5a!important;}
ul,ol,li{list-style:none}

/*公共类*/
.w12 {  /*版心 提取 */
    width: 1200px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.clear{clear: both;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}
.fd{flex-direction: column;}
.text-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.text-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}

@font-face {
  font-family: "alibaba";
  src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
       url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
       url("../font/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
       url("../font/Alibaba-PuHuiTi-Regular.svg") format("svg");
} 

.alibaba{font-family: "alibaba";}

/* 头部公共 css */
#web-top{width: 100%;height: 90px;position: absolute;top:0;left:0;z-index:99;background:rgba(255,255,255,0.2);}
#web-top:hover{background:#fff;}

#navbut,.motop-nav{display: none;}

#web-top .logo{height: 36px;}
#web-top .logo img{height:100%;}
#web-top .top-nav{position: relative;z-index: 2;flex:1;margin:0px 40px;}
#web-top .top-nav li.nLi{font-size:18px;line-height: 90px;position: relative;z-index: 2;width:106px;text-align: center;}
#web-top .top-nav li.nLi:last-child{margin-right: 0px;}
#web-top .top-nav li.nLi:after{content:'';display: block;width:0px;height: 4px;transition: all 0.6s;
background: #116bc4;margin:0 auto;margin-top: -4px;background-size:cover;}
#web-top .top-nav li.nLi:hover .top-a,#web-top .top-nav li.on .top-a{color: #116bc4 !important;}
#web-top .top-nav li.nLi:hover:after,#web-top .top-nav li.nLi.on:after{width:70px;}
#web-top .web-other span a{font-size:14px;line-height:18px;}
#web-top .web-other a.pt{font-size:14px;display: inline-block;margin-left:18px;}
#web-top .web-other a.ons{color:#116bc4;font-weight:bold;}


#web-top .top-nav li.nLi:nth-child(5) a.top-a:before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/searchs.png)no-repeat center;
background-size:cover;    margin-bottom: -3px;margin-right: 6px;}

#web-top .top-nav li.nLi:nth-child(7) a.top-a:before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/buy.png)no-repeat center;
background-size:cover;    margin-bottom: -3px;margin-right: 6px;}


.son-nav{position: absolute;background:#fff;overflow: hidden;top:90px;left:-20%;width:140%;text-align: center;z-index: 999;display: none;}
.son-nav a{font-size: 14px;line-height: 40px;border-top: 1px solid #eee;display: block;color: #333333;}
.son-nav a:hover{background:#116bc4;color: #fff !important;}
/*banner*/
 .fullSlide{ width:100%;  position:relative;  background:#fff;z-index:1;height: 100vh;min-height: 600px;}
    .fullSlide .bd{ 
        margin:0 auto; 
        position:relative; 
        z-index:0; 
        height:100vh;
        min-height: 600px;
    }
    .fullSlide .bd ul{ 
        width:100% !important; 
        height: 100% !important;
    }
    .fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;height:100%;    background-position: center center !important;}
    .fullSlide .bd li a{ display:block;}
     .fullSlide .bd li img{width: 100%;}
     .fullSlide .bd li video{height:100%;}

    .fullSlide .hd{ display:block!important;width:100%;position:absolute;z-index:1999;bottom:5%;margin: 0 auto;
        left:0; text-align:center;}
    .fullSlide .hd ul{ text-align:center; }
    .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:8px;margin:4px;overflow:hidden;line-height:999px;
        border-radius:12px;box-sizing: border-box;border:1px solid #fff;}
    .fullSlide .hd ul .on{background:#fff !important;}

    .fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:64px; height:64px; 
    display:none; }
    .fullSlide .next{ left:auto; right:5%;}  


/* 底部信息 */
#foot{width: 100%;background: #081227;overflow: hidden;padding-top:95px;color: #fff;}
#foot .foot-call{width:250px;}
#foot .foot-call h2{font-size:18px;line-height:18px;color:#fff;margin-bottom:28px;}
#foot .foot-call p{color:#56698e;font-size:14px;line-height:18px;margin-bottom:20px;}
#foot .foot-call p.email:before{content:'';display: inline-block;width:15px;height:13px;background:url(../images/foot-icon1.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.tel:before{content:'';display: inline-block;width:12px;height:13px;background:url(../images/foot-icon2.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.adds:before{content:'';display: inline-block;width:13px;height:19px;background:url(../images/foot-icon3.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.foot-pd{padding-left:23px;}
#foot .foot-rwm{width:215px;}
#foot .foot-rwm li{width:95px;margin-bottom:35px;text-align: center;}
#foot .foot-rwm li img{width:100%;}
#foot .foot-rwm li p{font-size:12px;color:#fff;line-height:12px;margin-top:7px;}

#foot .foot-nav{width:475px;}
#foot .foot-nav .foot-li p{font-size:18px;line-height:18px;margin-bottom:25px;}
#foot .foot-nav .foot-li li{font-size:14px;line-height:14px;margin-bottom:25px;}
#foot .foot-nav .foot-li li a{color:#56698e;}

#foot .foot-but{background:#111f3c;width:100%;height:130px;box-sizing: border-box;padding-top:38px;}
#foot .foot-but p{font-size:14px;}
#foot .foot-but p img{margin:0px 8px;}
#foot .foot-but p a{color:#fff;}


/* 底部留言 */
.foot-liuyan{width:815px;}
.foot-liuyan h3{font-size:16px;line-height:16px;text-transform: uppercase;margin-bottom:20px;}
.foot-liuyan .liuyan-form .row-1{margin-bottom:10px;}
.foot-liuyan .liuyan-form .row-1 input{display:inline-block;width:152px;height:42px;box-sizing: border-box;border:1px solid #353535;
background:#404c65;font-size:12px;line-height:42px;color:#6d6d6d;padding:0px 15px;margin-right:6px;border-radius:4px;}
.foot-liuyan .liuyan-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #353535;background:#404c65;
padding:15px;height:160px;border-radius:4px;}
.foot-liuyan .liuyan-form .row-1 .sub-foot{margin-right:0px;font-size:0px;background:url(../images/sub-back.jpg)no-repeat center;border:none;
background-size:cover;width:126px;height:42px;cursor: pointer;}

.f-r{position: fixed;bottom:30%;z-index:999;right:0;}
.f-r li{width:100%;background:rgba(7,7,7,0.4);margin-bottom:3px;position:relative;width:55px;}
.f-r li .xf-img{width:55px;height:100%;text-align: center;box-sizing:border-box;padding:10px 0px;}
.f-r li .xf-img img{width:34px;}
.f-r li p{font-size:20px;line-height:55px;color:#fff;}
.f-r li p.tels{top: 0px;right: 55px;background: rgba(7,7,7,0.4);width: 0px;transition:width 0.2s;
font-size:0px;overflow:hidden;position:absolute;text-align: center;}
.f-r li p.tels a{display: block;color: #fff;}
.f-r li p.tels a:first-child:after{content:'';display: block;width:100px;height:1px;background:#dfe0e1;margin:0px auto;}
.f-r li p.tels img{margin:10px;}
.f-r li p.rwm{top:0px;right: 55px;background: rgba(7,7,7,0.4);width:180px;overflow:hidden;position:absolute;
box-sizing:border-box;padding:12px;display:none;text-align: center;font-size: 18px;line-height: 32px;}
.f-r li p.dz-img{top: 0px;right: 55px;background: rgba(7,7,7,0.4);width: 180px;height: 109px;overflow:hidden;position:absolute;
box-sizing:border-box;padding:10px;display:none;text-align: center;font-size: 18px;line-height: 32px;}
.f-r li p.rwm img{width:100%;margin:0 auto;}
.f-r li:nth-child(1):hover p.tels{width:180px;font-size:18px;padding:0px 20px;box-sizing: border-box;}
.f-r li:nth-child(2):hover p.dz-img{display: block;}
.f-r li:nth-child(3):hover p.rwm{display: block;}

.f-r li p.dz-img span:after,.f-r li p.rwm span:after{content:'';display: block;width:100px;height:1px;background:#dfe0e1;margin:10px auto;}

.nn{display: inline-block;position: relative;}
.nn .pt-son{width: 148px;position: absolute;top: 54px;background:#fff;left:-55%;}
.nn .pt-son a{display: block;font-size:14px;line-height:40px;text-align: center;color:#333 !important;border-bottom:1px solid #eee;}

/* public/static/home/defaults/css/index.css */
/* banner */
.banner-text{position: absolute;z-index: 99; top:40%;left: 5%;color: #fff;text-align: left;}
.banner-text h3{font-size: 50px;line-height: 50px;margin-bottom: 5%;font-weight: bold;color: #2376c8;}
.banner-text p{font-size: 24px;line-height: 24px;}

.pc-none{display:none;}
.mo-none{display:block;}

/* 应用方案 */
.index_fanan{width:100%;background-size:cover;background:url(../images/fangan-back.jpg)no-repeat center;padding-top:80px;}
.index_fanan .fanan-list li{position:relative;margin-bottom:36px;}
.index_fanan .fanan-list li:nth-child(1),.index_fanan .fanan-list li:nth-child(7){width:680px;height:420px;}
.index_fanan .fanan-list li:nth-child(2),.index_fanan .fanan-list li:nth-child(4),.index_fanan .fanan-list li:nth-child(6){width:445px;height:420px;}
.index_fanan .fanan-list li:nth-child(3){width:324px;height:420px;}
.index_fanan .fanan-list li:nth-child(5){width:324px;background:url(../images/more-sss.jpg)no-repeat center;
	background-size:cover;border-radius:15px;text-align: center;display: table;}
.index_fanan .fanan-list li:nth-child(5) a{font-size:48px;line-height:48px;letter-spacing:4px;color:#fff;display: table-cell;
    vertical-align: middle;}
    .index_fanan .fanan-list li .img{width:100%;height:100%;border-radius: 10px;
    overflow: hidden;}
.index_fanan .fanan-list .fanan-tit{position:absolute;bottom:56px;left:45px;z-index:99;color:#fff;}
.index_fanan .fanan-list .fanan-tit h3{font-size:28px;line-height:28px;margin-bottom:15px;}
.index_fanan .fanan-list .fanan-tit span{font-size:18px;line-height:18px;text-transform:uppercase;}
.index_fanan .fanan-list li .fanan-tit:before{content:'';display:block;width:0px;height:7px;background:url(../images/fanan-icons.png)no-repeat center;
background-size:cover;margin-bottom:25px;transition: width 0.6s;}
.index_fanan .fanan-list li:hover .fanan-tit:before{width:102px;}

/* 公共标题 */
.com-title{text-align: center;}
.com-title h2{font-size:28px;line-height:28px;margin-bottom:26px;color:#116bc4;font-weight: bold;}
.com-title span{font-size:22px;line-height:22px;color:#676767;}
.mb105{margin-bottom:60px;}
video{
object-fit:fill;
}

/* 最新产品 */
.mb50{margin-bottom:50px;}
.index_product{width:100%;background:#eef5fd;padding-top:80px;overflow: hidden;padding-bottom:75px;}
.index_product .pro-list li{width:28%;background:#fff;text-align: center;box-sizing: border-box;transition: all 0.6s;margin-bottom:68px;
border-radius: 15px;padding:50px 0px;position: relative;}
.index_product .pro-list li .pro-img{width:313px;height:190px;margin:0 auto;}
.index_product .pro-list li .pro-img img{height:100%;}
.index_product .pro-list li:hover{transform: scale(1.3);}
.index_product .pro-list li:hover .pro-img{background:url(../images/pro-back.png)no-repeat center;background-size: cover;}
.index_product .pro-list li h3{font-size:18px;color:#116bc4;line-height:18px;margin-top:20px;margin-bottom:10px;}
.index_product .pro-list li p.desc{font-size:18px;line-height:18px;color:#7b7b7b;box-sizing: border-box;
    padding: 0px 10px;}
.index_product .pro-list li i{display:block;width:86px;height:52px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;
background:#e83030;font-size:20px;line-height:52px;color:#fff;position: absolute;top:0;left:40px;opacity: 0;transition:opacity 0.5s;}
.index_product .pro-list li:hover i{opacity:1;}
.index_product .pro-more{display: block;width:200px;font-size:28px;line-height:60px;background:#003a74;border-radius:10px;color:#fff;
text-align: center;margin:0 auto;transition:width 0.6s;}
.index_product .pro-more:hover{width:300px;}

/* 产品搜索 */
#search{width:656px;height:58px;position: relative;margin:0 auto;margin-bottom:145px;box-shadow: 0px 6px 4px rgba(66,129,253,0.1);
border-radius:10px;background:#fff;overflow: hidden;}
#search .keywords{width:100%;height:100%;box-sizing: border-box;padding-left:85px;padding-right:180px;font-size:18px;line-height:58px;
color:#ababab;}
#search i{position: absolute;top:10px;left:30px;}
#search .sub-bnt{width:160px;height:100%;border-radius:10px;background:#4281fd;font-size:18px;color:#fff;text-align: center;
line-height:58px;position:absolute;top:0;right:0;z-index:99;letter-spacing:2px;cursor: pointer;}

/* 关于我们 */
.index_about{width:100%;background:url(../images/about-back.jpg)no-repeat center;background-size:cover;padding-top:220px;padding-bottom:90px;}
.index_about .ab-img{margin-left:-245px;position: relative;}
.index_about .ab-img h3{font-size:48px;line-height:48px;color:#003a74;text-align: right;position: absolute;top:-120px;right:0;}
.index_about .ab-img h3:before{content:'';display:block;width:85px;height:5px;background:#003a74;margin:25px 0px;margin-left:95px;}
.index_about .ab-img .ename{font-size:60px;writing-mode: vertical-lr;text-transform: uppercase;float: left;color:#fff;line-height:60px;margin-right:40px;}
.index_about .ab-img .imgs{width:629px;height:470px;overflow: hidden;}
.index_about .ab-img .imgs img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
.index_about .ab-img .imgs:hover img{transform:scale(1.2);}
.index_about .ab-info{width:615px;}
.index_about .ab-info p{font-size:18px;line-height:36px;margin-bottom:20px;}
.m110{margin:110px auto;}

/* 客户案例 */
.index_case .case-list{overflow: hidden;margin-bottom:80px;}
.index_case .case-list li{width:19%;margin-right:1.25%;margin-bottom:20px;background:#eee;height:120px;}
.index_case .case-list li:nth-child(5n){margin-right:0px;}
.index_case .case-list li img{width:100%;height:100%;object-fit:scale-down;}

.index_fanan .fanan-list li:nth-child(5) a span{display: block;letter-spacing: 0;font-size: 18px;line-height: 18px;text-transform: uppercase;margin-top: 10px;}

/* public/static/home/defaults/css/mobile_index.css */
@media screen and (max-width: 768px){

	.pc-none{display: block;}
	.mo-none{display: none;}

	#logo{width:2.6rem;}
	#web-top{height:0.9rem;}
	#web-top .hi{height:100%;}
	#web-top .top-nav{display: none;}
	.w12{width:94%;margin:0 auto;}
	.fullSlide,.fullSlide .bd,.fullSlide .bd li{height:3.6rem;}
	.banner-text h3{font-size: 0.4rem;line-height: 0.4rem;}
	.banner-text p{font-size: 0.2rem;line-height: 0.2rem;}

	.index_fanan{padding-top:0.8rem;}
	.index_fanan .fanan-list li{margin-bottom:0.36rem;height:auto !important;}
	.index_fanan .fanan-list li:nth-child(1), .index_fanan .fanan-list li:nth-child(7){width:57%;}
	.index_fanan .fanan-list li:nth-child(2), .index_fanan .fanan-list li:nth-child(6){width:37%;}
	.index_fanan .fanan-list li:nth-child(4){width:38%;}
	.index_fanan .fanan-list li:nth-child(3),.index_fanan .fanan-list li:nth-child(5){width:28%;border-radius:0.15rem;}
	.index_fanan .fanan-list li .img{border-radius:0.1rem;overflow: hidden;}
	.index_fanan .fanan-list li img{width:100%;}
	.index_fanan .fanan-list .fanan-tit{bottom: 0.3rem;left: 0.1rem;}
	.index_fanan .fanan-list .fanan-tit h3{font-size: 0.28rem;line-height: 0.28rem;margin-bottom: 0.15rem;}
	.index_fanan .fanan-list .fanan-tit span{font-size: 0.2rem;line-height: 0.24rem;}
	.index_fanan .fanan-list li:nth-child(5) a{font-size: 0.28rem;line-height: 0.28rem;letter-spacing: 0.04rem;}
	.index_fanan .fanan-list li:nth-child(5) a span{font-size: 0.2rem;line-height: 0.24rem;margin-top:0.1rem;}
	.mb105{margin-bottom:0.6rem;}
	.mb50{margin-bottom:0.5rem;}

	.com-title h2{font-size: 0.38rem;line-height: 0.38rem;margin-bottom: 0.26rem;}
	.com-title span{font-size: 0.22rem;line-height: 0.22rem;}

	.index_product{padding-top: 0.8rem;padding-bottom: 0.75rem;}
	#search{width:100%;height: 0.8rem;margin-bottom: 0.8rem;box-shadow: 0px 0.06rem 0.04rem rgb(66 129 253 / 10%);border-radius: 0.1rem;}
	#search .keywords{padding-left: 1rem;font-size: 0.24rem;line-height: 0.8rem;padding-right: 1.8rem;}
	#search i{top: 0.2rem;left: 0.3rem;width: 0.5rem;}
	#search i img{width: 100%;}
	#search .sub-bnt{width: 1.6rem;border-radius: 0.1rem;font-size:0.24rem;line-height:0.58rem;letter-spacing:0.02rem;}

	.index_product .pro-list li{width: 48%;margin-bottom: 0.4rem;border-radius: 0.15rem;padding: 0.5rem 0px;}
	.index_product .pro-list li i{width: 0.86rem;height: 0.52rem;border-bottom-left-radius:0.15rem;border-bottom-right-radius:0.15rem;font-size: 0.24rem;
		line-height: 0.52rem;left: 0.4rem;opacity: 1;}
	.index_product .pro-list li .pro-img{width:100%;height:1.9rem;}
	.index_product .pro-list li h3{font-size: 0.28rem;line-height: 0.28rem;margin-top: 0.2rem;margin-bottom: 0.1rem;}
	.index_product .pro-list li p.desc{font-size: 0.24rem;line-height: 0.24rem;padding: 0px 0.1rem;}
	.index_product .pro-more{width:40%;font-size: 0.28rem;line-height: 0.6rem;border-radius: 0.1rem;}


	/* 企业简介 */
	.index_about{padding-top: 1.5rem;padding-bottom: 0.4rem;}
	.index_about .ab-img .ename{display: none;}
	.index_about .ab-img{margin-left:0px;}
	.index_about .ab-img .imgs{    width: 100%;height: auto !important;}
	.index_about .ab-img h3:before{display: none;}
	.index_about .ab-img h3{font-size: 0.38rem;line-height: 0.38rem;color: #003a74;text-align: center;position: absolute;top: -0.8rem;right: 0; left: 0;}
	.index_about .ab-info{width:100%;margin-top:0.2rem;}
	.index_about .ab-info p{font-size: 0.26rem;line-height: 0.4rem;margin-bottom: 0.2rem;text-align: justify;}

	/* 客户案例 */
	.m110{margin:0.6rem auto;}
	.index_case .case-list li{width:32%;margin-right:2%;height:1.2rem;}
	.index_case .case-list li:nth-child(5n){margin-right:2%;}
	.index_case .case-list li:nth-child(3n){margin-right:0%;}

	/* 底部信息 */
	#foot{padding-top:0.95rem;}
	#foot .foot-call,#foot .foot-rwm{width:48%;}
	#foot .foot-rwm{margin-bottom:0.3rem;}
	#foot .foot-rwm li{width:46%;margin-bottom:0.35rem;}
	#foot .foot-call h2{font-size: 0.28rem;line-height: 0.28rem;margin-bottom: 0.3rem;}
	#foot .foot-rwm li p{font-size:0.16rem;line-height:0.32rem;margin-top:0.1rem;}
	#foot .foot-nav{display: none;}
	#foot .foot-but{height: auto;padding: 0.4rem 0px;}
	#foot .foot-but p{font-size:0.24rem;}
	#foot .foot-but p img{width:1rem;}
	#foot .foot-but .back-top img{width:0.55rem;}

	/*.f-r li{width: 0.55rem;margin-bottom: 0.03rem;}
	.f-r li .xf-img{width:0.55rem;padding: 0.1rem 0px;}
	.f-r li .xf-img img{width:0.34rem;}*/

	/* 面包屑 */
	.mbx{padding-left:0px;margin-bottom:0.45rem;}
	.mbx, .mbx a{font-size:0.24rem;line-height:0.24rem;}
	.pt65{padding-top:0.65rem;}
	

	/* 子菜单 */
	.ny2-navs{display: none;}
	.mobile-sonnav{display: block;overflow: hidden;margin-bottom: 0.3rem;}
	.mobile-sonnav li{width:24%;line-height: 0.8rem;font-size: 0.28rem;float: left;margin-right:1.25%;margin-bottom:0.15rem;
		border:1px solid #d3d0d0;box-sizing: border-box;}
	.mobile-sonnav li:nth-child(4n){margin-right:0px;}
	.mobile-sonnav li.actvie{background:#2a6cb5;border:1px solid #2a6cb5;}
	.mobile-sonnav li.actvie a{color:#fff;}

	.news-list li{border-radius: 0.1rem;margin-bottom: 0.35rem;padding:0.1rem;}
	.news-list li .list-img{    width: 40%;height: 2.2rem;    margin-right: 5%;}
	.news-list li .news-text{height:auto;width:55%;}
	.news-list li .news-text h3{font-size:0.32rem;line-height:0.4rem;}
	.news-list li h1{font-size:0.32rem;line-height:0.32rem;}
	.news-list li .news-text p.desc{font-size:0.24rem;line-height:0.4rem;    margin: 0.2rem auto;}
	.news-list li .news-text a{    font-size: 0.28rem;line-height: 0.28rem;}

	/* 详情 */
	.cont-info{border-radius: 0.15rem;padding: 0.45rem 0.2rem;}
	p.p-h2{font-size: 0.32rem!important;line-height: 0.32rem !important;}
	p.p-h2:after{    width: 0.95rem;height: 0.04rem;    margin: 0.1rem 0px;margin-bottom: 0.3rem;}
	.cont-info p{font-size: 0.26rem;line-height: 0.4rem;    text-align: justify;}
	.cont-info p img{max-width:100%;}



	/* 分页 */
	.page{margin-bottom:0.2rem;}
	.page a{font-size:0.26rem;border-radius: 0.04rem;line-height: 0.5rem;padding: 0px 0.1rem;margin: 0 0.05rem;}


	/* 内页 */
	.nybanner{background-size: 2.76rem 3.78rem;padding-top: 0.6rem;}
	.nyson-navs{padding-left:0px;font-size:0.26rem;line-height:0.26rem;}
	.nyson-navs li.navs-li{margin-bottom:0.5rem;}
	.nyson-navs .navs-li li{    font-size: 0.26rem;line-height: 0.32rem;margin-right: 0.4rem;}
	.pro-list{padding:0.3rem 0px;}
	.pro-list li{width: 48%;margin-right:4%;margin-bottom: 0.4rem;border-radius: 0.15rem;padding: 0.45rem 0.2rem;}
	.pro-list li:nth-child(2n){margin-right:0px;}
	.pro-list li .pro-img{width: 100%;height: 1.35rem;}
	.pro-list li h3{line-height: 0.32rem;margin-top: 0.2rem;margin-bottom: 0.1rem;font-size:0.28rem;}
	.pro-list li p.desc{font-size: 0.24rem; line-height: 0.24rem;}

	/* 产品详情 */
	.procont-banner{height:auto;padding-bottom:1rem;}
	.pro-cont .data-img{width: 45%;    margin-right: 5%;border-radius: 0.15rem;height:auto;}
	.pro-cont .data-infos h3{font-size:0.32rem;line-height:0.32rem;margin-bottom: 0.2rem;}
	.pro-cont .data-infos h1{font-size:0.32rem;line-height:0.4rem;margin-bottom: 0.4rem;}
	.pro-cont .data-infos h1:after{width: 1rem;height: 0.04rem;margin-top: 0.25rem;}
	.pro-cont .data-infos .sm-img{margin:0.2rem 0px;}
	.pro-cont .data-infos .sm-img img{width:3.25rem;}
	a.but{    font-size: 0.24rem;line-height: 0.6rem;width: 43%;    border-radius: 0.15rem; margin-right: 4%;}

	.procont-navs{width: 100%;margin-bottom: 0.4rem;}
	.procont-navs li{width: 24%;font-size: 0.28rem;border-radius: 0.1rem;line-height: 0.6rem;    margin-top: 0.1rem;float: left;
	    margin-right: 1.25%;height:0.6rem;}
	.procont-navs li:nth-child(4n){margin-right:0;}
	.procont-navs li:after{margin: 0 auto;width: 0.12rem;    float: none;background: url(../images/left-icons.png)no-repeat center;background-size: cover;}
	.procont-navs li:hover:after, .procont-navs li.ons:after{    height: 0.15rem;}

	.pro-content{width:100%;border-radius: 0.2rem;    padding: 0.45rem 0.2rem;}
	.pro-content p{font-size: 0.26rem;line-height: 0.4rem;text-align: justify;}
	.pro-content p img,.pro-content table{max-width:100% !important;}

	/* 招聘 */
	.jobs .job-text{padding:0.35rem 0.3rem;}
	.jobs .job-text .job-title h3{font-size:0.32rem;line-height:0.32rem;margin-bottom:0.2rem;}
	.jobs .job-text .job-title{width: 85%;}
	.jobs .job-text .job-title .job-desc{font-size:0.24rem;line-height:0.28rem;}
	.jobs .job-text .job-title span{margin-bottom: 0.1rem;}
	.jobs .job-info li{padding:0.25rem 0.3rem;}
	.jobs .job-info li p{font-size:0.26rem;line-height:0.4rem;}

	.videos-list li{width:100%;margin-right:0px;margin-bottom:0.5rem;}
	.videos-list li h3{font-size: 0.32rem;line-height: 0.32rem;margin-top: 0.1rem;}

	.banner-text{top:40%;}
	.ab-btext{top:20%;}
	.banner-text h3{line-height:0.6rem;}

	/* 关于我们 */
	.ny_about{padding-top:0.4rem;padding-bottom:0.5rem;}
	.ny_about p{margin-left:0px;}
	.ny_about .ab-img .ename{display: none;}
	.ny_about .ab-img{margin-left:0px;}
	.ny_about .ab-img .imgs{    width: 100%;height: auto !important;}
	.ny_about .ab-img h3:before{display: none;}
	.ny_about .ab-img h3{font-size: 0.38rem;line-height: 0.38rem;color: #003a74;text-align: center;position: absolute;top: -0.8rem;right: 0; left: 0;}
	.ny_about .ab-info{width:100%;margin-top:0.2rem;}
	.ny_about .ab-info p{font-size: 0.26rem;line-height: 0.4rem;margin-bottom: 0.2rem;text-align: justify;}

	.num-list{position: relative;height:1.2rem;border-radius:0.1rem;box-shadow:0px 0.1rem 0.04rem rgb(216,227,241,0.6);
		top:-1rem;}
	.num-list li h3{font-size:0.28rem;line-height:0.28rem;margin-bottom:0.15rem;}
	.num-list li p{font-size:0.24rem;line-height:0.24rem;}

	.ny-comtit{padding-top: 0.6rem;padding-bottom: 0.45rem;}
	.ny-comtit h2{    font-size: 0.32rem;line-height: 0.32rem;margin-bottom: 0.15rem;}
	.ny-comtit p{    font-size: 0.24rem;line-height: 0.24rem;}
	.ab-map{height:4rem;}

	/* 技术支持 */
	.jishu-banner{height: 5.88rem;background-size:cover;}
	.jishu-a{width: 100%;height: 2.84rem;margin: 0 auto;margin-top: 1.15rem;}
	.pt45{padding-top:0.45rem;}
	.jishu-a li{width: 2.1rem;height: 0.7rem;border-radius: 0.7rem; margin-bottom: 1.48rem;}
	.jishu-a li a{line-height: 0.7rem;font-size: 0.26rem;}

	.help-list{column-count: 1;column-gap: 0.3rem;}
	.help-list li{width:100%;margin-bottom: 0.3rem;padding:0px;}
	.help-list li .info-text{font-size: 0.26rem;line-height: 0.8rem;height: 0.8rem;}
	.help-list li .info-text h3{flex:1;font-size: 0.26rem;}
	.help-list li .info-text i{margin-left:4%;width:0.24rem;width:0.24rem;}
	.click-more{width: 40%;font-size: 0.26rem;line-height: 0.6rem;border-radius: 0.6rem;margin-top: 0.3rem;}

	.down-list li{width:49%;margin-bottom: 0.3rem;padding:0px;font-size: 0.26rem;line-height: 0.8rem;height: 0.8rem;margin-right:2%;}
	.down-list li:nth-child(3n){margin-right:2%;}
	.down-list li:nth-child(2n){margin-right:0px;}
	.down-list li i{margin-left:4%;width:0.24rem;width:0.23rem;}
	.click-more:hover{width:50%;}
	.help-list li .conts{padding: 0.3rem 0px;font-size: 0.26rem;line-height: 0.4rem;}

	/* 搜索 */
	.qk-search .form-qk{width: 100%;height: 0.8rem;}
	.qk-search .form-qk .qk-keyword{font-size: 0.26rem;line-height: 0.8rem;padding-left: 0.3rem;padding-right: 0.9rem;}
	.qk-search .form-qk .sub-ipt{width: 0.8rem;height: 0.8rem;}
	.qk-search h3.sm{font-size: 0.32rem;line-height: 0.5rem;    margin: 0.5rem auto;}
	.qk-search .key-list{width:100%;}
	.qk-search .key-list li{margin-bottom:0.4rem; font-size:0.28rem;line-height:0.32rem;}
	.qk-search .key-list li i{height:0.5rem;margin-bottom: 0.2rem;}
	.qk-search .key-list li i img{height:100%;}
	.mb100{margin-bottom:1rem;}

	/* 留言弹框 */
	#liuyan{width: 90%;padding: 0.4rem;}
	#liuyan .close{width: 0.3rem;margin-right: -0.3rem;margin-top: -0.3rem;}
	#liuyan h3{font-size:0.32rem;line-height: 0.5rem;margin-bottom: 0.2rem;}
	#liuyan .ly-form .ly-input{line-height: 0.6rem;padding: 0.1rem 0px;    font-size: 0.26rem; margin-bottom: 0.2rem;}
    #liuyan .ly-form .sub-mit{margin: 0.2rem auto;margin-top: 0.4rem;line-height: 0.8rem;font-size: 0.26rem;}
    #liuyan p.desc{font-size: 0.26rem;line-height: 0.4rem;    text-align: center;}

    /* 导航按钮 */
    #navbut{display:block;width:0.6rem;height:0.6rem;background:url(../images/home-nav.png)no-repeat center;background-size:cover; margin-left: 0.2rem;}
    #navbut.img-fff{background:url(../images/home-nav-fff.png)no-repeat center;}
    .motop-nav{display:block;background:#fff;width:100%;padding:0px 3%;box-sizing: border-box;position: relative;
    z-index: 99999;box-shadow: 0px 0.04rem 0.02rem rgba(220,220,220,0.3);display: none;}
    .motop-nav li{font-size:0.32rem;line-height:0.32rem;border-top:1px solid #eee;    padding: 0.3rem 0px;}
	
	.index_wh{width:100%;}
	.index_wh .wh-ll{width:94%;margin:0 auto;}
	.index_wh .wh-ll li{width:100%;margin:1% auto;}
	.index_wh img,.index_wh .wh-ll li img{width:100%;}

    /* 搜索 */
    #niubi{margin:0.6rem auto;}
    #niubi li{width:48%;margin-right:4%;height:auto;padding-bottom:0.3rem;}
    #niubi li:nth-child(5n){margin-right:4%;}
    #niubi li:nth-child(2n){margin-right:0%;}
    #niubi li h3{font-size:0.24rem;line-height:0.6rem;margin-bottom:0.2rem;}
    #niubi li img{height:1.1rem;}
}