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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===== swiper.min.css ===== */
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right: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-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-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.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{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{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{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{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{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{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{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{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:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.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-bullets{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-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.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,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;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);z-index:0}.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;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.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)}}

/* ===== bootstrap.min3661.css ===== */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 @media only screen and (max-width:767px) {
 html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.html);src:url(../fonts/glyphicons-halflings-regulard41d.html?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular-2.html) format('woff2'),url(../fonts/glyphicons-halflings-regular-3.html) format('woff'),url(../fonts/glyphicons-halflings-regular-4.html) format('truetype'),url(../fonts/glyphicons-halflings-regular-5.html#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:24px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}}
/*# sourceMappingURL=bootstrap.min.css.map */

/* ===== stylef731.css ===== */
@media only screen and (min-width:768px) {
	.m-box {
		display: none;
	}
.ss{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:25px;
}
.ss .active{
    color: #fff!important;
    background: #00a7d2;
    border-radius: 30px;
    
}
	* {
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	html,
	body {
		font-size: 14px;
		font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
		background-color: #ffffff;
		overflow-x: hidden;
	}

	ul,
	li {
		list-style-type: none;
	}

	a {
		text-decoration: none;
		color: #000;
		transition: all .3s;
		cursor: pointer;
	}

	a:hover {
		text-decoration: none;
		color: #000;
	}

	input,
	textarea,
	select {
		-webkit-appearance: none;
		resize: none;
		outline: none
	}

	a,
	button,
	input,
	textarea,
	select {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border: 0;
	}

	img {
		max-width: 100%;
		border-style: none;
		vertical-align: middle;
	}

	.clear:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		overflow: hidden;
		visibility: hidden;
	}

	.clear {
		zoom: 1;
	}

	.zoom-img {
		overflow: hidden;
	}

	.zoom-img .img {
		overflow: hidden;
	}

	.zoom-img img {
		transition: all .5s;
	}

	.zoom-img:hover img {
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		-moz-transform: scale(1.05);
	}

	.wd {
		width: 88.54%;
		margin: 0 auto;
	}

	.wd2 {
		width: 83.33%;
		margin: 0 auto;
	}

	.nav-page {
		font-size: 0;
		text-align: center;
	}

	.delay1 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.delay2 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.delay3 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.delay4 {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}

	.delay5 {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

	.delay6 {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}

	.delay7 {
		-webkit-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}

	.delay8 {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}

	.delay9 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
	}

	.delay10 {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}


	/*引入字体包*/
	.movie {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
	}

	@font-face {
		font-family: 'PingFang';
		src: url('../fonts/pingfang.eot');
		src: url('../fonts/pingfangd41d.eot') format('embedded-opentype'), url('../fonts/pingfang.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'PingFang_Bold';
		src: url('../fonts/pingfang_bold.eot');
		src: url('../fonts/pingfang_boldd41d.eot') format('embedded-opentype'), url('../fonts/pingfang_bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}


	/* header */

	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		z-index: 99;
		transition: all .5s;
	}

	.m-header {
		display: none;
	}

	.head-logo {
		float: left;
		line-height: 100px;
	}

	.head-rbox {
		float: right;
	}

	.head-nav {
		float: left;
	}

	.head-nav .column {
		float: left;
		
		
		position: relative;
	}
	.head-nav .column .item{
		line-height: 100px;
		height: 100px;
		font-weight: bold;
		padding: 0 30px;
	}
	.head-nav .side_list .item{
	    height: 50px;
	    line-height: 50px;
	}
    .head-nav .side_list .item a strong{
        font-size: 1.4rem;
    }
	.head-nav .column.on .item {
		font-weight: bold;
	}

	.head-nav .column.on::before {
		content: "";
		position: absolute;
		bottom: -1px;

		width: 100%;
		height: 2px;
		background-color: #ffffff;
	}

	.header.on .head-nav .column.on::before {
		background-color: #00a7d2;
	}

	.head-nav .item {
		font-size: 19px;
		color: #ffffff;
		display: block;
	}

	.head-nav .column:hover .item {
		color: #ffffff;
		font-weight: bold;
	}

	.header.on .head-nav .column:hover .item {
		color: #00a7d2;
		font-weight: bold;
	}

	.head-nav .column:hover::before {
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 2px;
		background-color: #ffffff;
	}

	.header.on .head-nav .column:hover::before {
		background-color: none;
	}

	.head-lang {
		position: relative;
		float: left;
		line-height: 77px;
		font-size: 18px;
		color: #ffffff;
		margin: 0 50px 0 24px;
		transition: all .3s;
	}

	.header .head-rbox .head-lang .drop-down {
		position: absolute;
		left: 0;
		min-width: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, .3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
		padding: 5px;
	}

	.head-lang .item {
		display: block;
		font-size: 18px;
		color: #ffffff;
		line-height: 40px;
	}

	.header .logo_2 {
		display: none;
	}

	.header.on {
		background-color: #ffffff;
		box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
	}

	.header.on2 {
		top: -100px;
		border-bottom: 1px solid #eeeeee;
		box-shadow: none;
	}

	.m-header.on2 {
		/*top: -51px;*/
	}

	.header.on .logo_2 {
		display: inline-block;
	}

	.header.on .logo_1 {
		display: none;
	}

	.header.on .head-nav .item {
		color: #333333;
	}

	.header.on .head-nav .column.on .item {
		color: #00a7d2;
		font-weight: bold;
	}

	.header.on .head-nav .item:hover {
		color: #9dcd17;
	}

	.header.on .head-lang {
		color: #333333;
	}

	.header.on .head-lang .item {
		color: #333333;
	}

	.header .drop-down {
		display: none;
	}

	.header .head-rbox .drop-down {
		position: fixed;
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 99;
		background-color: #ffffff;
		text-align: center;
		font-size: 0;
		padding: 0 0 48px;
		border-top: 1px solid #eeeeee;
	}

	.header .column.special .drop-down {
		padding-top: 30px;
	}

	.header .drop-nav {
		display: inline-block;
		vertical-align: top;
		padding: 13px 65px 60px 0;
		/*border-right: 1px solid #eeeeee;*/
	}

	.header .text-img {
		display: inline-block;
		vertical-align: top;
		padding: 13px 0 0 84px;
		text-align: left;
		max-width: 465px;
	}

	.header .column_2 {
		float: left;
		line-height: 1;
		margin: 0 15px;
		text-align: left;
	}

	.header .column_2:last-child {
		margin-right: 0;
	}

	.header .item_2 {
		display: block;
		font-size: 14px;
		color: #666666;
		margin-bottom: 18px;
		position: relative;
	}

	.header .item_2:nth-child(1) {
		color: #333333;
		font-weight: bold;
		/*height: 14px;*/
	}

	.header .text-img .img {
		margin-bottom: 10px;
	}

	.header .text-img .words {
		font-size: 14px;
		color: #666666;
		line-height: 28px;
	}

	.header .column.special .h1 {
		font-size: 14px;
		color: #333333;
		margin-bottom: 20px;
		line-height: 1;
		font-weight: bold;
	}

	.header .column.special .img {
		margin-bottom: 15px;
	}

	.header .column.special a .words {
		color: #00a7d2;
	}

	.header .prod-drop-down {
		padding: 0;
	}

	.header .prod-drop-down .drop-nav {
		padding: 0;
	}

	.prod-drop-down .column_2 {
		width: 100%;
		margin: 0;
		/*border-left: 1px solid #eeeeee;*/
		/*border-bottom: 1px solid #eeeeee;*/
		/*min-height: 505px;*/
		display: none;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
    .prod-drop-down .column_2.active{
        display: flex;
    }

	.header .prod-drop-down .item_2 {
		padding: 0 18px;
		font-size: 0;
		margin-bottom: 0;
		/*line-height: 40px;*/
		/*height: 40px;*/
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		margin: 5px 0;
		width:14.2%;
		text-align: center;
	}

	.header .prod-drop-down .h1 {
		display: block;
		padding: 0 22px;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		line-height: 54px;
		height: 56px;
	}

	.header .prod-drop-down .icon {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		margin-right: 10px;
		/*height: 40px;*/
		background-repeat:no-repeat;
		/*background-size:40px 40px*/
		background-size:100% 100%;
		overflow: hidden;
	}

	.header .prod-drop-down .name {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		font-size: 16px;
		color: #777777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.header .item_2 .hot {
		position: absolute;
		top: 20%;
		left: 60%;
		margin-top: -10px;
		width: 44px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-size: 14px;
		color: #ffffff;
		background-color: #00a7d3;
		border-radius: 7px;
		font-style: inherit;
	}

	.header .prod-drop-down .item_2:hover {
		
	}

	.header .prod-drop-down .item_2:hover .name {
		color: #00a7d3;
	}

	.header .head-menu {
		display: none;
		float: right;
		width: 40px;
	}

	.head-menu .icon-button {
		font-size: 0;
		margin-top: 20px;
	}

	.head-menu .line {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 2px;
		background-color: #ffffff;
		margin: 5px 0;
		transition: all .3s;
	}

	.header.on .head-menu .line {
		background-color: #000000;
	}

	.head-menu .drop-down {
		display: none;
		position: fixed;
		top: 77px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		background-color: #ffffff;
		z-index: 9;
	}

	.head-menu .nav-list {
		width: 120px;
		height: calc(100vh - 60px);
		background-color: #f5f5f5;
	}

	.head-menu .item {
		display: block;
		padding: 12px 15px;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a
	}

	.head-menu .column.on .item {
		background-color: #ffffff;
	}

	.head-menu .subnav {
		display: none;
		position: absolute;
		top: 0;
		left: 120px;
		width: calc(100% - 120px);
		height: calc(100% - 60px);
		padding: 20px 15px 16px 20px;
		overflow-y: auto;
	}

	.head-menu .column.on .subnav {
		display: block;
	}

	.head-menu .link-home {
		display: inline-block;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a;
		margin-bottom: 24px;
	}

	.head-menu .column2 {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #dfe1e6;
	}

	.head-menu .name {
		display: block;
		font-size: 14px;
		line-height: 22px;
		height: 22px;
		color: #252b3a;
	}

	.head-menu .subnav2 {
		display: none;
		padding-left: 16px;
	}

	.head-menu .item2 {
		display: block;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a;
		padding-top: 16px;
	}

	.sub_nav {
    z-index:9;
    position:absolute;
    top:4.5rem;
    display:none;
    width:16rem;
    padding:1.5rem 1rem;
    text-align:left;
    background-color:#fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.sub_nav a {
    display:block;
    padding:.5rem 0;
    font-size:1.1rem;
}
.sub_nav.sub_product_nav,
.sub_nav.sub_industries_nav {
    left:0;
    width:100%;
    padding:0;
    overflow:hidden;
}
.sub_nav.sub_product_nav > div,
.sub_nav.sub_industries_nav >div {overflow:hidden;}
.sub_industries_nav .left_side {
    float:left;
    width:74.8%;
    padding-right:1%;
}
.sub_industries_nav .left_side {
    padding-top:5%;
    padding-bottom:3.5%;
}
.sub_industries_nav .left_side .per_ind {
    float:left;
    width:23%;
    margin-left:2%;
}
.sub_industries_nav .left_side .per_ind:nth-child(4n+1){
    margin-left:0%;
    clear:both;
}
.sub_industries_nav .right_side {
    float:left;
    width:17.2%;
    padding:5% 2.5% 3.5%;
    background-color:#f2f5f8;
}
.sub_nav .side_dt_title {
    float:left;
    width:24.2%;
    margin-bottom:-9999px;
    padding-bottom:9999px;
    padding-left:10%;
    background:#eee;
}
.sub_nav .each_dd_content {padding-left:3rem;}
.sub_nav .each_dd_content_inside > div {
    float:left;
    width:50%;
}
.sub_nav.sub_product_nav .each_dd_content_inside > div.side_dd_title {width:56%;}
.sub_nav.sub_product_nav .each_dd_content_inside > div.side_dd_content {width:44%;}
.sub_nav.sub_industries_nav .each_dd_content_inside > div.side_dd_title {width:48%;}
.sub_nav.sub_industries_nav .each_dd_content_inside > div.side_dd_content {width:52%;}
.sub_nav.sub_industries_nav .each_dd_content_inside .side_dd_title_inner {width:65%;text-align: left;}
.sub_nav .tips {
    display:block;
    color:#232323;
    font-size: 1.4rem!important;
}
.sub_nav .side_dt_title .tips {
    padding:2.5rem 0 1.25rem;
    font-weight:bold;
    font-size: 18px;
    text-align: left;
    font-size: 1rem;
}
.sub_nav.sub_industries_nav .each_dd_content_inside .side_dd_title_inner .tips {
    margin-bottom:1rem;
    font-size:1.2rem;
}
.sub_nav .side_dt_title .side_list,.sub_nav .side_dd_content_wrap .per_serious_title {padding-bottom:5rem;}
.sub_nav.sub_industries_nav .side_dt_title .side_list, .sub_nav .side_dd_content_wrap .per_serious_title {padding:.75rem 0 4.5rem;}
.sub_nav .side_dt_title li,
.sub_nav .side_dd_content_wrap li {display:block;margin:0;}
.sub_nav .side_dt_title li a,
.sub_nav .per_serious_title a{
    position:relative;
    height:2.5rem;
    padding:0 1rem;
    line-height:2.5rem;
}
.sub_nav.sub_industries_nav .per_serious_title a {display:inline-block;height:2rem;color:#696969;line-height:2rem;font-size:1.2rem}
.sub_nav.sub_industries_nav .per_serious_title span{
	font-size: 1.2rem;
	color: #696969;
}
.sub_nav .per_serious_title a {padding:0;}
.sub_nav .per_serious_title a .en {
    display:inline-block;
    width:7rem;
    font-family:'ProximaNova-Regular';
}
.sub_nav .side_dt_title li.on a {color:#fff;background:#696969;}
.sub_nav .side_dt_title li a .icon {
    position:absolute;
    right:1rem;
    top:0;
    display:none;
    width:1rem;
    height:100%;
    background:url(../images/nav-icon1-1.png) no-repeat center center;
    background-size:1rem 1rem;
}
.sub_nav .side_dt_title li:hover a .icon,
.sub_nav .side_dt_title li.on a .icon{display:block;}
.sub_nav .per_serious_title li.on a,.sub_nav .per_serious_title li:hover a {
    color:#3f74bf;
}
.sub_nav .side_dd_content_wrap {
    float:left;
    width:68.8%;
    margin-bottom:-9999px;
    padding-right:10%;
    padding-bottom:9999px;
}
.sub_nav .each_dd_content,.sub_nav .side_dd_content_each {display:none;}
.sub_nav .side_dd_content_wrap .title {
    padding:2.5rem 0 1.25rem;
    font-weight:bold;
    font-size:1.6rem;
    color:#232323;
}
.sub_nav .side_dd_content_wrap .small {font-size:.9rem;color:#696969;}

.sub_nav .side_dd_content_wrap .small-title {margin-bottom:.5rem;font-weight:bold;font-size:1.1rem;color:#232323;}
.sub_nav .side_dd_content_wrap .side_dd_image {padding:1.5rem 0 5rem;}
.sub_nav.sub_industries_nav .side_dd_content_wrap .side_dd_image {padding:2.5rem 0 5rem;}
.sub_nav .side_dd_title .more {
    display:block;
    font-size:1.1rem;
    color:#232323;
}
.sub_nav .side_dd_title .more .icon,
.index_other .each_item .dd_content .more .icon{
    display:inline-block;
    width:1.65rem;
    height:1.65rem;
    margin-left:.5rem;
    background:#696969 url(../images/nav-icon1-1.png) no-repeat center center;
    background-size:1rem 1rem;
    border-radius:100%;
    vertical-align:-.35rem;
}
.sub_nav .sub_bottom_kind {padding:2.1rem 0;box-shadow:0 5px 10px rgba(0,0,0,.1) inset;}
.sub_nav .sub_bottom_kind li {margin:0 2.5rem 0 0;}
.sub_nav .sub_bottom_kind li a {
    height:2.9rem;
    padding:0 1.5rem;
    font-size:.9rem;
    color:#232323;
    line-height:2.9rem;
    text-align:center;
    background:#dbdbdb;
    border-radius:.25rem;
}
.sub_nav .sub_bottom_kind li a .icon {
    display:inline-block;
    width:2.25rem;
    height:2.25rem;
    margin-right:.5rem;
    vertical-align:-.85rem;
}


	/* footer */

	.footer {
		background-color: #e8e8e8;
		padding: 45px 0 25px;
	}

	.foot-top {
		margin-bottom: 70px;
	}

	.foot-nav {
		float: left;
	}

	.foot-nav .column {
		float: left;
		margin-right: 180px;
	}

	.foot-nav .column:last-child {
		margin-right: 0;
	}

	.foot-nav .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 30px;
	}

	.foot-nav .item {
		display: block;
		font-size: 16px;
		color: #888888;
		margin-bottom: 15px;
	}

	.footer .sales {
		float: right;
		margin-right: 38px;
	}

	.footer .sales .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 20px;
	}

	.footer .sales .words {
		font-size: 18px;
		color: #333333;
	}

	.footer .sales .img {
		margin-bottom: 20px;
	}

	.footer .sales .color {
		color: #00a7d3;
	}

	.foot-bot .link {
		float: left;
	}

	.foot-bot .link a {
		font-size: 14px;
		color: #888888;
	}

	.foot-bot .record {
		float: right;
		font-size: 14px;
		color: #888888;
	}

	.foot-bot .record a {
		font-size: 14px;
		color: #888888;
	}


	/* main */

	.suspen-cont {
		position: fixed;
		right: 2%;
		bottom: 35%;
		z-index: 99;
	}

	.suspen-cont .button {
		padding: 50px 15px 17px;
		width: 44px;
		background-color: #ffffff;
		text-align: center;
		background-image: url(../images/icon6.jpg);
		background-position: center 17px;
		background-repeat: no-repeat;
		font-size: 14px;
		color: #00a7d3;
		cursor: pointer;
	}

	.suspen-cont .box {
		position: absolute;
		background-color: #ffffff;
		left: -264px;
		width: 258px;
		top: -123px;
		display: none;
	}

	.suspen-cont .box-wrap {
		position: relative;
		padding: 35px 23px 22px;
	}

	.suspen-cont .column {
		position: relative;
		margin-bottom: 35px;
	}

	.suspen-cont .show-box {
		display: none;
	}

	.suspen-cont .weixin .show-box {
		position: absolute;
		top: 50%;
		right: 120%;
		transform: translateY(-50%);
		width: 120px;
	}

	.suspen-cont .column:hover .show-box {
		display: block;
	}

	.suspen-cont .column:last-child {
		margin-bottom: 0;
	}

	.suspen-cont .item {
		display: block;
		padding-left: 30px;
		background-position: left 3%;
		background-repeat: no-repeat;
	}

	.suspen-cont .on-line {
		background-image: url(../images/icon8.jpg);
	}

	.suspen-cont .phone {
		background-image: url(../images/icon9.jpg);
	}

	.suspen-cont .messa {
		background-image: url(../images/icon10.jpg);
	}

	.suspen-cont .weixin {
		background-image: url(../images/icon155.png);
	}

	.suspen-cont .h1 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 10px;
	}

	.suspen-cont .words {
		font-size: 14px;
		color: #777777;
	}

	.suspen-cont .close {
		position: absolute;
		top: 13px;
		right: 16px;
		cursor: pointer;
	}

	.return-top {
		position: fixed;
		right: 2%;
		bottom: 25%;
		z-index: 99;
		cursor: pointer;
	}

	.nav-page .item {
		width: 68px;
		height: 36px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		line-height: 34px;
		font-size: 14px;
		color: #bfbfbf;
		text-align: center;
		display: inline-block;
		margin: 0 20px;
	}

	.nav-page .item.on {
		background-color: #14abd2;
		border: 1px solid #14abd2;
		color: #ffffff;
	}

	.nav-page .prev {
		width: auto;
		padding: 0 30px;
	}

	.nav-page .next {
		width: auto;
		padding: 0 30px;
	}

	.location {
		position: absolute;
		bottom: 20px;
		right: 5.8%;
	}

	.location .item {
		font-size: 14px;
		color: #bdbdbd;
	}

	.prev-next {
		font-size: 0;
		text-align: center;
	}

	.prev-next .item {
		display: inline-block;
		vertical-align: top;
		width: 180px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #666666;
		margin: 0 10px;
		background-color: #eeeeee;
	}

	.prev-next .icon {
		width: 50px;
	}


	/* index */

	.home-page {
		background-color: #f2f2f2;
	}

	.banner {
		position: relative;
	}

	.home-swiper .swiper-pagination {
		bottom: 10%;
	}

	.home-swiper .swiper-pagination-bullet {
		opacity: .5;
		background-color: #ffffff;
	}

	.home-swiper .swiper-pagination-bullet-active {
		opacity: 1;
	}

	.home-swiper .suspen {
		position: absolute;
		top: 30%;
		left: 0;
		width: 100%;
	}

	.home-swiper .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 30px;
		letter-spacing: 5px;
	}

	.home-swiper .bold {
		font-size: 80px;
		font-family: PingFang_Bold;
	}

	.home-swiper .h2 {
		font-size: 20px;
		color: #ffffff;
		font-family: PingFang;
		letter-spacing: 2px;
	}

	.home-swiper .list-box {
		margin-top: 50px;
	}

	.home-swiper .column {
		float: left;
		margin-right: 115px;
		text-align: center;
	}

	.home-swiper .column:last-child {
		margin-right: 0;
	}

	.home-swiper .name {
		font-size: 16px;
		color: #ffffff;
		margin-top: 8px;
	}

	.link-nav {
		/* position: absolute; */
		/* bottom: -17%; */
		left: 0;
		width: 100%;
		/* z-index: 9; */
		background-color: #ffffff;
	}

	.link-nav .nav-wrap {
		background-color: #ffffff;
		padding: 89px 30px;
		/* box-shadow: 0 5px 15px rgba(0, 0, 0, .2); */
	}

	.link-nav .column {
		float: left;
		width: 50%;
		padding: 0 80px;
	}

	.link-nav .column:nth-child(2) {
		padding-left: 130px;
	}

	.link-nav .icon {
		float: left;
	}

	.link-nav .text {
		float: left;
		padding: 40px 0 0 55px;
	}

	.link-nav .h1 {
		font-size: 34px;
		color: #333333;
		margin-bottom: 20px;
	}

	.link-nav .words {
		font-size: 22px;
		color: #444444;
		font-family: PingFang;
	}

	.link-box {
		margin-top: 3.9%;
		margin-bottom: 110px;
	}

	.link-box .column {
		float: left;
		width: 48.82%;
		position: relative;
	}

	.link-box .column.special {
		margin-right: 2.36%;
	}

	.link-box .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 45px 45px;
	}

	.link-box .column.special .suspen {
		padding-bottom: 55px;
	}

	.link-box .column:nth-child(2) {
		margin-bottom: 1.36%;
	}

	.link-box .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.link-box .words {
		font-size: 18px;
		color: #ffffff;
	}

	.smart-swiper .push-button {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		background-size: cover;
	}

	.smart-swiper .swiper-button-prev {
		background-image: url(../images/icon4.png);
		left: 20px;
	}

	.smart-swiper .swiper-button-next {
		background-image: url(../images/icon5.png);
		right: 20px;
	}

	.news {
		padding-bottom: 86px;
	}

	.news .title {
		margin-bottom: 50px;
	}

	.home-page .title .h1 {
		font-size: 42px;
		color: #333333;
		text-align: center;
	}

	.news-list .column {
		float: left;
		width: 31.47%;
		margin-right: 2.795%;
		padding: 16px 18px;
		background-color: #ffffff;
	}

	.news-list .column a {
		border: 1px solid #ffffff;
	}

	.news-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.news-list .text {
		padding: 35px 10px 20px;
	}

	.news-list .h1 {
		font-size: 24px;
		color: #333333;
		margin-bottom: 23px;
		transition: all .3s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.news-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.news-list .date {
		font-size: 16px;
		color: #bbbbbb;
		margin-top: 20px;
	}

	.news-list .column:hover .h1 {
		color: #00a7d3;
	}


	/* problem */

	.problem-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.problem-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.problem-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.problem {
		padding: 75px 0 100px;
		background-color: #f5f5f5;
	}

	.probl-list .column {
		padding: 50px 100px 50px 130px;
		background-color: #ffffff;
		margin-bottom: 45px;
		border-radius: 15px;
		cursor: pointer;
	}

	.probl-list .text {
		float: left;
		width: 85%;
	}

	.probl-list .icon {
		float: right;
		width: 54px;
		height: 54px;
		background-image: url(../images/icon14.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 29px;
		transition: all .3s;
	}

	.probl-list .ask {
		line-height: 30px;
		margin-bottom: 20px;
	}

	.probl-list .ask .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		padding-bottom: 25px;
		border-bottom: 1px dashed #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.probl-list .ask-icon {
		float: left;
		width: 30px;
		height: 30px;
		background-image: url(../images/icon12.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 28px;
	}

	.probl-list .answer {
		line-height: 36px;
	}

	.probl-list .answer .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 16px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: 36px;
	}

	.probl-list .answer-icon {
		float: left;
		width: 21px;
		height: 21px;
		background-image: url(../images/icon13.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin: 7px 26px 0 11px;
	}

	.probl-list .column.on .answer .words {
		height: auto;
	}

	.probl-list .column.on .icon {
		background-image: url(../images/icon15.jpg);
	}

	.problem .nav-page {
		margin-top: 120px;
	}

	.problem .ask .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		border-bottom: 1px dashed #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.problem .ask-icon {
		float: left;
		width: 30px;
		height: 70px;
		background-image: url(../images/icon12.png);
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 28px;
	}

	.problem .answer {
		line-height: 36px;
	}

	.problem .answer .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 16px;
		color: #666666;
	}

	.problem .answer-icon {
		float: left;
		width: 21px;
		height: 21px;
		background-image: url(../images/icon13.png);
		background-position: center center;
		background-repeat: no-repeat;
		margin: 3px 26px 0 11px;
	}
	
	.problem .title{
		margin-bottom: 60px;
	}
	
	.problem .title .h1{
		font-size: 30px;
		color: #333333;
		font-weight: bold;	
		padding-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
	}

	.problem .form{
		position: relative;
		max-width: 800px;
		width: 800px;
		height: 60px;
		margin: 0 auto;
	}
	
	.problem .input-text{
		width: 100%;
		height: 60px;
		border: 1px solid #eeeeee;
		border-radius: 30px;
		padding: 0 140px 0 15px;
		font-size: 18px;
		color: #999999;
	}
	
	.problem .input-text::-webkit-input-placeholder{
		font-size: 18px;
		color: #999999;
	}
	
	.problem .btn-submit{
		position: absolute;
		top: 0;
		right: 0;
		width: 134px;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
		color: #ffffff;
		text-align: center;
		background-color: #14abd2;
		border-radius: 30px;
		outline: none; 
		border: 0;
		cursor: pointer;
	}

	/* product */

	.product-page .banner .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translate(0, -50%);
	}

	.product-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
	}

	.product {
		padding: 90px 0;
		background-color: #f8f8f8;
	}

	.product .title {
		text-align: center;
	}

	.product .title .h1 {
		font-size: 50px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 70px;
	}

	.prod-nav {
		margin-bottom: 60px;
	}

	.prod-nav .column {
		float: left;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 30px;
		background-color: #ffffff;
		border-radius: 15px;
		text-align: center;
		padding: 45px 45px 37px;
		transition: all .3s;
	}

	.prod-nav .column:nth-child(3n) {
		margin-right: 0;
	}

	.prod-nav img {
		transition: all .3s;
	}

	.prod-nav .img2 {
		display: none;
	}

	.prod-nav .h1 {
		font-size: 22px;
		color: #333333;
		margin: 35px 0 13px;
		transition: all .3s;
	}

	.prod-nav .h2 {
		font-size: 16px;
		color: #999999;
		line-height: 24px;
		transition: all .3s;
	}

	.prod-nav .column:hover {
		background-color: #00a7d3;
	}

	.prod-nav .column:hover .img1 {
		display: none;
	}

	.prod-nav .column:hover .img2 {
		display: inline-block;
	}

	.prod-nav .column:hover .h1 {
		color: #ffffff;
	}

	.prod-nav .column:hover .h2 {
		color: #95d0e7;
	}

	.prod-list .more-box {
		text-align: center;
		margin-top: 60px;
	}

	.prod-list .more {
		display: inline-block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
	}


	/* programme */

	.prog-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.prog-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.prog-page .banner .suspen .h2 {
		font-size: 24px;
		color: #ffffff;
	}

	.prog {
		padding: 100px 0;
		background-color: #eeeeee;
	}

	.prog-list .column {
		background-color: #ffffff;
		margin-bottom: 30px;
	}

	.prog-list .text {
		float: left;
		width: 46.875%;
		padding: 70px 140px;
		font-size: 0;
	}

	.prog-list .top>div {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 60px;
	}

	.prog-list .logo {
		max-width: 200px;
		margin-right: 35px;
	}

	.prog-list .line {
		width: 1px;
		height: 30px;
		background-color: #1b1b1b;
	}

	.prog-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-left: 30px;
	}

	.prog-list .icon {
		width: 60px;
		height: 1px;
		background-color: #777777;
		margin-bottom: 70px;
	}

	.prog-list .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.prog-list .words {
		font-size: 16px;
		color: #777777;
		line-height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prog-list .img {
		float: left;
		width: 53.125%;
		position: relative;
	}

	.prog-list .img::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px;
		background-image: url(../images/icon19.png);
		background-size: cover;
		width: 22px;
		height: 40px;
		z-index: 2;
	}

	.prog-list .column:nth-child(2n) .text {
		float: right;
	}

	.prog-list .column:nth-child(2n) .img::before {
		left: auto;
		right: 0;
		background-image: url(../images/icon20.png);
	}

	.prog .nav-page {
		margin-top: 90px;
	}

	.prog-details {
		padding: 80px 0;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #f6f6f6;
	}

	.prog-details .h1 {
		font-size: 36px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
	}

	.prog-details .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
		padding-bottom: 80px;
		border-bottom: 1px solid #eeeeee;
		margin-bottom: 87px;
	}

	.prog-details .h2 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.prog-details .color {
		color: #00a7d2;
		font-weight: normal;
	}


	/* service */

	.serv-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.serv-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.serv-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.serv .title {
		text-align: center;
		margin-bottom: 80px;
	}

	.serv .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
	}

	.purp {
		padding: 125px 0 105px;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}

	.purp .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.purp .words {
		font-size: 16px;
		color: #333333;
		line-height: 30px;
	}

	.moda {
		padding: 90px 0 80px;
		background-color: #f3f3f3;
	}

	.mode-list .column {
		float: left;
		width: 22.94%;
		min-height: 520px;
		margin-right: 2.74%;
		text-align: center;
		border-radius: 20px;
		padding: 65px 50px 0;
		background-image: url(../images/img27.png);
		background-size: cover;
		transition: all .3s;
		margin-bottom: 20px;
	}

	.mode-list .column:nth-child(4n) {
		margin-right: 0;
	}

	.mode-list .icon {
		margin-bottom: 58px;
		display: inline-block;
		padding: 9px;
		border: 1px solid #99dced;
		border-radius: 50%;
	}

	.mode-list .img-2 {
		display: none;
	}

	.mode-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}

	.mode-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
	}

	.mode-list .column:hover {
		background-image: url(../images/fuwu1.png);
	}

	.mode-list .column:hover .icon {
		background-color: #1ab0d7;
		border: 1px solid #1ab0d7;
	}

	.mode-list .column:hover .img-1 {
		display: none;
	}

	.mode-list .column:hover .img-2 {
		display: block;
	}

	.mode-list .column:hover .name {
		color: #ffffff;
	}

	.mode-list .column:hover .words {
		color: #ffffff;
	}

	.cont {
		padding: 85px 0 80px;
	}

	.cont .img {
		float: left;
		width: 37.76%;
	}

	.cont-list {
		float: left;
		width: 62.24%;
		border-bottom: 1px solid #e5e5e5;
	}

	.cont-list .column {
		float: left;
		width: 33.33%;
		position: relative;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		text-align: center;
	}

	.cont-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 28%;
	}

	.cont-list .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
	}

	.cont-list .icon {
		margin-bottom: 7%;
		transition: all .5s;
	}

	.cont-list .column:hover .icon {
		transform: rotateY(180deg);
	}

	.cont-list .column.special .suspen {
		padding-top: 55%;
	}

	.supp {
		padding: 90px 0 80px;
		background-color: #f3f3f3;
	}

	.supp .wd {
		width: 72.91%;
	}

	.supp-list .column {
		float: left;
		width: 28.78%;
		margin-right: 6.83%;
		position: relative;
		transition: all .5s;
		margin-bottom: 20px;
	}

	.supp-list .column:hover {
		margin-top: -20px;
	}

	.supp-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.supp-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 50px 30px;
	}

	.supp-list .h1 {
		font-size: 22px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}

	.supp-list .line {
		display: inline-block;
		vertical-align: top;
		width: 4px;
		height: 18px;
		background-color: #00a7d3;
		border-radius: 2px;
		margin-top: 2px;
		margin-right: 15px;
	}

	.supp-list .words {
		font-size: 16px;
		color: #777777;
		line-height: 33px;
		padding-left: 22px;
	}

	.poli {
		padding: 80px 0;
	}

	.poli-list .column {
		float: left;
		width: 32.05%;
		margin-right: 1.925%;
		background-color: #f3f3f3;
		text-align: center;
		transition: all .5s;
		margin-bottom: 20px;
	}

	.poli-list .column:hover {
		box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	}

	.poli-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.poli-list a {
		display: block;
		padding: 50px 95px 35px;
	}

	.poli-list .icon {
		margin-bottom: 20px;
	}

	.poli-list .name {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.poli-list .words {
		font-size: 18px;
		color: #333333;
		line-height: 32px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.poli-list .more {
		margin-top: 50px;
		font-size: 14px;
		color: #666666;
	}


	/* about */

	.about-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.about-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.about-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.intr {
		padding: 120px 0;
	}

	.intr .wd2 {
		width: 85.93%;
	}

	.intr .text {
		font-size: 16px;
		color: #333333;
		line-height: 33px;
		float: right;
		width: 49.09%;
		padding-right: 6%;
	}

	.intr .text .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
	}

	.intr .video {
		float: left;
		width: 50.91%;
		position: relative;
		padding-top: 10px;
	}

	.intr .play-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -28px;
		margin-left: -28px;
		cursor: pointer;
	}

	.about .title {
		margin-bottom: 90px;
	}

	.about .mile .title {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		margin: 0 auto;
	}

	.about .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.about .title .h2 {
		font-size: 22px;
		color: #666666;
	}

	.mile {
		position: relative;
	}

	.mile .title .h1 {
		color: #ffffff;
	}

	.mile .title .h2 {
		color: #ffffff;
		line-height: 1.4;
	}

	.mile .l-box {
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		width: 20%;
		height: 100%;
		background-size: cover;
		padding: 5.8% 3% 4.5%;
	}

	.mile .arrow-left {
		position: absolute;
		width: 29px;
		height: 14px;
		background-image: url(../images/icon35.png);
		background-size: cover;
		top: -20px;
		left: 12px;
	}

	.mile .arrow-right {
		position: absolute;
		width: 29px;
		height: 14px;
		background-image: url(../images/icon36.png);
		background-size: cover;
		top: auto;
		bottom: -20px;
		left: 12px;
	}

	.mile .r-box {
		padding: 100px 100px;
		float: right;
		width: 80%;
		background-size: cover;
	}

	.mile .carousel {
		position: relative;
	}

	.mile .swiper-button-prev,
	.mile .swiper-button-next {
		width: 29px;
		height: 14px;
		background-size: cover;
		margin: 0;
		left: -2px;
	}

	.mile .swiper-button-prev {
		background-image: url(../images/icon35.png);
		top: -30px;
	}

	.mile .swiper-button-next {
		background-image: url(../images/icon36.png);
		background-size: cover;
		top: auto;
		bottom: -30px;
	}

	.mile .mile-swiper {
		height: 560px;
	}

	.mile .box {
		position: relative;
		font-size: 18px;
		line-height: 30px;
		color: #ffffff;
		padding-bottom: 40px;
		height: 100%;
	}


	/* .mile .color .box{
        color: #9dcd17;
    } */

	.mile .box .text {
		position: relative;
		padding-left: 30px;
	}

	.mile .box .text::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 6px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-color: #ffffff;
		border-radius: 50%;
	}

	.mile .box.years-box .text::after {
		width: 24px;
		height: 24px;
		left: 0;
		margin-top: -12px;
	}

	.mile .box::before {
		position: absolute;
		content: "";
		top: 18px;
		left: 12px;
		width: 1px;
		height: 100%;
		background-color: rgba(255, 255, 255, .2);
	}

	.mile .swiper-slide:last-child .box::before {
		display: none;
	}

	.mile .box.years-box .text {
		font-size: 30px;
		font-weight: bold;
	}

	.flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.mile .view .swiper-slide-active .text {
		color: #F5F5F5;
		font-weight: bold;
	}

	.mile .view .box {
		flex-direction: column;
	}

	.mile .view .icon-box {
		position: relative;
	}

	.mile .view .icon {
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: #ffffff;
	}

	.mile .view .icon-box::before {
		position: absolute;
		content: "";
		width: calc(100% - 15px);
		height: 2px;
		top: 50%;
		left: 15px;
		background-color: #ffffff;
	}

	.mile .view .text {
		font-size: 18px;
		color: #ffffff;
		line-height: 32px;
		padding-top: 40px;
	}

	.mile .view .swiper-slide:nth-child(2n) .text {
		padding: 0;
		padding-bottom: 40px;
	}

	.mile .view .swiper-wrapper {
		display: flex;
		align-items: center;
	}

	.mile .preview .swiper-container {
		height: 328px;
	}

	.mile .preview .swiper-slide {
		padding: 30px 0;
	}

	.mile .preview .swiper-slide-active .years {
		font-weight: bold;
	}

	.mile .year-box {
		position: absolute;
		top: 20%;
		left: 16%;
		font-size: 38px;
		color: #ffffff;
		font-weight: bold;
	}

	.honor {
		padding: 80px 0 70px;
		background-color: #eeeeee;
	}

	.honor .carousel {
		position: relative;
		background-color: #f7f7f7;
		padding: 90px 65px 65px;
	}

	.honor .img-box {
		float: left;
		width: 30%;
		text-align: center;
	}

	.honor .column3 {
		display: none;
	}

	.honor .column3.on {
		display: block;
	}

	.honor .carousel2 {
		position: relative;
		float: left;
		width: 40%;
		margin-left: 5%;
		margin-top: 160px;
		padding-bottom: 75px;
	}

	.honor .view-swiper .swiper-slide {
		width: 100% !important;
	}

	.honor .column {
		font-size: 16px;
		color: #666666;
		line-height: 46px;
		cursor: pointer;
		transition: all .3s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.honor .column:hover {
		color: #00a7d3;
	}

	.honor .carousel2 .swiper-pagination {
		width: auto;
		left: 40px;
		color: #888888;
	}

	.honor .carousel2 .swiper-pagination-current {
		font-size: 16px;
		color: #56c5e2;
	}

	.honor .but {
		left: auto;
		right: auto;
		top: auto;
		bottom: 11px;
		margin-top: auto;
		width: 8px;
		height: 13px;
		background-size: cover;
		transition: all .3s;
	}

	.honor .carousel2 .swiper-button-prev {
		left: 0;
		background-image: url(../images/icon40.png);
	}

	.honor .carousel2 .swiper-button-next {
		left: 105px;
		background-image: url(../images/icon40-2.png);
	}

	.honor .carousel2 .swiper-button-prev:hover {
		background-image: url(../images/icon39.png);
	}

	.honor .carousel2 .swiper-button-next:hover {
		background-image: url(../images/icon39-2.png);
	}

	.honor .preview {
		position: absolute;
		width: 50%;
		left: 36%;
		top: 90px;
	}

	.honor .preview::before {
		position: absolute;
		content: "";
		left: -4%;
		top: 64px;
		width: 94%;
		height: 1px;
		border-bottom: 1px dashed #d2d2d2;
	}

	.honor .previ-swiper .swiper-slide {
		height: auto !important;
		padding: 60px 0 0;
		text-align: left;
	}

	.honor .previ-swiper .year-box {
		display: inline-block;
		text-align: center;
	}

	.honor .previ-swiper .icon {
		display: inline-block;
		position: relative;
		width: 12px;
		height: 12px;
		background-color: #888888;
		border-radius: 50%;
		margin-bottom: 17px;
	}

	.honor .previ-swiper .icon::before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		border: 1px solid #888888;
		top: 50%;
		left: 50%;
		margin-top: -9px;
		margin-left: -9px;
		border-radius: 50%;
	}

	.honor .previ-swiper .year {
		font-size: 18px;
		color: #888888;
		font-weight: bold;
	}

	.honor .previ-swiper .active-nav .year {
		color: #333333;
	}

	.honor .but2 {
		position: absolute;
		top: 45px;
		width: 40px;
		height: 40px;
		background-size: cover;
		z-index: 9;
		transition: all .3s;
	}

	.honor .preview .arrow-left {
		right: -60px;
		background-image: url(../images/icon37.png);
	}

	.honor .preview .arrow-right {
		right: -150px;
		background-image: url(../images/icon37-2.png);
	}

	.honor .preview .arrow-left:hover {
		background-image: url(../images/icon38.png);
	}

	.honor .preview .arrow-right:hover {
		background-image: url(../images/icon38-2.png);
	}

	.honor .previ-swiper .active-nav .icon {
		background-color: #00a7d3;
	}

	.honor .previ-swiper .active-nav .icon::before {
		border: 1px solid #00a7d3;
	}

	.global-layout {
		padding: 90px 0 64px;
	}

	.global-layout .title {
		margin-bottom: 80px;
	}

	.global-layout .text-box {
		float: left;
		width: 38%;
	}

	.global-layout .img-box {
		float: left;
		width: 62%;
	}

	.global-layout .column {
		margin-bottom: 100px;
	}

	.global-layout .column:last-child {
		margin-bottom: 0;
	}
	
	.global-layout .column2{
		margin-bottom: 40px;
	}
	
	.global-layout .top {
		font-size: 30px;
		color: #00a7d3;
		margin-bottom: 10px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.global-layout .number {
		display: inline-block;
		font-size: 50px;
		color: #00a7d3;
		font-weight: bold;
		margin-right: 5px;
	}
	
	.global-layout .text {
		font-size: 16px;
		color: #333333;
	}

	.global-layout .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 30px;
	}

	.global-layout .name {
		font-size: 24px;
	}

	.global-layout .column2:last-child {
		margin-bottom: 0;
	}

	.global-layout .icon {
		display: inline-block;
		vertical-align: top;
		width: 18px;
		margin-right: 14px;
	}

	.global-layout .words {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #333333;
		width: calc(100% - 32px);
	}

	.global-layout .words2 {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}

	.customer {
		padding: 100px 0 95px;
		background-color: #f4f4f4;
	}

	.customer .title {
		margin-bottom: 100px;
	}

	.cust-swiper .box {
		margin-bottom: 77px;
	}

	.cust-swiper .img-box {
		position: relative;
		text-align: center;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.cust-swiper .img1 {
		position: relative;
		transition: all .3s;
	}

	.cust-swiper .img2 {
		position: absolute;
		top: 100%;
		left: 0;
		transition: all .3s;
	}

	.cust-swiper .name {
		font-size: 14px;
		color: #666666;
		text-align: center;
	}

	/* .cust-swiper .box:hover .img1 {
		transform: translateY(-100%);
	}

	.cust-swiper .box:hover .img2 {
		top: 0;
	} */

	.cust-swiper .swiper-pagination-bullet {
		background-color: #d2d2d2;
		opacity: 1;
	}

	.cust-swiper .swiper-pagination-bullet-active {
		background-color: #ffffff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.future-layout {
		padding: 70px 0 90px;
	}

	.futu-list {
		position: relative;
	}

	.futu-list::before {
		position: absolute;
		content: "";
		top: 28%;
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #dddddd;
		z-index: 0;
	}

	.futu-list .column {
		float: left;
		width: 25%;
		padding: 0 2%;
		text-align: center;
		position: relative;
	}

	.futu-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin: 33px 0 15px;
	}

	.futu-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}

	.support {
		padding-top: 70px;
	}

	.supp-top {
		padding-bottom: 23px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 65px;
	}

	.supp-top .h1 {
		float: left;
		font-size: 30px;
		color: #333333;
		font-weight: bold;
	}

	.supp-top .nav-box {
		float: right;
		padding-right: 125px;
	}

	.supp-top .item {
		position: relative;
		display: inline-block;
		font-size: 18px;
		color: #666666;
		line-height: 30px;
		margin-right: 30px;
	}

	.supp-top .item:last-child {
		margin-right: 0;
	}

	.supp-top .item.on::before {
		position: absolute;
		content: "";
		bottom: -23px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #14abd2;
	}

	.supp-video-box .title {
		font-size: 26px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
		text-align: center;
	}

	.supp-video-box .column {
		padding: 0 160px;
	}

	.supp-video-box .prod-video {
		padding-bottom: 55px;
	}

	.supp-video-box .column2 {
		position: relative;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.supp-video-box .column2:nth-child(3n) {
		margin-right: 0;
	}

	.supp-video-box .suspend {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 45px 35px;
	}

	.supp-video-box .suspend .h1 {
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.supp-video-box .words {
		font-size: 16px;
		color: #ffffff;
		line-height: 24px;
	}

	.supp-video-box .play-icon {
		position: absolute;
		bottom: 30px;
		left: 40px;
		opacity: 0;
		transition: all .3s;
	}

	.supp-video-box .column2:hover .play-icon {
		opacity: 1;
	}

	.supp-video-box .more-box {
		text-align: center;
		margin-top: 80px;
	}

	.supp-video-box .more {
		display: inline-block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
	}

	.supp-video-box .tech-video {
		background-color: #f7f7f7;
		padding: 80px 0;
	}

	.supp-video-box .tech-video .wd2 {
		padding: 0 160px;
	}

	.solution-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.solution-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.solution-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.solu {
		padding: 60px 0 25px;
		background-color: #eeeeee;
	}

	.solu-list .column {
		float: left;
		width: 24%;
		margin-right: 1.33%;
		margin-bottom: 60px;
		background-color: #ffffff;
		transition: all .3s;
	}

	.solu-list .column:nth-child(4n) {
		margin-right: 0;
	}

	.solu-list .img {
		position: relative;
	}

	.solu-list .suspend {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
		transform: translateX(-50%);
	}

	.solu-list .text {
		padding: 40px 50px 35px;
		text-align: center;
	}

	.solu-list .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 22px;
	}

	.solu-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
		height: 84px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.solu-list .more {
		display: inline-block;
		font-size: 16px;
		color: #00a7d3;
		border: 1px solid #00a7d3;
		padding: 11px 36px;
		border-radius: 20px;
		margin-top: 25px;
		transition: all .3s;
	}

	.solu-list .column:hover {
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}

	.solu-list .column:hover .more {
		color: #ffffff;
		background-color: #00a7d3;
	}

	.solu2 .title {
		text-align: center;
	}

	.solu2 .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 18px;
	}

	.solu3 .intro {
		padding: 105px 0 130px;
		background-color: #f9f9f9;
	}

	.solu3 .intro .text {
		font-size: 24px;
		color: #666666;
		line-height: 44px;
		text-align: center;
		padding: 0 110px;
	}

	.solu3 .title {
		text-align: center;
	}

	.solu3 .scenes {
		padding: 105px 0 91px;
	}

	.solu3 .scenes .title {
		margin-bottom: 83px;
	}

	.solu3 .title .h1 {
		font-size: 38px;
		color: #333333;
	}

	.solu3 .scen-list .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 47px;
		transition: all .3s;
	}

	.solu3 .scen-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.solu3 .scen-list .text-box {
		border: 1px solid #e5e5e5;
		border-top: 0;
		padding: 25px;
		text-align: center;
	}

	.solu3 .scen-list .h1 {
		font-size: 28px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .3s;
	}

	.solu3 .scen-list .text {
		font-size: 18px;
		color: #333333;
		
		text-overflow: ellipsis;
		height: 150px;
	}

	.solu3 .scen-list .column:hover {
		box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	}

	.solu3 .scen-list .column:hover .h1 {
		color: #00b4de;
	}

	.solu3 .case {
		padding: 103px 0 45px;
		background-color: #f9f9f9;
	}

	.solu3 .case .title {
		margin-bottom: 60px;
	}

	.solu3 .case-list .column {
		float: left;
		width: 20%;
		padding: 0 10px;
		text-align: center;
		margin-bottom: 15px;
	}

	.rela-prod2 {
		padding: 103px 0 108px;
	}

	.rela-prod2 .title {
		margin-bottom: 97px;
	}

	.rela-prod2 .carousel {
		position: relative;
	}

	.rela-prod2 .swiper-button-prev,
	.rela-prod2 .swiper-button-next {
		width: 12px;
		height: 21px;
		background-size: cover;
		margin-top: -10px;
		transition: all .3s;
	}

	.rela-prod2 .swiper-button-prev {
		left: -120px;
		background-image: url(../images/icon64.jpg);
	}

	.rela-prod2 .swiper-button-prev:hover {
		background-image: url(../images/icon65-2.jpg);
	}

	.rela-prod2 .swiper-button-next {
		right: -120px;
		background-image: url(../images/icon64-2.jpg);
	}

	.rela-prod2 .swiper-button-next:hover {
		background-image: url(../images/icon65.jpg);
	}

	.rela-prod2 .swiper-slide {
		padding: 10px;
	}

	.rela-prod2 .box {
		display: block;
		border: 1px solid #e5e5e5;
		text-align: center;
		transition: all .3s;
	}

	.rela-prod2 .img {
		/*padding: 10px;*/
	}

	.rela-prod2 .text-box {
		border-top: 1px solid #e5e5e5;
		padding: 23px 25px 25px;
	}

	.rela-prod2 .name {
		font-size: 20px;
		color: #333333;
		margin-bottom: 16px;
	}

	.rela-prod2 .text {
		font-size: 16px;
		color: #999999;
		margin-bottom: 22px;
	}

	.rela-prod2 .detail {
		width: 125px;
		height: 38px;
		border: 1px solid #e5e5e5;
		background-color: #f9f9f9;
		font-size: 14px;
		color: #999999;
		line-height: 36px;
		text-align: center;
		margin: 0 auto;
		transition: all .3s;
	}

	.rela-prod2 .box:hover {
		box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
	}

	.rela-prod2 .box:hover .detail {
		color: #ffffff;
		background-color: #2b9dd9;
		border: 1px solid #2b9dd9;
	}

	.solu3 .app-solu {
		padding: 115px 0 128px;
	}

	.solu3 .app-solu .title {
		margin-bottom: 76px;
	}

	.solu3 .solu-list2 .column {
		position: relative;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 32px;
	}

	.solu3 .solu-list2 .column:nth-child(3n) {
		margin-right: 0;
	}

	.solu3 .solu-list2 .h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		font-size: 28px;
		color: #f6f6f6;
		line-height: 38px;
		text-align: center;
		padding: 37px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .3s;
	}

	.solu3 .solu-list2 .suspen {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 30%;
		background-color: rgba(54, 62, 72, .6);
		transition: all .3s;
	}

	.solu3 .solu-list2 .h2 {
		font-size: 28px;
		color: #f6f6f6;
		margin-bottom: 40px;
	}

	.solu3 .solu-list2 .detail {
		display: inline-block;
		font-size: 18px;
		color: #ffffff;
		line-height: 34px;
		padding: 0 10px;
		border: 2px solid #ffffff;
	}

	.solu3 .solu-list2 .column:hover .h1 {
		opacity: 0;
	}

	.solu3 .solu-list2 .column:hover .suspen {
		top: 0;
	}

	.solu3 .rela-prod3 {
		padding: 60px 0 97px;
		background-color: #f9f9f9;
	}

	.solu3 .rela-prod3 .box {
		background-color: #ffffff;
	}

	.solu3 .story2 {
		padding: 94px 0 124px;
	}

	.solu3 .story2 .title {
		margin-bottom: 84px;
	}

	.solu3 .story2 .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		transition: all .3s;
	}

	.solu3 .story2 .column:nth-child(2n) {
		margin-right: 0;
	}

	.solu3 .story2 .text-box {
		padding: 27px 50px 32px 31px;
		border: 1px solid #e5e5e5;
	}

	.solu3 .story2 .column .h1 {
		font-size: 20px;
		color: #333333;
		margin-bottom: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.solu3 .story2 .text {
		font-size: 17px;
		color: #666666;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.solu3 .story2 .column:hover {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
	}

	.solu3 .scenes2 {
		padding: 109px 0 52px;
		background-color: #f9f9f9;
	}

	.solu3 .scen-list2 .column {
		width: 23%;
		margin-right: 2.66%;
	}

	.solu3 .scen-list2 .column:nth-child(2n) {
		margin-right: 2.66%;
	}

	.solu3 .scen-list2 .column:nth-child(4n) {
		margin-right: 0;
	}

	.solu3 .scen-list2 .text-box {
		padding: 59px 25px;
	}

	.solu3 .scen-list2 .h1 {
		font-size: 20px;
		margin-bottom: 29px;
	}

	.solu3 .scen-list2 .text {
		font-size: 14px;
	}

	.solu3 .hard-solu {
		padding: 104px 0 20px;
	}

	.solu3 .hard-solu .title {
		margin-bottom: 92px;
	}

	.solu3 .hard-solu .column {
		margin-bottom: 90px;
		padding-left: 40px;
	}
	
	.solu3 .hard-solu a{
		display: block;
	}

	.solu3 .hard-solu .img {
		float: left;
		width: 500px;
	}

	.solu3 .hard-solu .text-box {
		float: left;
		width: calc(100% - 500px);
		padding-left: 57px;
		padding-right: 40px;
	}

	.solu3 .hard-solu .column .h1 {
		font-size: 30px;
		color: #010101;
		margin-bottom: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.solu3 .hard-solu .text {
		font-size: 16px;
		color: #333333;
		line-height: 30px;
		margin-bottom: 27px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.solu3 .hard-solu .detail {
		display: inline-block;
		font-size: 16px;
		color: #ffffff;
		line-height: 38px;
		padding: 0 15px;
		background-color: #2b9dd9;
	}

	.solu3 .hard-solu .column:nth-child(2n) .img {
		float: right;
	}

	.solu3 .hard-solu .column:nth-child(2n) .text-box {
		padding-left: 40px;
		padding-right: 57px;
		text-align: right;
	}
	
	.solu3 .soft-solu{
		padding: 74px 0 84px;
		background-color: #f9f9f9;
	}
	
	.solu3 .soft-solu .title{
		margin-bottom: 85px;
	}
		
	.solu3 .soft-solu .column{
		float: left;
		width: 11%;
		text-align: center;
		margin-right: 6.8%;
	}
	
	.solu3 .soft-solu .column:nth-child(6n){
		margin-right: 0;
	}
	
	.solu3 .soft-solu .name{
		font-size: 16px;
		color: #333333;
		line-height: 22px;
		margin-top: 26px;
	}
	
	.solu3 .soft-solu .detail{
		display: block;
		width: 245px;
		font-size: 22px;
		color: #828282;
		line-height: 51px;
		border: 2px solid #e5e5e5;
		border-radius: 27px;
		margin: 0 auto;
		margin-top: 50px;
		text-align: center;
	}

	.retai {
		padding: 80px 120px 20px;
	}

	.retai .words {
		font-size: 18px;
		color: #333333;
		line-height: 36px;
		text-align: center;
		/* padding: 0 180px; */
	}

	.retai-list {
		margin-top: 75px;
	}

	.retai-list .column {
		float: left;
		width: 29%;
		margin-right: 6.5%;
		margin-bottom: 50px;
		background-color: #f9f9f9;
		transition: all .3s;
	}

	.retai-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.retai-list .text {
		padding: 40px 40px 50px;
		text-align: center;
	}

	.retai-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
		transition: all .3s;
	}

	.retai-list .words2 {
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		height: 48px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.retai-list .column:hover {
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}

	.retai-list .column:hover .name {
		color: #00a7d2;
	}

	.solu2 .title .h2 {
		font-size: 20px;
		color: #333333;
	}

	.story {
		padding: 80px 0 65px;
		background-color: #f9f9f9;
	}

	.story-wrap {
		padding: 0 120px;
	}

	.story .title {
		margin-bottom: 60px;
	}

	.story-list .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		position: relative;
		transition: all .3s;
		margin-bottom: 0.2rem;
	}

	.story-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.story-list .text {
		padding: 30px;
		background-color: #ffffff;
	}

	.story-list .h1 {
		font-size: 20px;
		color: #333333;
		margin-bottom: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.story-list .words {
		font-size: 17px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.story-list .icon {
		position: absolute;
		right: 40px;
		bottom: 50px;
		width: 27px;
		height: 21px;
		background-image: url(../images/icon58.jpg);
		background-size: cover;
		transition: all .3s;
	}

	.story-list .column:hover {
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}

	.story-list .column:hover .icon {
		background-image: url(../images/icon59.png);
	}

	.story-list .more-box {
		margin-top: 70px;
		text-align: center;
	}

	.story-list .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}

	.rela-prod {
		padding: 80px 0 90px;
	}

	.rela-prod .title {
		margin-bottom: 70px;
	}

	.rela-prod .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0.2rem;
	}

	.rela-prod .column:nth-child(3n) {
		margin-right: 0;
	}

	.rela-prod .img {
		text-align: center;
		border: 1px solid #e5e5e5;
	}

	.rela-prod .text {
		padding: 20px 40px 25px;
		border: 1px solid #e5e5e5;
		border-top: 0;
	}

	.rela-prod-list .h2 {
		font-size: 16px;
		color: #999999;
		margin-bottom: 14px;
	}

	.rela-prod-list .h1 {
		font-size: 20px;
		color: #333333;
	}

	.rela-prod-list .column .more {
		display: inline-block;
		margin-top: 45px;
		padding: 12px 33px;
		border: 1px solid #e5e5e5;
		background-color: #f9f9f9;
		font-size: 14px;
		color: #999999;
		transition: all .3s;
	}

	.rela-prod-list .column:hover .more {
		color: #ffffff;
		background-color: #00a7d3;
		border: 1px solid #00a7d3;
	}

	.rela-prod-list .more-box {
		margin-top: 70px;
		text-align: center;
	}

	.rela-prod-list .more-box .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}

	.search {
		padding: 70px 0 50px;
		background-color: #f6f6f6;
	}

	.search .search-wrap {
		padding: 0 120px;
	}

	.search .title {
		margin-bottom: 25px;
	}

	.search .title .h1 {
		font-size: 24px;
		color: #666666;
		margin-bottom: 35px;
	}

	.search .title .icon {
		display: inline-block;
		width: 20px;
		height: 2px;
		background-color: #666666;
	}

	.search .form {
		width: 570px;
		height: 60px;
		padding: 0 60px;
		margin: 0 auto;
		background-color: #ffffff;
		border: 2px solid #e5e5e5;
		border-radius: 30px;
		font-size: 0;
	}

	.search .text {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 25px);
		height: 56px;
	}

	.search .submit {
		display: inline-block;
		vertical-align: top;
		width: 25px;
		height: 25px;
		background-image: url(../images/icon60.jpg);
		background-size: cover;
		font-size: 0;
		cursor: pointer;
		margin-top: 15px;
	}

	.groun {
		padding: 80px 0 95px;
		background-color: #f9f9f9;
	}

	.groun .words {
		font-size: 20px;
		color: #333333;
		line-height: 38px;
		text-align: center;

	}

	.groun-list {
		margin-top: 75px;
	}

	.groun-list .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		background-color: #ffffff;
		padding: 50px 40px 88px;
	}

	.groun-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.groun-list .icon {
		text-align: center;
		margin-bottom: 18px;
	}

	.groun-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
		text-align: center;
	}

	.groun-list .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
	}

	.scene {
		padding: 70px 0;
	}

	.scene .title {
		margin-bottom: 70px;
	}

	.scene .carousel {
		position: relative;
		padding: 0 120px;
	}

	.scene .column {
		background-color: #f9f9f9;
		transition: all .3s;
	}

	.scene .text {
		padding: 40px 40px 50px;
		text-align: center;
		background-color: #f9f9f9;
	}

	.scene .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
		transition: all .3s;
	}

	.scene .words2 {
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		height: 48px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.scene .swiper-slide:hover {
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}

	.scene .swiper-slide:hover .name {
		color: #00a7d2;
	}

	.scene .push-button {
		width: 12px;
		height: 21px;
		background-size: cover;
		transition: all .3s;
	}

	.scene .swiper-button-prev {
		background-image: url(../images/icon64.jpg);
	}

	.scene .swiper-button-next {
		background-image: url(../images/icon64-2.jpg);
	}

	.scene .swiper-button-prev:hover {
		background-image: url(../images/icon65-2.jpg);
	}

	.scene .swiper-button-next:hover {
		background-image: url(../images/icon65.jpg);
	}

	.contact-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.contact-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.contact-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.map-box {
		padding: 105px 0 80px;
	}

	.map-box .map {
		float: left;
		width: 48%;
	}

	.map-box .r-box {
		float: left;
		width: 52%;
		padding-left: 60px;
	}

	.map-box .h1 {
		font-size: 26px;
		color: #00a7d3;
		padding-bottom: 39px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 70px;
	}

	.map-box .h2 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 95px;
	}

	.map-box .column {
		float: left;
		width: 35%;
		font-size: 0;
		margin-bottom: 40px;
	}

	.map-box .column:nth-child(2n) {
		width: 65%;
	}

	.map-box .icon {
		display: inline-block;
		vertical-align: top;
		width: 20px;
	}

	.map-box .text {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 20px);
		padding-left: 13px;
	}

	.map-box .name {
		display: block;
		font-size: 20px;
		color: #666666;
		margin-bottom: 13px;
	}

	.map-box .words {
		display: block;
		font-size: 20px;
		color: #333333;
		line-height: 40px;
	}

	.addr-box .column {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 40px;
		background-color: #f5f5f5;
		padding: 60px 45px 45px;
		background-image: url(../images/img74.jpg);
		background-position: 90% 90%;
		background-repeat: no-repeat;
		border-radius: 15px;
	}

	.addr-box .column:nth-child(3n) {
		margin-right: 0;
	}

	.addr-box .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 27px;
		padding-left: 40px;
		background-image: url(../images/icon69.png);
		background-position: left center;
		background-repeat: no-repeat;
	}

	.addr-box .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
		min-height: 60px;
	}

	.feed-box {
		padding: 110px 0 100px;
		background-color: #f5f5f5;
	}

	.feed-box .h1 {
		font-size: 40px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 90px;
		text-align: center;
	}

	.feed-form {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto;
	}

	.feed-form .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 40px;
	}

	.feed-form .box .column:nth-child(2n) {
		margin-right: 0;
	}

	.feed-form .column2 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.feed-form .top-name {
		margin-bottom: 10px;
	}

	.feed-form .sign {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #f01616;
	}

	.feed-form .name {
		font-size: 16px;
		color: #333333;
	}

	.feed-form .text {
		width: 100%;
		height: 60px;
		font-size: 14px;
		color: #888888;
		padding: 0 10px;
	}

	.feed-form .area {
		font-size: 14px;
		color: #888888;
		padding: 30px;
		height: 215px;
		font-family: Microsoft YaHei;
	}

	.feed-form .push-button {
		margin-top: 80px;
		text-align: center;
	}

	.feed-form .btn {
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
		width: 160px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #ffffff;
		cursor: pointer;
	}

	.feed-form .submit {
		background-color: #00a7d3;
	}

	.feed-form .reset {
		background-color: #535353;
	}

	.feed-form .sele {
		background-image: url(../images/icon70.jpg);
		background-position: 97% center;
		background-repeat: no-repeat;
	}

	.stren-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.stren-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.stren-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.stren-box .title {
		text-align: center;
	}

	.stren-box .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.stren-box .title .h2 {
		font-size: 22px;
		color: #666666;
	}

	.softw {
		padding: 95px 0 120px;
	}

	.softw .title {
		margin-bottom: 80px;
	}

	.softw-list .column {
		float: left;
		width: 33.33%;
		padding: 0 5%;
		text-align: center;
	}

	.softw-list .words {
		line-height: 1.4;
		font-size: 14px;
	}

	.softw-list .icon {
		transition: all .5s;
	}

	.softw-list .column:hover .icon {
		transform: rotateY(180deg);
	}

	.softw-list .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin: 35px 0 18px;
	}

	.softw-list .words {
		font-size: 16px;
		color: #666666;
	}

	.innov {
		padding: 75px 0 80px;
		background-color: #f8f8f8;
	}

	.innov .title {
		margin-bottom: 85px;
	}

	.innov-list {
		margin-bottom: 70px;
	}

	.innov-list .column {
		float: left;
		width: 33.33%;
		padding: 0 5%;
		text-align: center;
	}

	.innov-list .icon {
		margin-bottom: 27px;
		transition: all .5s;
	}

	.innov-list .words {
		font-size: 20px;
		color: #333333;
		line-height: 35px;
	}

	.innov-list .column:hover .icon {
		transform: rotateY(180deg);
	}

	.innov .bot-box {
		background-size: cover;
		padding: 85px 0 80px;
		text-align: center;
	}

	.innov .column2 {
		display: inline-block;
		vertical-align: top;
		padding: 20px 150px 10px;
	}

	.innov .column2:nth-child(1) {
		border-right: 1px dashed rgba(255, 255, 255, .6);
	}

	.innov .top {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.innov .words2 {
		font-size: 24px;
		color: #ffffff;
	}

	.quali {
		padding: 80px 0;
	}

	.quali .title {
		margin-bottom: 90px;
	}

	.quali-list .column {
		float: left;
		width: 23%;
		margin-right: 2%;
		background-color: #f8f8f8;
		background-image: url(../images/img77.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding: 60px 50px 45px;
		transition: all .3s;
	}

	.quali-list .column:hover {
		margin-top: -20px;
	}

	.quali-list .column:nth-child(4n) {
		margin-right: 0;
	}

	.quali-list .name {
		font-size: 20px;
		color: #00081d;
		font-weight: bold;
		margin: 44px 0 16px;
	}

	.quali-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
		min-height: 56px;
	}

	.manu {
		background-color: #f8f8f8;
		padding: 75px 0 130px;
	}

	.manu .title {
		margin-bottom: 80px;
	}

	.manu .text-box {
		float: left;
		width: 45%;
		padding-top: 80px;
	}

	.manu .img-box {
		float: left;
		width: 55%;
	}

	.manu .top-box {
		font-size: 0;
		margin-bottom: 65px;
	}

	.manu .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		font-size: 22px;
		color: #333333;
		margin-bottom: 65px;
		padding-left: 85px;
	}

	.manu .bot-box {
		font-size: 0;
	}

	.manu .column2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		text-align: center;
	}

	.manu .number-box {
		font-size: 60px;
		color: #00a7d3;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.manu .words {
		font-size: 24px;
		color: #333333;
	}

	.recruit-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.recruit-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.recruit-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.recru-box {
		padding: 75px 0 110px;
	}

	.recru-box .title {
		text-align: center;
		margin-bottom: 60px;
	}

	.recru-box .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.recru-box .title .h2 {
		font-size: 22px;
		color: #666666;
	}

	.recru-box .recru-wrap {
		padding: 0 150px;
	}

	.recru-form {
		max-width: 995px;
		width: 100%;
		height: 90px;
		border: 1px solid #f3f3f3;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 0 55px;
		font-size: 0;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}

	.recru-form .text {
		width: calc(100% - 130px);
		height: 48px;
		font-size: 20px;
		color: #cdcdcd;
		margin-top: 20px;
		font-family: Microsoft YaHei;
	}

	.recru-form .submit {
		width: 130px;
		height: 48px;
		font-size: 20px;
		color: #ffffff;
		background-color: #14abd2;
		border-radius: 24px;
		margin-top: 20px;
		cursor: pointer;
	}

	.recru-nav {
		padding: 0 70px;
		margin-bottom: 70px;
	}

	.recru-nav .column {
		font-size: 0;
		margin-bottom: 40px;
	}

	.recru-nav .name {
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		color: #666666;
		width: 110px;
		line-height: 56px;
	}

	.recru-nav .box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 150px);
		font-size: 0;
		margin-left: 40px;
	}

	.recru-nav .item {
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		color: #333333;
		line-height: 56px;
		margin: 0 30px;
	}

	.recru-nav .item.on {
		color: #14abd2;
	}

	.recru-table .column {
		font-size: 0;
	}

	.recru-table .top-box {
		background-color: #14abd2;
	}

	.recru-table .name {
		display: inline-block;
		vertical-align: top;
		width: 16.66%;
		font-size: 20px;
		color: #ffffff;
		line-height: 70px;
		text-align: center;
	}

	.recru-list .column:nth-child(2n) {
		background-color: #f7f7f7;
	}

	.recru-table .h1 {
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: #333333;
		width: 16.66%;
		line-height: 80px;
		text-align: center;
	}

	.recru-table .down {
		display: inline-block;
		vertical-align: top;
		width: 28px;
		height: 28px;
		background-image: url(../images/icon83.png);
		background-size: cover;
		margin-top: 30px;
	}

	.recru-table .column.on .down {
		background-image: url(../images/icon84.png);
	}

	.recru-table .drop-down {
		display: none;
		border-top: 1px solid #e5e5e5;
	}

	.recru-table .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
		padding: 25px 70px 50px;
	}

	.recru-table .resu-box {
		border-top: 1px solid #e5e5e5;
		padding: 37px 0;
	}

	.recru-table .link-resu {
		display: inline-block;
		vertical-align: top;
		width: 130px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		background-color: #14abd2;
		margin-left: 70px;
	}

	.recru-table .on .drop-down {
		display: block;
	}

	.video-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.video-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.video-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.video {
		padding: 80px 0 100px;
	}

	.video .video-wrap {
		padding: 0 140px;
	}

	.video .title {
		text-align: center;
		margin-bottom: 75px;
	}

	.video .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
	}

	.video-list .column {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 65px;
	}

	.video-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.video-list .img {
		position: relative;
	}

	.video-list .play-icon {
		position: absolute;
		bottom: 25px;
		left: 25px;
		width: 35px;
		height: 35px;
		background-image: url(../images/icon85.png);
		background-size: cover;
		transition: all .3s;
	}

	.video-list .column:hover .play-icon {
		background-image: url(../images/icon86.png);
	}

	.video-list .text {
		padding: 25px 3px 0;
	}

	.video-list .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.video-list .time {
		font-size: 16px;
		color: #666666;
	}

	.video-list .more-box {
		margin-top: 35px;
		text-align: center;
	}

	.video-list .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}

	.serv2 {
		padding: 85px 0;
	}

	.serv2 .supp-top {
		margin-bottom: 85px;
	}

	.serv-form {
		max-width: 860px;
		margin: 0 auto;
		font-size: 0;
		border-radius: 35px;
		overflow: hidden;
		box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
	}

	.serv-form .text {
		width: calc(100% - 193px);
		height: 70px;
		padding: 0 95px;
		font-size: 18px;
		color: #999999;
		vertical-align: top;
	}

	.serv-form .submit {
		width: 193px;
		height: 70px;
		font-size: 18px;
		color: #ffffff;
		background-color: #769df5;
	}

	.serv2 .text-img {
		text-align: center;
	}

	.serv3 {
		padding: 75px 0 80px;
	}

	.serv3 .supp-top {
		margin-bottom: 40px;
	}

	.serv3 .text-img {
		text-align: center;
	}

	.serv3 .text-box .h1 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
	}

	.serv3 .text-box .h2 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}

	.serv3 .text-box .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
	}

	.serv4 {
		padding: 75px 0 0;
	}

	.serv4 .supp-top {
		margin-bottom: 60px;
	}

	.serv4 .title {
		text-align: left;
	}

	.outle .title {
		margin-bottom: 105px;
	}

	.outle .title .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}

	.outle .title .h1 a {
		color: #00a7d3;
	}

	.outle .outle-map {
		margin-bottom: 70px;
	}

	.outle .outle-map .map {
		float: left;
		max-width: 970px;
		width: 100%;
	}

	.outle .outle-map .outle-list {
		float: left;
		max-width: calc(100% - 970px);
		width: 100%;
		padding-left: 80px;
	}

	.outle .outle-map .outle-list .column {
		max-width: 370px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.outle .outle-map .outle-list .column:last-child {
		margin-bottom: 0;
	}

	.outle-list .column {
		float: left;
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 70px;
		border: 1px solid #e6e6e6;
	}

	.outle-list .column:nth-child(4n) {
		margin-right: 0;
	}

	.outle-list .h1 {
		font-size: 18px;
		color: #14abd2;
		font-weight: bold;
		line-height: 60px;
		padding: 0 40px 0 75px;
		background-image: url(../images/icon87.jpg);
		background-position: 40px center;
		background-repeat: no-repeat;
		border-bottom: 1px dashed #eeeeee;
	}

	.outle-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 40px;
		padding: 30px 40px;
	}

	.sales-box {
		padding: 70px 0;
		background-color: #f7f7f7;
	}

	.sales-box .title {
		margin-bottom: 50px;
	}

	.sales-list .column {
		float: left;
		width: 30%;
		margin-right: 5%;
		background-color: #ffffff;
		text-align: center;
		padding: 80px;
	}

	.sales-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.sales-list .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-top: 35px;
	}

	.inves-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.inves-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.inves-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.inves {
		padding: 75px 0 0;
	}

	.inves .title {
		margin-bottom: 105px;
	}

	.notice-list .column {
		float: left;
		width: 47%;
		margin-right: 6%;
		margin-bottom: 120px;
	}

	.notice-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.notice-list .h1 {
		font-size: 20px;
		color: #ffffff;
		line-height: 70px;
		font-weight: bold;
		padding: 0 45px;
		background-color: #14abd2;
	}

	.notice-list .box .item {
		display: block;
		font-size: 16px;
		color: #666666;
		line-height: 60px;
		padding: 0 120px;
		background-image: url(../images/icon88.png);
		background-position: 45px center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.notice-list .box .news-item {
		background-image: url(../images/new.png);
		padding-right: 0;

	}

	.notice-list .box .news-item .title {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 95px);
		margin-bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.notice-list .box .news-item .time {
		display: inline-block;
		vertical-align: top;
		width: 80px;
	}

	.notice-list .nav {
		text-align: right;
		margin-top: 45px;
	}

	.notice-list .nav .item {
		display: inline-block;
		vertical-align: top;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		font-size: 16px;
		color: #666666;
		background-color: #e8e8e8;
		margin-right: 4px;
		transition: all .3s;
	}

	.notice-list .nav .item:last-child {
		margin-right: 0;
	}

	.notice-list .nav .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}

	.notice-list .nav .item.not {
		width: auto;
		padding: 0 10px;
	}

	.notice-list .box .item:hover {
		background-image: url(../images/icon88.png), url(../images/icon89.png);
		background-position: 45px center, 96% center;
		background-repeat: no-repeat, no-repeat;
		background-color: #f2fafc;
	}

	.notice-list .box .news-item:hover {
		background-image: url(../images/new.png);
		background-position: 45px center;
	}

	.hotli {
		margin-bottom: 90px;
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}

	.hotli .img {
		float: left;
		width: 44%;
	}

	.hotli .text {
		float: left;
		width: 56%;
		padding: 60px 100px;
	}

	.hotli .h1 {
		font-size: 26px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.hotli .line-icon {
		display: inline-block;
		vertical-align: top;
		width: 45px;
		height: 2px;
		background-color: #14abd2;
		margin-bottom: 65px;
	}

	.hotli .column {
		font-size: 0;
		margin-bottom: 30px;
	}

	.hotli .column:last-child {
		margin-bottom: 0;
	}

	.hotli .icon {
		display: inline-block;
		vertical-align: top;
		width: 22px;
		margin-right: 25px;
	}

	.hotli .words {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 47px);
		line-height: 22px;
		font-size: 16px;
		color: #333333;
	}

	.inves2 {
		background-color: #f7f7f7;
	}

	.inves2 .supp-top {
		margin-bottom: 0;
	}

	.inves2 .title {
		text-align: center;
		margin-bottom: 80px;
	}

	.inves2 .title .h1 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
	}

	.inves-list .column {
		padding: 70px 0 60px;
	}

	.inves-list .column:nth-child(2n) {
		background-color: #ffffff;
	}

	.inves-list .column:nth-child(2n) .column2 {
		background-color: #f9f9f9;
	}

	.inves-list .column:nth-child(2n) .words {

		line-height: 30px;
	}

	.inves-list .column2 {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		background-color: #ffffff;
		border-radius: 15px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.inves-list .column2:nth-child(3n) {
		margin-right: 0;
	}

	.inves-list .column2 .more {
		color: #00a7d3;
		border: 1px solid #00a7d3;
	}

	.inves-list .column2 .more:hover {
		color: #ffffff;
		background-color: #00a7d3;
	}

	.direc-list .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		line-height: 65px;
		border-bottom: 1px solid #f4f4f4;
		position: relative;
		padding: 0 45px;
	}

	.direc-list .h1::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -15px;
		width: 5px;
		height: 30px;
		background-color: #14abd2;
		border-radius: 3px;
	}

	.direc-list .words {
		height: 168px;
		font-size: 16px;
		color: #666666;
		line-height: 32px;
		padding: 0 45px;
		margin: 27px 0 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}

	.inves-list .more-box {
		text-align: center;
		margin-top: 10px;
	}

	.inves-list .more {
		display: block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
		text-align: center;
		margin: 0 auto;
	}

	.camp-recr .title {
		text-align: center;
	}

	.camp-recr .title .h1 {
		display: inline-block;
		vertical-align: top;
		font-size: 28px;
		color: #3f84ee;
		line-height: 36px;
		font-weight: bold;
		padding: 0 100px;
		background-image: url(../images/icon93.png), url(../images/icon94.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}

	.hot-posit {
		padding: 90px 0 260px;
	}

	.camp-recr .title {
		margin-bottom: 70px;
	}

	.hot-posit-wrap {
		padding: 0 180px;
	}

	.propa-video {
		margin-bottom: 124px;
		position: relative;
	}

	.propa-video>img {
		width: 100%;
	}

	.propa-video .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.propa-video .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 25px;
	}

	.posit-list .column {
		float: left;
		width: 24%;
		margin-right: 1.33%;
		padding: 35px 0;
		text-align: center;
		background-color: #f0f5ff;
		border-radius: 10px;
	}

	.posit-list .column:nth-child(4n) {
		margin-right: 0;
	}

	.posit-list .icon {
		display: inline-block;
		vertical-align: top;
		width: 103px;
		height: 103px;
		line-height: 103px;
		background-color: #ffffff;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 0 0 29px rgba(20, 80, 170, .23);
	}

	.posit-list .name {
		font-size: 18px;
		color: #00225e;
		margin: 35px 0 20px;
	}

	.posit-list .wages {
		font-size: 18px;
		color: #307ef4;
		margin-bottom: 40px;
	}

	.posit-list .but {
		display: inline-block;
		vertical-align: top;
		width: 157px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		color: #ffffff;
		background-image: url(../images/icon95.png);
		background-size: cover;
	}

	.hot-posit .more-box {
		text-align: center;
		margin-top: 85px;
	}

	.hot-posit .more {
		display: inline-block;
		vertical-align: top;
		width: 250px;
		height: 52px;
		line-height: 52px;
		font-size: 16px;
		color: #ffffff;
		background-image: url(../images/icon100.png);
		background-size: cover;
		padding-right: 3%;
	}

	.techn {
		padding: 85px 0 0;
		min-height: 790px;
		margin-bottom: 90px;
	}

	.techn .title {
		margin-bottom: 60px;
	}

	.techn .title .h1 {
		color: #ffffff;
		background-image: url(../images/icon106.png), url(../images/icon107.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}

	.techn .words {
		font-size: 18px;
		color: #ffffff;
		line-height: 40px;
		text-align: center;
		margin-bottom: 80px;
	}

	.techn-list .column {
		float: left;
		width: 20%;
		padding: 0 2%;
		text-align: center;
		position: relative;
	}

	.techn-list .column:last-child::before {
		display: none;
	}

	.techn-list .dots {
		display: inline-block;
		vertical-align: top;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #bad4fb;
		margin: 23px 0 29px;
	}

	.techn-list .words2 {
		font-size: 22px;
		color: #ffffff;
		line-height: 30px;
	}

	.techn-list .words3 {
		display: block;
		font-size: 18px;
	}

	.techn-list .column::before {
		content: "";
		position: absolute;
		top: 70px;
		left: 95%;
		width: 22px;
		height: 22px;
		background-image: url(../images/icon298.png);
		background-size: cover;
	}

	.trip {
		padding-bottom: 105px;
	}

	.trip .carousel {
		position: relative;
	}

	.trip-swiper .img {
		margin-bottom: 30px;
	}

	.trip-swiper .column {
		position: relative;
		padding-left: 30px;
		font-size: 16px;
		color: #333333;
		line-height: 26px;
		padding-bottom: 50px;
	}

	.trip-swiper .column:last-child {
		padding-bottom: 0;
	}

	.trip-swiper .column::after {
		position: absolute;
		top: 8px;
		left: 5px;
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background-color: #307ef4;
	}

	.trip-swiper .column::before {
		position: absolute;
		top: 17px;
		left: 9px;
		content: "";
		width: 1px;
		height: 100%;
		background-color: #307ef4;
	}

	.trip-swiper .column:last-child::before {
		display: none;
	}

	.trip .btn {
		width: 49px;
		height: 49px;
		margin-top: 35px;
		transition: all .3s;
	}

	.trip .swiper-button-prev {
		background-image: url(../images/icon282.png);
		background-size: cover;
		left: -120px;
	}

	.trip .swiper-button-next {
		background-image: url(../images/icon282-2.png);
		background-size: cover;
		right: -50px;
	}

	.trip .swiper-button-prev:hover {
		background-image: url(../images/icon283.png);
	}

	.trip .swiper-button-next:hover {
		background-image: url(../images/icon283-2.png);
	}

	.syste {
		padding: 90px 0 0;
		min-height: 900px;
		margin-bottom: 85px;
	}

	.syste .title {
		margin-bottom: 120px;
	}

	.syste .title .h1 {
		color: #ffffff;
		background-image: url(../images/icon106.png), url(../images/icon107.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}

	.welfare {
		font-size: 0;
		text-align: center;
	}

	.welfare .column {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		margin-right: 2%;
		border-radius: 20px;
		background-color: #ffffff;
		min-height: 480px;
		padding: 80px 47px 0;
	}

	.welfare .column:last-child {
		margin-right: 0;
	}

	.welfare .last_column {
		width: 48%;
		padding-top: 66px;
	}

	.welfare .name {
		font-size: 22px;
		color: #3f84ee;
		font-weight: bold;
		margin: 37px 0 26px;
	}

	.welfare .text {
		font-size: 18px;
		color: #333333;
		line-height: 30px;
	}

	.welfare .column_2 {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-bottom: 45px;
	}

	.welfare .column_2 .name {
		font-size: 20px;
		color: #333333;
		font-weight: normal;
		margin: 17px 0 0;
	}

	.devel {
		padding-bottom: 85px;
		margin-bottom: 90px;
	}

	.devel .title {
		margin-bottom: 60px;
	}

	.devel .words {
		font-size: 18px;
		color: #333333;
		line-height: 40px;
		padding: 0 290px;
		text-align: center;
		margin-bottom: 50px;
	}

	.devel .bot-box {
		font-size: 0;
	}

	.devel .l-img {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.devel .r-text {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		position: relative;
	}

	.devel .r-text .h1 {
		position: absolute;
		top: 9.5%;
		left: 15%;
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
	}

	.devel .suspen {
		position: absolute;
		top: 20%;
		left: 12.5%;
		width: 80%;
		height: 74%;
		overflow-y: auto;
	}

	.devel .suspen::-webkit-scrollbar {
		display: none;
	}

	.devel .column {
		margin-bottom: 33px;
	}

	.devel .column:last-child {
		margin-bottom: 0;
	}

	.devel .h2 {
		display: inline-block;
		font-size: 18px;
		color: #333333;
		padding: 0 30px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		background-color: #ffffff;
		margin-bottom: 10px;
	}

	.devel .text {
		font-size: 16px;
		color: #ffffff;
		line-height: 32px;
	}

	.devel .h3 {
		font-size: 20px;
	}

	.activ {
		padding-bottom: 75px;
	}

	.activ .title {
		margin-bottom: 50px;
	}

	.activ .img-box {
		font-size: 0;
		padding: 0 22px;
	}

	.activ .img {
		border-radius: 30px;
	}

	.activ .column {
		display: inline-block;
		vertical-align: top;
		width: 57.62%;
		margin-right: 4%;
		padding: 8px;
		background-color: #FFFFFF;
		border-radius: 30px;
		position: relative;
		box-shadow: 0 5px 8px rgba(20, 80, 170, .28);
		margin-bottom: 45px;
	}

	.activ .column_1 {
		width: 38.38%;
	}

	.activ .column:nth-child(2n) {
		margin-right: 0;
	}

	.activ .icon {
		position: absolute;
	}

	.activ .icon_1 {
		top: 20%;
		left: -5.7%;
	}

	.activ .icon_2 {
		bottom: 18%;
		right: -14%;
	}

	.activ .icon_3 {
		bottom: 10%;
		left: -5.7%;
	}

	.activ .icon_4 {
		top: 12%;
		right: -5%;
	}

	.faq .top-box {
		background-size: cover;
	}

	.faq .h1 {
		font-size: 28px;
		color: #ffffff;
		font-weight: bold;
		height: 150px;
		line-height: 150px;
	}

	.faq .bot-box {
		padding: 58px 0 87px;
	}

	.faq .ask {
		font-size: 18px;
		color: #333333;
		height: 70px;
		line-height: 70px;
		padding: 0 70px 0 38px;
		border-bottom: 2px solid #f2f0f0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-image: url(../images/icon296.png);
		background-position: 97% center;
		background-repeat: no-repeat;
		cursor: pointer;
		transition: all .3s;
	}

	.faq .answer {
		background-color: #f6f6f6;
		font-size: 16px;
		color: #666666;
		line-height: 26px;
		padding: 40px 38px;
		display: none;
	}

	.faq .on .ask {
		background-image: url(../images/icon297.png);
	}

	.news-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.news-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.news-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.news-box {
		padding: 75px 0 100px;
	}

	.news-box .column {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
		transition: all .3s;
	}

	.news-box .list-box {
		padding: 0 100px 0 50px;
	}

	.news-box .text-box {
		float: left;
		width: calc(100% - 420px);
		padding-right: 190px;
		padding-top: 50px;
	}

	.news-box .img-box {
		float: left;
		width: 420px;
	}

	.news-box .date {
		font-size: 18px;
		color: #909090;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.news-box .h1 {
		font-size: 24px;
		color: #000000;
		font-weight: bold;
		margin-bottom: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: all .3s;
	}

	.news-box .words {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.news-box .column:hover .h1 {
		color: #14abd2;
	}

	.news-box .column:hover {
		border-bottom: 1px solid #14abd2;
	}

	.news-box .nav-page {
		margin-top: 40px;
	}

	.news-details {
		padding: 115px 0 60px;
	}

	.news-details .news-wrap {
		padding: 0 75px;
	}

	.news-details .title {
		text-align: center;
		margin-bottom: 70px;
		padding-bottom: 27px;
		border-bottom: 1px solid #cccccc;
	}

	.news-details .title .h1 {
		font-size: 36px;
		color: #14abd2;
		font-weight: bold;
		margin-bottom: 38px;
	}

	.news-details .title .bot-box {
		font-size: 0;
	}

	.news-details .title .date {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
		padding-left: 34px;
		background-image: url(../images/icon112.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		line-height: 25px;
		margin: 0 25px;
	}

	.news-details .title .source {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
		line-height: 25px;
		margin: 0 25px;
	}

	.news-details .title .share {
		display: inline-block;
		vertical-align: top;
		line-height: 25px;
		margin: 0 25px;
	}

	.news-details .title .name {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
	}

	.news-details .title .item {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
	}

	.news-details .words {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
		padding-bottom: 95px;
		border-bottom: 1px solid #cccccc;
	}

	.news-details .words p {
		line-height: 30px;
		margin: 10px 0px;
	}

	.news-details .prev-next {
		margin-top: 88px;
	}

	.news-details .prev-next .item {
		background: none;
		border: 1px solid #cccccc;
		border-radius: 5px;
		color: #cccccc;
		width: 117px;
		height: 36px;
		line-height: 36px;
	}

	.news-details .prev-next .icon {
		width: auto;
		border: 0;
		color: #14abd2;
		margin: 0 85px;
	}

	.prod-list .column {
		float: left;
		width: 49.5%;
		margin-right: 1%;
		margin-bottom: 20px;
		position: relative;
	}

	.prod-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.prod-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 55px;
	}

	.prod-list .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 25px;
	}

	.prod-list .words {
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
	}

	.softw-page .banner {
		position: relative;
		text-align: center;
	}

	.softw-page .banner .suspen {
		position: absolute;
		bottom: 15%;
		left: 0;
		width: 100%;
	}

	.softw-page .banner .h1 {
		font-size: 78px;
		color: #fefefe;
		font-weight: bold;
		margin-bottom: 58px;
	}

	.softw-page .banner .h2 {
		font-size: 36px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 32px;
	}

	.softw-page .banner .words {
		font-size: 18px;
		color: #fefefe;
		line-height: 30px;
	}

	.softw-page .banner .link {
		display: inline-block;
		font-size: 16px;
		color: #fefefe;
		font-weight: bold;
		margin: 47px 0 82px;
		width: 152px;
		height: 50px;
		line-height: 50px;
		background-color: #177fff;
		border-radius: 5px;
	}

	.softw-page .banner .h3 {
		font-size: 36px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 26px;
	}

	.softw-page .banner .list-box {
		position: absolute;
		top: 88%;
		left: 50%;
		width: 81%;
		transform: translateX(-50%);
		background-color: #ffffff;
		border-radius: 20px;
		padding-bottom: 55px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
		z-index: 9;
	}

	.softw-page .banner .column {
		float: left;
		width: 13.2%;
		margin: 0 5.9%;
	}

	.softw-page .banner .name {
		font-size: 26px;
		color: #373737;
		margin-top: 37px;
	}

	.softw-page .top_name {
		position: fixed;
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}

	.softw-page .top_name.on {
		top: 0;
		background-color: #ffffff
	}

	.softw-page .top_name_wrap {
		width: 73%;
		margin: 0 auto;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(213, 213, 213, .2);
	}

	.softw-page .top_name .h1 {
		font-size: 19px;
		color: #ffffff;
		font-weight: bold;
	}

	.softw-page .top_name.on .h1 {
		color: #333333;
	}

	.softw-page .top_name.on .top_name_wrap {
		padding: 10px 0;
	}

	.deploy .top-box {
		position: relative;
	}

	.deploy .top-box .suspen {
		position: absolute;
		top: 22%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		padding: 0 300px;
	}

	.softw-box .top-box .h1 {
		font-size: 36px;
		color: #333333;
		font-weight: bold;
	}

	.deploy .top-box .h1 {
		margin-bottom: 45px;
	}

	.deploy .top-box .words {
		font-size: 18px;
		color: #999999;
		line-height: 30px;
	}

	.deploy .column {
		float: left;
		width: 49.7%;
		margin-right: 0.6%;
		margin-bottom: 12px;
		position: relative;
	}

	.deploy .column:last-child {
		margin-right: 0;
	}

	.deploy .column2 {
		width: 100%;
	}

	.deploy .column .suspen {
		position: absolute;
		bottom: 7%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	.deploy .column .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin: 48px 0 13px;
	}

	.deploy .column .h2 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 36px;
	}

	.deploy .column .words {
		font-size: 18px;
		color: #999999;
		line-height: 30px;
	}

	.deploy .column2 .suspen {
		width: auto;
		left: auto;
		right: 10%;
		bottom: 50%;
		transform: translateY(50%);
	}

	.devi-mana {
		background-color: #f6f7f8;
	}

	.devi-mana .top-box {
		padding: 70px 0 90px;
		text-align: center;
	}

	.devi-mana .top-box .h1 {
		margin-bottom: 45px;
	}

	.devi-mana .top-box .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
	}

	.devi-mana .top-box .img {
		margin: 45px 0 34px;
	}

	.devi-mana .top-box .words2 {
		font-size: 14px;
		color: #999999;
		line-height: 30px;
	}

	.devi-mana .box {
		padding: 85px 0 120px;
		background-size: cover;
		background-position: top center;
	}

	.devi-mana .column {
		position: relative;
	}

	.devi-mana .title-box {
		text-align: center;
	}

	.devi-mana .title-box .h1 {
		font-size: 48px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 57px;
	}

	.devi-mana .column2 .h2 {
		font-size: 14px;
		color: #ffffff;
		line-height: 30px;
		text-align: center;
		margin: 26px 0 42px;
	}

	.devi-mana .nav-box {
		display: inline-block;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.devi-mana .item {
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: rgba(255, 255, 255, .5);
		padding: 0 20px;
		margin-right: 26px;
		position: relative;
	}

	.devi-mana .item.on {
		color: #ffffff;
	}

	.devi-mana .item.on::before {
		position: absolute;
		content: "";
		bottom: -30px;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #ffffff;
	}

	.devi-mana .column2 {
		display: none;
	}

	.devi-mana .column2.on {
		display: block;
	}

	.devi-mana .video-box {
		position: relative;
		font-size: 0;
		text-align: center;
	}

	.devi-mana .play-area {
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	.devi-mana .l-video {
		margin: 0 33px;
	}

	.devi-mana .r-video {
		margin: 13px 33px 0;
	}

	.devi-mana .video-wrap {
		position: absolute;
	}

	.devi-mana .video1 {
		top: 32px;
		left: 123px;
	}

	.devi-mana .video1 video {
		width: 800px;
		height: 475px;
	}

	.devi-mana .video1 img {
		width: 800px;
		height: 475px;
	}

	.devi-mana .video1 img {
		width: 800px;
		height: 475px;
	}

	.devi-mana .box2 .video1 video {
		width: 874px;
		height: 494px;
	}

	.devi-mana .box2 .video1 img {
		width: 874px;
		height: 494px;
	}

	.devi-mana .video2 {
		top: 54px;
		left: 17px;
	}

	.devi-mana .video2 video {
		width: 236px;
		height: 471px;
	}

	.devi-mana .video2 img {
		width: 236px;
		height: 471px;
	}

	.devi-mana .box1 .wd {
		position: relative;
	}

	.devi-mana .box1 {
		position: relative;
	}

	.devi-mana .box1 .back-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.devi-mana .box1 .back-box li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: top center;
	}

	.devi-mana .box1 .back-box li.on {
		display: block;
	}

	.devi-mana .box2 {
		padding: 75px 0 0;
	}

	.devi-mana .box2 .video1 {
		top: 35px;
		left: 27px;
	}

	.devi-mana .box2 video {
		width: 874px;
		height: 494px;
	}

	.devi-mana .box3 {
		padding: 182px 0 163px;
	}

	.devi-mana .box3 .title-box .h1 {
		font-size: 36px;
		margin-bottom: 60px;
		text-align: left;
		padding: 0 105px;
	}

	.devi-mana .box3 .list-box {
		max-width: 720px;
		padding-left: 105px;
		font-size: 0;
	}

	.devi-mana .box3 .column2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding-right: 2%;
		margin-bottom: 57px;
	}

	.devi-mana .box3 .name {
		font-size: 20px;
		color: #fefefe;
		font-weight: bold;
		margin: 35px 0 19px;
	}

	.devi-mana .box3 .words {
		font-size: 16px;
		color: #ababab;
		line-height: 24px;
	}

	.devi-diag {
		padding: 93px 0 115px;
		background-size: cover;
		background-position: top center;
	}

	.devi-diag .top-box {
		max-width: 990px;
		margin: 0 auto;
		margin-bottom: 275px;
		text-align: center;
	}

	.devi-diag .top-box .h1 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 49px;
	}

	.devi-diag .words {
		font-size: 18px;
		color: #fefefe;
		line-height: 30px;
	}

	.devi-diag .bot-box {
		font-size: 0;
		max-width: 1400px;
		margin: 0 auto;
	}

	.devi-diag .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2.5%;
		text-align: center;
	}

	.devi-diag .name {
		display: inline-block;
		vertical-align: top;
		font-size: 26px;
		color: #405d7e;
		font-weight: bold;
		line-height: 36px;
		padding: 0 24px;
		margin: 30px 0 15px;
		background-color: #d4d6d7;
	}

	.devi-diag .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 22px;
	}

	.cloud-serv {
		background-color: #f1f4f5;
	}

	.cloud-serv .top-box .h1 {
		font-size: 44px;
		color: #313131;
		font-weight: bold;
		padding: 105px 0 100px;
		text-align: center;
	}

	.cust-use {
		padding: 525px 0 90px;
		background-size: cover;
		background-position: top center;
	}

	.cust-use .top-box {
		max-width: 600px;
		margin: 0 auto;
		margin-bottom: 80px;
		text-align: center;
	}

	.cust-use .top-box .h1 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 23px;
	}

	.cust-use .words {
		font-size: 18px;
		color: rgba(254, 254, 254, .5);
		line-height: 30px;
	}

	.cust-use .bot-box {
		font-size: 0;
		padding: 0 55px;
	}

	.cust-use .bot-box-wrap {
		background-color: #fbfbfb;
		border-radius: 30px;
	}

	.cust-use .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 60px 100px 70px;
	}

	.cust-use .column:nth-child(1) {
		border-right: 2px solid #e7ecef;
	}

	.cust-use .icon-box {
		display: inline-block;
		vertical-align: top;
		width: 200px;
		text-align: center;
	}

	.cust-use .text-box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 200px);
		padding-left: 45px;
	}

	.cust-use .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-top: 25px;
	}

	.cust-use .h2 {
		font-size: 28px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.cust-use .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 30px;
	}

	.mapp-func {
		font-size: 0;
		text-align: center;
		padding-top: 115px;
		background-color: #f6f7f8;
	}

	.mapp-func .l-video {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
	}

	@keyframes myfirst {
		0% {
			opacity: 0;
			top: 160px;
			right: -126px;
		}

		20% {
			opacity: 1;
		}

		50% {
			opacity: 1;
			top: 140px;
			right: -105px;
		}

		80% {
			opacity: 1;
		}

		100% {
			opacity: 0;
			top: 160px;
			right: -126px;
		}
	}

	.mapp-func .gest-icon {
		position: absolute;
		top: 160px;
		right: -126px;
		opacity: 0;
		display: none;
	}

	.mapp-func .gest-icon.on {
		animation: myfirst 1.5s;
		-moz-animation: myfirst 1.5s;
		-webkit-animation: myfirst 1.5s;
		-o-animation: myfirst 1.5s;
	}

	.mapp-func .r-text {
		display: inline-block;
		vertical-align: top;
		max-width: 520px;
		margin: 0 15px;
		margin-top: 210px;
		margin-left: 30px;
		text-align: left;
	}

	.mapp-func .h1 {
		font-size: 44px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 33px;
	}

	.mapp-func .h2 {
		font-size: 16px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.mapp-func .words {
		font-size: 16px;
		color: #666666;
		line-height: 26px;
	}

	.mapp-func video {
		width: 420px;
	}

	.seco-deve {
		padding: 110px 0 125px;
	}

	.seco-deve .top-box {
		max-width: 530px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 90px;
	}

	.seco-deve .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}

	.seco-deve .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
	}

	.seco-deve .bot-box {
		font-size: 0;
		text-align: center;
		padding: 0 150px;
	}

	.seco-deve .column {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		padding: 0 7%;
		text-align: center;
	}

	.seco-deve .name {
		font-size: 26px;
		color: #666666;
		font-weight: bold;
		margin: 35px 0 23px;
	}

	.seco-deve .words2 {
		font-size: 16px;
		color: #999999;
		line-height: 26px;
	}

	.wd3 {
		width: 73%;
		margin: 0 auto;
	}

	.prod-top-nav {
		/*position: fixed;*/
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}

	.prod-top-nav .prod-top-wrap {
		padding-bottom: 14px;
		border-bottom: 1px solid rgba(213, 213, 213, .2);
	}

	.prod-top-nav .name {
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 31px;
	}

	.prod-top-nav .nav-box {
		float: right;
		font-size: 0;
	}

	.softw-page .prod-top-nav .nav-box {
		display: none;
	}

	.softw-page .prod-top-nav .nav-box.on {
		display: block;
	}

	.prod-top-nav .nav {
		display: inline-block;
		vertical-align: top;
		line-height: 31px;
	}

	.prod-top-nav .column {
		display: inline-block;
		vertical-align: middle;
		height: 17px;
		padding: 0 28px;
		border-right: 2px solid #ffffff;
	}

	.prod-top-nav .column:last-child {
		border-right: 0;
	}

	.prod-top-nav .item {
		display: inline-block;
		font-size: 16px;
		color: #333;
		line-height: 17px;
	}

	.prod-top-nav .item.active {
		color: #00a7d2 !important;
	}

	.prod-top-nav .links {
		display: inline-block;
		vertical-align: top;
	}

	.prod-top-nav .link {
		display: inline-block;
		vertical-align: top;
		width: 56px;
		height: 31px;
		line-height: 31px;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		background-color: #00a7d3;
		border-radius: 5px;
	}

	.prod-top-nav.on {
		top: 0;
		background-color: #FFFFFF;
		position: fixed;
	}

	.prod-top-nav.on .prod-top-wrap {
		padding: 5px 0;
	}

	.prod-top-nav.on .column {
		border-right: 2px solid #333333;
	}

	.prod-top-nav.on .column:last-child {
		border-right: 0;
	}

	.prod-top-nav.on .name {
		color: #333333;
	}

	.prod-top-nav.on .item {
		color: #333333;
	}

	.prod-deta .box {
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
	}

	.prod-deta .box .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}

	.d7000 .box1 {
		height: 1035px;
	}

	.d7000 .box2 {
		height: 1070px;
	}

	.d7000 .box3 {
		height: 922px;
	}

	.d7000 .box4 {
		height: 892px;
	}

	.d7000 .box5 {
		height: 974px;
	}

	.d7000 .box7 {
		height: 793px;
	}
    .prod-deta .box7 .suspen{
        transform: translate(-50%);
    }
	.d7000 .box8 {
		height: 874px;
	}

	.d7000 .box9 {
		height: 713px;
	}

	.d7000 .box10 {
		height: 852px;
	}

	.d7000 .box11 {
		height: 1021px;
	}

	.d7000 .box1 .h1 {
		font-size: 64px;
		color: #5c5350;
		font-weight: bold;
		margin-bottom: 36px;
	}

	.d7000 .box1 .words {
		font-size: 36px;
		color: #5c5350;
		line-height: 52px;
	}

	.d7000 .box2 .play-box {
		text-align: center;
	}

	.play-but-icon {
		cursor: pointer;
	}

	.d7000 .box2 .h1 {
		font-size: 26px;
		color: #eeeeee;
		font-weight: bold;
		line-height: 1;
		margin-top: 27px;
	}

	.d7000 .box3 .text-box {
		float: right;
		max-width: 500px;
	}

	.summ-box .h1 {
		font-size: 48px;
		color: #333333;
		line-height: 68px;
		font-weight: bold;
		margin-bottom: 28px;
	}

	.summ-box .words {
		font-size: 24px;
		color: #333333;
		line-height: 1.5;
		font-weight: 300;
	}

	.d7000 .box3 .suspen {
		top: 30%;
	}

	.d7000 .box4 .suspen {
		top: auto;
		bottom: 3%;
	}

	.d7000 .box4 .text-box {
		max-width: 620px;
		text-align: center;
		margin: 0 auto;
	}

	.d7000 .box4 .h1 {
		color: #ffffff;
		margin-bottom: 30px;
	}

	.d7000 .box4 .words {
		font-size: 22px;
		color: #ffffff;
		line-height: 38px;
	}

	.d7000 .box5 .suspen {
		width: 86%;
		top: 30%;
	}

	.d7000 .box5 .text-box {
		float: right;
		max-width: 550px;
	}

	.d7000 .box5 .h1 {
		color: #ffffff;
		margin-bottom: 30px;
	}

	.d7000 .box5 .words {
		font-size: 22px;
		color: #ffffff;
		line-height: 38px;
	}

	.d7000 .box6 {
		padding: 82px 0 90px;
		background-color: #eceef1;
	}

	.d7000 .box6 .text-box {
		text-align: center;
		margin-bottom: 75px;
	}

	.d7000 .box6 .h1 {
		margin-bottom: 18px;
	}

	.d7000 .box6 .words {
		color: #999999;
		line-height: 38px;
		font-weight: normal;
	}

	.d7000 .box6 .list-box {
		max-width: 1252px;
		margin: 0 auto;
	}

	.d7000 .box6 .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		border-radius: 15px;
		position: relative;
	}

	.d7000 .box6 .column:nth-child(3n) {
		margin-right: 0;
	}

	.d7000 .box7 .suspen {
		top: 55%;
	}

	.d7000 .box7 .text-box {
		max-width: 570px;
	}

	.d7000 .box7 .h1 {
		color: #ffffff;
	}

	.d7000 .box7 .words {
		color: #c2c2c4;
		font-weight: normal;
	}

	.d7000 .box8 .text-box {
		float: right;
		max-width: 475px;
	}

	.d7000 .box8 .h1 {
		color: #ffffff;
	}

	.d7000 .box8 .words {
		color: #ffffff;
		font-weight: normal;
	}

	.d7000 .box9 .text-box {
		max-width: 530px;
	}

	.d7000 .box9 .h1 {
		color: #ffffff;
	}

	.d7000 .box9 .words {
		color: #ffffff;
		font-weight: normal;
	}

	.d7000 .box10 .text-box {
		float: right;
		max-width: 410px;
	}

	.d7000 .box10 .suspen {
		top: 58%;
	}

	.d7000 .box10 .words {
		font-weight: normal;
	}

	.d7000 .box11 .suspen {
		top: auto;
		bottom: 2%;
		transform: translate(-50%, 0);
		text-align: center;
	}

	.d7000 .box11 .text-box {
		max-width: 505px;
		margin: 0 auto;
		margin-bottom: 130px;
	}

	.d7000 .box11 .h1 {
		color: #ffffff;
	}

	.d7000 .box11 .words {
		color: #ffffff;
		font-weight: normal;
	}

	.opti-acce {
		padding: 73px 0 77px;
		background-color: #ffffff;
	}

	.opti-acce .h1 {
		font-size: 40px;
		color: #333333;
		margin-bottom: 60px;
	}

	.opti-acce .column {
		position: relative;
		display: block;
		background-color: #ffffff;
		text-align: center;
	}

	.opti-acce .name {
		/*position: absolute;*/
		bottom: 6.5%;
		left: 0;
		width: 100%;
		font-size: 20px;
		color: #333333;
		margin-top: 25px;
	}

	.opti-acce .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		transition: all .3s;
		opacity: 0;
	}

	.opti-acce .view-but {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.acce-swiper .swiper-slide:hover .suspen {
		opacity: 1;
	}

	.acce-swiper .swiper-slide {
		text-align: center;
	}

	.acce-swiper .swiper-pagination {
		bottom: 0;
	}

	.acce-swiper {
		padding-bottom: 30px;
	}

	.opti-acce .carousel {
		position: relative;
	}

	.opti-acce .swiper-button-prev,
	.opti-acce .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		background-size: cover;
	}

	.opti-acce .swiper-button-prev {
		left: -50px;
		background-image: url(../images/icon38.png);
	}

	.opti-acce .swiper-button-next {
		right: -50px;
		background-image: url(../images/icon38-2.png);
	}

	.tech-para {
		padding: 50px 0 40px;
		background-size: cover;
		background-position: center center;
	}

	.tech-para .top-box {
		margin-bottom: 50px;
	}

	.tech-para .h1 {
		float: left;
		font-size: 40px;
		color: #ffffff;
		line-height: 50px;
	}

	.tech-para .down-link {
		float: right;
		width: 120px;
		height: 50px;
		line-height: 48px;
		border: 1px solid #ffffff;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		border-radius: 20px;
	}

	.tech-para .list-box {
		font-size: 0cm;
	}

	.tech-para .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding-right: 1%;
		margin-bottom: 90px;
		font-size: 0;
	}

	.tech-para .column:nth-child(4n) {
		padding-right: 0;
	}

	.tech-para .icon {
		display: inline-block;
		vertical-align: top;
		width: 42px;
	}

	.tech-para .text-box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 60px);
		margin-left: 18px;
	}

	.tech-para .name {
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 14px;
	}

	.tech-para .data {
		font-size: 18px;
		color: #ffffff;
		line-height: 26px;
		word-wrap: break-word;
		word-break: break-all;
	}

	.tech-para .words {
		font-size: 18px;
		color: #f1f1f1;
		line-height: 1.4;
	}

	.tech-para .words a {
		color: #00a7d3;
	}

	.d8000 .box1 {
		height: 1067px;
	}

	.d8000 .box2 {
		height: 1070px;
	}

	.d8000 .box3 {
		height: 783px;
	}

	.d8000 .box4 {
		height: 793px;
	}

	.d8000 .box5 {
		height: 871px;
	}

	.d8000 .box7 {
		height: 842px;
	}

	.d8000 .box8 {
		height: 1010px;
	}

	.d8000 .box9 {
		height: 943px;
	}

	.d8000 .box10 {
		height: 892px;
	}

	.d8000 .box11 {
		height: auto;
	}

	.d8000 .box12 {
		height: auto;
	}

	.d8000 .box .h1 {
		margin-bottom: 15px;
	}

	.d8000 .box .words {
		font-size: 20px;
		color: #ffffff;
		line-height: 36px;
		font-weight: normal;
	}

	.d8000 .wd2 {
		padding: 0 55px;
	}

	.d8000 .box1 .text-box {
		text-align: center;
	}

	.d8000 .box1 .h1 {
		font-size: 48px;
		color: #fefefe;
		line-height: 1;
		font-weight: normal;
		text-align: left;
		margin-bottom: 63px;
	}

	.d8000 .box1 .l-h1 {
		float: left;
		font-size: 160px;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box1 .r-h1 {
		float: right;
		font-size: 160px;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box1 .img-box {
		position: absolute;
		top: 85%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.d8000 .box3 .suspen {
		top: 35%;
	}

	.d8000 .box3 .text-box {
		float: left;
		max-width: 420px;
	}

	.d8000 .box3 .h1 {
		color: #ffffff;
	}

	.d8000 .box4 .suspen {
		bottom: auto;
		top: 35%;
	}

	.d8000 .box4 .text-box {
		text-align: left;
		max-width: 340px;
		margin: 0;
	}

	.d8000 .box5 .suspen {
		top: 50%;
	}

	.d8000 .box5 .text-box {
		float: left;
		max-width: 505px;
	}

	.d8000 .box6 .words {
		color: #666666;
	}

	.d8000 .box7 .suspen {
		top: 45%;
	}

	.d8000 .box7 .text-box {
		max-width: 625px;
	}

	.d8000 .box7 .h1 {
		color: #333333;
	}

	.d8000 .box7 .words {
		color: #333333;
	}

	.d8000 .box8 .suspen {
		top: 35%;
		padding: 0;
	}

	.d8000 .box8 .text-box {
		max-width: 675px;
	}

	.d8000 .box9 .suspen {
		top: 62%;
	}

	.d8000 .box10 .suspen {
		top: 45%;
	}

	.d8000 .box10 .text-box {
		max-width: 480px;
	}

	.d8000 .box10 .h1 {
		color: #ffffff;
	}

	.d8000 .box11 {
		padding: 80px 0 105px;
		text-align: center;
	}

	.d8000 .box11 .text-box {
		max-width: 100%;
		text-align: center;
		margin-bottom: 67px;
	}

	.d8000 .box11 .h1 {
		color: #333333;
	}

	.d8000 .box11 .words {
		color: #333333;
	}

	.d8000 .box12 .suspen {
		top: auto;
		bottom: 7%;
		left: 0;
		width: 100%;
		transform: translate(0, 0);
	}

	.d8000 .box12 .name {
		font-size: 32px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding-left: 30px;
	}

	.d8000 .box6 .list-box {
		max-width: 100%;
	}

	.dt30 .box1 {
		height: auto;
	}

	.dt30 .box2 {
		height: auto;
	}

	.dt30 .box3 {
		height:auto;
	}

	.dt30 .box4 {
		height:auto;
	}

	.dt30 .box5 {
		height:auto;
	}

	.dt30 .box6 {
		height:auto;
	}

	.dt30 .box7 {
		height:auto;
	}

	.dt30 .box8 {
		height:auto;
	}

	.dt30 .box9 {
		height:auto;
	}

	.dt30 .box10 {
		height: auto;
	}

	.dt30 .box11 {
		height: auto;
	}

	.dt30 .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 50px;
	}

	.dt30 .box1 .h2 {
		/*font-size: 34px;*/
		color: #ffffff;
		line-height: 1.5;
	}

	.dt30 .box1 .enla {
		font-size: 56px;
	}

	.dt30 .box1 .img-box {
		position: absolute;
		bottom: 0;
		right: 20%;
	}

	.dt30 .box3 .suspen {
		top: 50%;
	}

	.dt30 .box3 .text-box {
		float: left;
		max-width: 700px;
	}

	.dt30 .box3 .h1 {
		color: #ffffff;
		margin-bottom: 36px;
	}

	.dt30 .box3 .words {
		color: #ffffff;
	}

	.dt30 .box4 .suspen {
		bottom: auto;
		top: 50%;
	}

	.dt30 .box4 .text-box {
		float: right;
		max-width: 620px;
		text-align: left;
		margin: 0;
		margin-right: 0;
	}

	.dt30 .box4 .img-box {
		position: absolute;
		top: 0;
		left: 8.5%;
	}

	.dt30 .box5 .suspen {
		width: 73%;
		top: 45%;
	}

	.dt30 .box5 .text-box {
		float: left;
		max-width: 605px;
	}

	.dt30 .box5 .img-box {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}

	.dt30 .box5 .img {
		position: relative;
		top: 0;
		bottom: 0;
		height: 100%;
	}

	.dt30 .box5 .img-box .img>img {
		max-height: 100%;
	}

	.dt30 .box5 .soun-wave {
		position: absolute;
		width: 36%;
		top: 20%;
		left: 15%;
	}

	.dt30 .box5 .soun-wave-wrap {
		position: relative;
	}

	.dt30 .box5 .line {
		position: absolute;
		border: 1px solid #3289a5;
	}

	.dt30 .box5 .line1 {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-radius: 50%;
	}

	.dt30 .box5 .line2 {
		width: 110%;
		height: 110%;
		top: -5%;
		left: -5%;
		border-radius: 50%;
		opacity: .7;
	}

	.dt30 .box5 .line3 {
		width: 120%;
		height: 120%;
		top: -10%;
		left: -10%;
		border-radius: 50%;
		opacity: .4;
	}

	@keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}

		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}

	@-moz-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}

		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}

	@-webkit-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}

		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}

	@-o-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}

		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}

	.dt30 .box5 .line1 {
		animation: bowen 1.5s linear 0s infinite normal;
		-moz-animation: bowen 1.5s linear 0s infinite normal;
		-webkit-animation: bowen 1.5s linear 0s infinite normal;
		-o-animation: bowen 1.5s linear 0s infinite normal;
	}

	.dt30 .box5 .line2 {
		animation: bowen 2.5s linear 0s infinite normal;
		-moz-animation: bowen 2.5s linear 0s infinite normal;
		-webkit-animation: bowen 2.5s linear 0s infinite normal;
		-o-animation: bowen 2.5s linear 0s infinite normal;
	}

	.dt30 .box5 .line3 {
		animation: bowen 3.5s linear 0s infinite normal;
		-moz-animation: bowen 3.5s linear 0s infinite normal;
		-webkit-animation: bowen 3.5s linear 0s infinite normal;
		-o-animation: bowen 3.5s linear 0s infinite normal;
	}

	.dt30 .box5 .line4 {
		animation: bowen 4s linear 0s infinite normal;
		-moz-animation: bowen 4s linear 0s infinite normal;
		-webkit-animation: bowen 4s linear 0s infinite normal;
		-o-animation: bowen 4s linear 0s infinite normal;
	}

	.dt30 .box6 {
		padding: 0;
	}

	.dt30 .box6 .suspen {
		top: 35%;
	}

	.dt30 .box6 .text-box {
		float: right;
		max-width: 780px;
		text-align: left;
	}

	.dt30 .box6 .h1 {
		color: #ffffff;
	}

	.dt30 .box6 .words {
		color: #ffffff;
	}

	.dt30 .box7 .suspen {
		top:10%;
	}

	.dt30 .box7 .text-box {
		max-width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.dt30 .box7 .words {
		color: #ffffff;
	}

	.dt30 .box8 .text-box {
		max-width: 610px;
	}

	.dt30 .box8 .list-box {
		font-size: 0;
		margin-top: 55px;
	}

	.dt30 .box8 .column {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-right: 55px;
	}

	.dt30 .box8 .column:nth-child(3n) {
		margin-right: 0;
	}

	.dt30 .box8 .name {
		font-size: 18px;
		color: #5f9aef;
		margin-top: 10px;
	}

	.dt30 .box9 .text-box {
		max-width: 665px;
	}

	.dt30 .box9 .h1 {
		color: #333333;
	}

	.dt30 .box9 .words {
		color: #333333;
	}

	.dt30 .box9 .list-box {
		font-size: 0;
		margin-top: 84px;
	}

	.dt30 .box9 .column {
		display: inline-block;
		vertical-align: top;
		position: relative;
		text-align: center;
		margin-right: 110px;
	}

	.dt30 .box9 .column:nth-child(2n) {
		margin-right: 0;
	}

	.dt30 .box9 .suspen2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 23px 0;
		padding-left: 10px;
	}

	.dt30 .box9 .d1 {
		font-size: 18px;
		color: #666666;
	}

	.dt30 .box9 .d2 {
		font-size: 40px;
		color: #333333;
		font-weight: bold;
		margin: 23px 0;
	}

	.dt30 .box9 .img-box {
		position: absolute;
		top: 50%;
		right: 7.5%;
		transform: translateY(-50%);
	}

	.dt30 .box10 .text-box {
		max-width: 470px;
	}

	.dt30 .box10 .h1 {
		color: #ffffff;
	}

	.dt30 .box10 .words {
		color: #ffffff;
	}

	.dt30 .box10 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.dt30 .box10 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.dt30 .box10 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.dt30 .box11 {
		padding: 93px 0 0;
		text-align: center;
		background-color: #eeeeee;
	}

	.dt30 .box11 .text-box {
		max-width: 665px;
		text-align: center;
		margin-bottom: 107px;
	}

	.dt30 .box11 .h1 {
		color: #333333;
	}

	.dt30 .box11 .words {
		color: #333333;
	}

	.dt30 .box11 .img-box {
		position: relative;
		display: inline-block;
	}

	.dt30 .box11 .column {
		position: absolute;
	}

	.dt30 .box11 .name {
		font-size: 20px;
		color: #333333;
		margin-top: 10px;
	}

	.dt30 .box11 .column1 {
		left: 1.5%;
		bottom: 12%;
	}

	.dt30 .box11 .name1 {
		text-align: right;
	}

	.dt30 .box11 .column2 {
		left: 16%;
		bottom: 49%;
	}

	.dt30 .box11 .column3 {
		left: 35%;
		bottom: 75%;
	}

	.dt30 .box11 .column4 {
		right: 35%;
		bottom: 75%;
	}

	.dt30 .box11 .column5 {
		right: 16%;
		bottom: 49%;
	}

	.dt30 .box11 .column6 {
		right: 1.5%;
		bottom: 12%;
	}

	.dt30 .box11 .img1 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.repla-popups {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		background-color: rgba(0, 0, 0, .7)
	}

	.repla-popups .img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 80%;
		max-height: 80vh;
	}

	.repla-popups .close {
		position: absolute;
		right: 40px;
		top: 40px;
		width: 30px;
		height: 30px;
		font-size: 24px;
		color: #ffffff;
		border: 1px solid #ffffff;
		line-height: 24px;
		text-align: center;
		border-radius: 50%;
		cursor: pointer;
	}

	.dt40 .box1 {
		height: 1067px;
	}

	.dt40 .box2 {
		height: 1070px;
	}

	.dt40 .box3 {
		height: 854px;
	}

	.dt40 .box4 {
		height: auto;
	}

	.dt40 .box5 {
		height: 674px;
	}

	.dt40 .box6 {
		height: auto;
	}

	.dt40 .box7 {
		height: 773px;
	}

	.dt40 .box8 {
		height: auto;
	}

	.dt40 .box9 {
		height: auto;
	}

	.dt40 .box10 {
		height: 825px;
	}

	.dt40 .box11 {
		height: 892px;
	}

	.dt40 .box12 {
		height: 622px;
	}

	.dt40 .box13 {
		height: 817px;
	}

	.dt40 .box14 {
		height: auto;
	}

	.dt40 .box1 .suspen {
		top: 43%;
		padding: 0 55px;
	}

	.dt40 .box1 .text-box {
		float: right;
		max-width: 435px;
		text-align: right;
	}

	.dt40 .box1 .h1 {
		color: #ffffff;
	}

	.dt40 .box1 .h2 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
	}

	.dt40 .box1 .img-box {
		position: absolute;
		top: 20.5%;
		left: 19.7%;
	}

	.dt40 .box3 .suspen {
		top: 50%;
	}

	.dt40 .box3 .text-box {
		max-width: 435px;
		margin-right: 13%;
	}

	.dt40 .box3 .words {
		font-weight: normal;
	}

	.dt40 .box3 .list-box {
		font-size: 0;
		margin-top: 60px;
	}

	.dt40 .box3 .column {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-right: 80px;
	}

	.dt40 .box3 .column:nth-child(2n) {
		margin-right: 0;
	}

	.dt40 .box3 .name {
		font-size: 18px;
		color: #333333;
		margin-top: 10px;
	}

	.dt40 .box3 .img-box {
		position: absolute;
		top: 50%;
		left: 13.5%;
		transform: translateY(-50%);
	}

	.dt40 .box4 {
		padding: 104px 0 137px;
		background-size: cover;
		background-position: center center;
	}

	.dt40 .box4 .suspen {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		transform: translate(0);
	}

	.dt40 .box4 .text-box {
		max-width: 670px;
	}

	.dt40 .box4 .list-box {
		font-size: 0;
		margin-top: 106px;
		text-align: center;
	}

	.dt40 .box4 .column {
		display: inline-block;
		vertical-align: top;
		max-width: 315px;
		width: 100%;
		height: 84px;
		border-right: 1px dashed #ffffff;
	}

	.dt40 .box4 .column:last-child {
		border: 0;
	}

	.dt40 .box4 .icon {
		line-height: 84px;
	}

	.dt40 .box4 .d1 {
		font-size: 26px;
		color: #ffd100;
		font-weight: bold;
		margin: 8px 0 24px;
	}

	.dt40 .box4 .d2 {
		font-size: 24px;
		color: #ffffff;
	}

	.dt40 .box5 .suspen {
		width: 73%;
		top: 50%;
	}

	.dt40 .box5 .text-box {
		margin-right: 10%;
	}

	.dt40 .box5 .h1 {
		margin-bottom: 22px;
	}

	.dt40 .box6 {
		padding: 0;
		background: none;
	}

	.dt40 .box6 .list-box {
		max-width: 100%;
		font-size: 0;
		background-color: #ecedee;
	}

	.dt40 .box6 .column {
		float: none;
		margin: 0;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	.dt40 .box6 .r-text {
		width: 49%;
	}

	.dt40 .box6 .suspen {
		left: 20%;
		width: 70%;
		transform: translate(0, -50%);
	}

	.dt40 .box6 .text-box {
		text-align: left;
	}

	.dt40 .box6 .h1 {
		color: #3e557b;
	}

	.dt40 .box6 .words {
		color: #3e557b;
	}

	.dt40 .box6 .l-img {
		width: 51%;
	}

	.dt40 .box7 .suspen {
		top: 18.5%;
	}

	.dt40 .box7 .text-box {
		max-width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.dt40 .box7 .h1 {
		margin-bottom: 21px;
	}

	.dt40 .box7 .words {
		color: #ffffff;
	}

	.dt40 .box8 {
		background-size: cover;
		background-position: center center;
		padding: 78px 0 0;
	}

	.dt40 .box8 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}

	.dt40 .box8 .text-box {
		float: none;
		max-width: 670px;
		text-align: center;
		margin: 0 auto;
	}

	.dt40 .box8 .h1 {
		color: #252525;
	}

	.dt40 .box8 .words {
		color: #383838;
	}

	.dt40 .box8 .img-box {
		position: relative;
		text-align: center;
		margin-top: 73px;
	}

	.dt40 .box8 .column {
		position: absolute;
	}

	.dt40 .box8 .name {
		font-size: 18px;
		color: #36507b;
		margin-top: 12px;
	}

	.dt40 .box8 .column1 {
		width: 89px;
		top: 37%;
		left: 18%;
	}

	.dt40 .box8 .column2 {
		width: 97px;
		top: 65%;
		left: 15%;
	}

	.dt40 .box8 .column3 {
		width: 125px;
		top: 60%;
		left: 30%;
	}

	.dt40 .box8 .column4 {
		width: 81px;
		top: 2%;
		right: 27%;
	}

	.dt40 .box8 .column5 {
		width: 98px;
		top: 20%;
		right: 12%;
	}

	.dt40 .box8 .column6 {
		width: 118px;
		top: 32%;
		right: 22%;
	}

	.dt40 .box9 .text-box {
		float: right;
		max-width: 620px;
	}

	.dt40 .box9 .h1 {
		color: #ffffff;
	}

	.dt40 .box9 .words {
		color: #ffffff;
	}

	.dt40 .box9 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.dt40 .box9 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.dt40 .box9 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.dt40 .box10 .suspen {
		top: 8%;
		transform: translate(-50%, 0);
	}

	.dt40 .box10 .text-box {
		float: none;
		text-align: center;
		max-width: 100%;
	}

	.dt40 .box10 .h1 {
		color: #ffffff;
		margin-bottom: 7px;
	}

	.dt40 .box10 .words {
		font-size: 16px;
		color: #ffffff;
	}

	.dt40 .box11 .suspen {
		bottom: auto;
		top: 25%;
	}

	.dt40 .box11 .text-box {
		float: right;
		margin: 0;
		text-align: left;
		margin-right: 7%;
	}

	.dt40 .box11 .h1 {
		margin-bottom: 10px;
	}

	.dt40 .box11 .list-box {
		margin-top: 90px;
	}

	.dt40 .box11 .column {
		margin-bottom: 68px;
	}

	.dt40 .box11 .column:last-child {
		margin-bottom: 0;
	}

	.dt40 .box11 .d1 {
		font-size: 26px;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: 18px;
	}

	.dt40 .box11 .d2 {
		font-size: 24px;
		color: #ffffff;
	}

	.dt40 .box11 .img-box {
		position: absolute;
		left: 7%;
		top: 5%;
	}

	.dt40 .box12 .text-box {
		max-width: 570px;
	}

	.dt40 .box12 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}

	.dt40 .box12 .words {
		color: #ffffff;
	}

	.dt40 .box13 .suspen {
		top: 35%;
	}

	.dt40 .box13 .text-box {
		float: right;
		max-width: 540px;
	}

	.dt40 .box13 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}

	.dt40 .box13 .words {
		color: #ffffff;
	}

	.dt40 .box13 .img-box {
		position: absolute;
		top: 14%;
		left: 20%;
	}

	.dt40 .box14 .text-box {
		max-width: 440px;
		margin-left: 13%;
	}

	.dt40 .box14 .h1 {
		color: #ffffff;
		margin-bottom: 24px;
	}

	.dt40 .box14 .words {
		color: #ffffff;
	}

	.dt40 .box14 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.dt40 .box14 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.dt40 .box14 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.dt50 .box1 {
		height: 1098px;
	}

	.dt50 .box2 {
		height: 694px;
	}

	.dt50 .box3 {
		height: 752px;
	}

	.dt50 .box4 {
		height: 1016px;
	}

	.dt50 .box5 {
		height: 655px;
	}

	.dt50 .box6 {
		height: auto;
	}

	.dt50 .box7 {
		height: 892px;
	}

	.dt50 .box8 {
		height: auto;
	}

	.dt50 .box9 {
		height: 681px;
	}

	.dt50 .box10 {
		height: auto;
	}

	.dt50 .box11 {
		height: 911px;
	}

	.dt50 .box12 {
		height: auto;
	}

	.dt50 .box1 .suspen {
		top: 55%;
	}

	.dt50 .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 50px;
	}

	.dt50 .box1 .h2 {
		font-size: 34px;
		font-weight: bold;
		color: #ffffff;
	}

	.dt50 .box1 .img-box {
		position: absolute;
		bottom: 3%;
		right: 12%;
	}

	.dt50 .box3 .suspen {
		top: 50%;
	}

	.dt50 .box3 .text-box {
		max-width: 630px;
		margin-right: 5%;
	}

	.dt50 .box3 .h1 {
		padding: 0 2%;
		color: #ffffff;
	}

	.dt50 .box3 .list-box {
		font-size: 0;
		margin-top: 44px;
	}

	.dt50 .box3 .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 0 2%;
		margin-bottom: 55px;
	}

	.dt50 .box3 .icon {
		margin-bottom: 10px;
	}

	.dt50 .box3 .words2 {
		font-size: 20px;
		color: #cdcdcd;
		line-height: 32px;
	}

	.dt50 .box4 .suspen {
		top: 45%;
		bottom: auto;
	}

	.dt50 .box4 .text-box {
		float: right;
		max-width: 540px;
		text-align: left;
		margin: 0;
		margin-right: 3%;
	}

	.dt50 .box4 .h1 {
		margin-bottom: 19px;
	}

	.dt50 .box4 .words {
		font-weight: normal;
	}

	.dt50 .box5 .suspen {
		top: 50%;
	}

	.dt50 .box5 .text-box {
		float: none;
		max-width: 100%;
		padding-left: 5%;
	}

	.dt50 .box5 .h1 {
		color: #252525;
		margin-bottom: 37px;
	}

	.dt50 .box5 .words {
		color: #383838;
		font-weight: normal;
	}

	.dt50 .box5 .img-box {
		position: absolute;
		bottom: 0;
		right: 19.7%;
	}

	.yingliang {
		text-align: left;
		position: relative;
		margin-top: 35px
	}

	.yingliang li {
		width: 90px;
		height: 59px;
		float: left;
	}

	.yingliang li span {
		height: 30px;
		background: #008617;
		width: 2px;
		margin: 0 2px;
		display: inline-block;
		vertical-align: -webkit-baseline-middle;
		animation: yingliang 1s infinite;
		-webkit-animation: yingliang 1s infinite;
	}

	.yingliang li span:nth-child(1) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}

	.yingliang li span:nth-child(2) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(3) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(4) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(5) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(6) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(7) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}

	.yingliang li span:nth-child(8) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(9) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(10) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}

	.yingliang li span:nth-child(11) {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}

	.yingliang li span:nth-child(12) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}

	.yingliang li span:nth-child(13) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	@keyframes yingliang {
		0% {
			height: 0px;
		}

		50% {
			height: 30px;
		}

		100% {
			height: 0px;
		}
	}

	@-webkit-keyframes yingliang {
		0% {
			height: 0px;
		}

		50% {
			height: 30px;
		}

		100% {
			height: 0px;
		}
	}

	.yingliang i {
		float: left;
		width: 20px;
		height: 20px;
		margin-top: 3px;
		background: url("../images/pro_left.html") no-repeat;
		background-size: 90%;
		font-style: normal;
		font-size: 20px;
	}

	.dt50 .box6 {
		padding: 0;
	}

	.dt50 .box6 .list-box {
		max-width: 100%;
		font-size: 0;
	}

	.dt50 .box6 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}

	.dt50 .box6 .l-img {
		width: 58.38%;
	}

	.dt50 .box6 .r-text {
		width: 41.62%;
	}

	.dt50 .box6 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
	}

	.dt50 .box6 .text-box {
		text-align: left;
	}

	.dt50 .box6 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}

	.dt50 .box6 .words {
		color: #ffffff;
	}

	.dt50 .box6 .list-box2 {
		font-size: 0;
		margin-top: 74px;
	}

	.dt50 .box6 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
		z-index: 9;
	}

	.dt50 .box6 .column2:last-child {
		margin-right: 0;
	}

	.dt50 .box6 .column2 .icon img {
		height: 38px;
	}

	.dt50 .box6 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}

	.dt50 .box7 .suspen {
		top: 50%;
	}

	.dt50 .box7 .text-box {
		max-width: 625px;
	}

	.dt50 .box7 .h1 {
		color: #333333;
		margin-bottom: 14px;
	}

	.dt50 .box7 .words {
		color: #383838;
	}

	.dt50 .box7 .img-box {
		position: absolute;
		top: 0;
		right: 0;
	}

	.dt50 .box7 .list-box {
		font-size: 0;
		margin-top: 49px;
	}

	.dt50 .box7 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 90px;
		text-align: center;
	}

	.dt50 .box7 .column:last-child {
		margin-right: 0;
	}

	.dt50 .box7 .name {
		font-size: 18px;
		color: #383838;
		margin-top: 20px;
	}

	.dt50 .box7 .batt {
		position: relative;
		display: inline-block;
	}

	.dt50 .box7 .line-box {
		position: absolute;
		top: 6px;
		left: 2px;
	}

	.dt50 .box7 .line-box span {
		display: inline-block;
		height: 23px;
		background: #008617;
		width: 2px;
		margin: auto 2px;
		animation: chongdian 1s infinite normal;
		-webkit-animation: chongdian 1s infinite normal;
	}

	@-webkit-keyframes chongdian {
		from {
			opacity: 0;
		}

		to {
			opacity: 1.0;
		}
	}

	@keyframes chongdian {
		from {
			opacity: 0;
		}

		to {
			opacity: 1.0;
		}
	}

	.dt50 .box7 .line-box span.xu9 {
		animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
	}

	.dt50 .box7 .line-box span.xu8 {
		animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
	}

	.dt50 .box7 .line-box span.xu7 {
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}

	.dt50 .box7 .line-box span.xu6 {
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}

	.dt50 .box7 .line-box span.xu5 {
		animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
	}

	.dt50 .box7 .line-box span.xu4 {
		animation-delay: 0.8s;
		-webkit-animation-delay: 0.8s;
	}

	.dt50 .box7 .line-box span.xu3 {
		animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;
	}

	.dt50 .box7 .line-box span.xu2 {
		animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
	}

	.dt50 .box7 .line-box span.xu1 {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}

	.dt50 .box7 .time {
		position: relative;
		display: inline-block;
	}

	.dt50 .box7 .poin-box span {
		height: 2px;
		background: #008617;
		width: 12px;
		border-radius: 100px;
		position: absolute;
		left: 17.5%;
		top: 48.8%;
		transform-origin: 100% 0 0;
	}

	.dt50 .box7 .poin-box span:nth-child(1) {
		animation: daiji 3s infinite;
	}

	.dt50 .box7 .poin-box span:nth-child(2) {
		animation: daiji 6s infinite;
	}

	@keyframes daiji {
		from {
			-ms-transform: rotate(0);
			-moz-transform: rotate(0);
			-webkit-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
		}

		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	.dt50 .box8 .text-box {
		max-width: 730px;
	}

	.dt50 .box8 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}

	.dt50 .box8 .words {
		color: #dddddd;
	}

	.dt50 .box8 .list-box {
		font-size: 0;
		margin-top: 90px;
	}

	.dt50 .box8 .column {
		display: inline-block;
		vertical-align: top;
		width: 36%;
		position: relative;
		text-align: center;
	}

	.dt50 .box8 .column::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 80%;
		background-color: #535353;
	}

	.dt50 .box8 .column:nth-child(1) {
		width: 28%;
		text-align: left;
	}

	.dt50 .box8 .text {
		display: inline-block;
		text-align: center;
	}

	.dt50 .box8 .column:nth-child(3n)::after {
		display: none;
	}

	.dt50 .box8 .d1 {
		font-size: 50px;
		color: #bdbdbd;
		font-weight: bold;
		margin-bottom: 24px;
	}

	.dt50 .box8 .d2 {
		font-size: 20px;
		color: #969696;
	}

	.dt50 .box8 .s1 {
		font-size: 30px;
	}

	.dt50 .box8 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.dt50 .box8 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.dt50 .box8 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.dt50 .box9 .suspen {
		top: 50%;
	}

	.dt50 .box9 .text-box {
		max-width: 630px;
		margin-left: 3%;
	}

	.dt50 .box9 .h1 {
		margin-bottom: 18px;
	}

	.dt50 .box9 .img-box {
		position: absolute;
		top: 0;
		left: auto;
		height: 100%;
		right: 7%;
		font-size: 0;
	}

	.dt50 .box9 .img-box img {
		max-height: 100%;
	}

	.dt50 .box10 .carousel {
		position: relative;
	}

	.dt50 .box10 .suspen {
		top: 40%;
	}

	.dt50 .box10 .text-box {
		max-width: 610px;
	}

	.dt50 .box10 .h1 {
		color: #ffffff;
		margin-bottom: 12px;
	}

	.dt50 .box10 .words {
		color: #ffffff;
	}

	.dt50 .box10 .preview {
		position: absolute;
		max-width: 610px;
		width: 100%;
		right: 13.5%;
		top: 55%;
	}

	.dt50 .box10 .preview .img2 {
		display: none;
	}

	.dt50 .box10 .preview .active-nav .img1 {
		display: none;
	}

	.dt50 .box10 .preview .active-nav .img2 {
		display: inline-block;
	}

	.dt50 .box10 .active-nav .name {
		color: #ffffff;
	}

	.dt50 .box10 .list-box {
		margin-top: 64px;
		font-size: 0;
	}

	.dt50 .box10 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 130px;
		text-align: center;
	}

	.dt50 .box10 .column:last-child {
		margin-right: 0;
	}

	.dt50 .box10 .name {
		font-size: 20px;
		color: #7d7d7d;
		margin-top: 12px;
	}

	.dt50 .box10 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.dt50 .box10 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.dt50 .box10 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.dt50 .box11 .suspen {
		top: 40%;
	}

	.dt50 .box11 .text-box {
		max-width: 100%;
		text-align: left;
	}

	.dt50 .box11 .h1 {
		margin-bottom: 41px;
	}

	.dt50 .box12 {
		padding: 93px 0 0;
		text-align: center;
		background: -moz-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7edf4));
		background: -webkit-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #e7edf4 100%);
		background-color: #eeeeee;
	}

	.dt50 .box12 .text-box {
		max-width: 665px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 107px;
	}

	.dt50 .box12 .h1 {
		color: #333333;
	}

	.dt50 .box12 .words {
		color: #333333;
	}

	.dt50 .box12 .img-box {
		position: relative;
		display: inline-block;
	}

	.dt50 .box12 .column {
		position: absolute;
	}

	.dt50 .box12 .name {
		font-size: 20px;
		color: #333333;
		margin-top: 10px;
	}

	.dt50 .box12 .column1 {
		left: 0;
		bottom: 16%;
	}

	.dt50 .box12 .name1 {
		text-align: right;
	}

	.dt50 .box12 .column2 {
		left: 11%;
		bottom: 53%;
	}

	.dt50 .box12 .column3 {
		left: 30%;
		bottom: 77%;
	}

	.dt50 .box12 .column4 {
		right: 30%;
		bottom: 77%;
	}

	.dt50 .box12 .column5 {
		right: 11%;
		bottom: 53%;
	}

	.dt50 .box12 .column6 {
		right: 0;
		bottom: 16%;
	}

	.dt50 .box12 .img1 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.i9000s .box1 {
		height: 892px;
	}

	.i9000s .box2 {
		height: 693px;
	}

	.i9000s .box3 {
		height: auto;
	}

	.i9000s .box4 {
		height: auto;
	}

	.i9000s .box5 {
		height: 862px;
	}

	.i9000s .box6 {
		height: 642px;
	}

	.i9000s .box7 {
		height: 942px;
	}

	.i9000s .box8 {
		height: 892px;
	}

	.i9000s .box9 {
		height: 971px;
	}

	.i9000s .box10 {
		height: 823px;
	}

	.i9000s .box11 {
		height: 991px;
	}

	.i9000s .box12 {
		height: auto;
	}

	.i9000s .box1 .text-box {
		float: right;
	}

	.i9000s .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 40px;
		text-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	}

	.i9000s .box1 .words {
		font-size: 32px;
		color: #ffffff;
		font-weight: bold;
		line-height: 1;
		text-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	}

	.i9000s .box3 {
		padding: 85px 0 50px;
		background-position: center center;
		background-size: cover;
	}

	.i9000s .box3 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}

	.i9000s .box3 .text-box {
		float: none;
		max-width: 100%;
		text-align: center;
	}

	.i9000s .box3 .h1 {
		color: #ffffff;
	}

	.i9000s .box3 .words {
		color: #ffffff;
		font-weight: normal;
	}

	.i9000s .box3 .list-box {
		margin-top: 71px;
		font-size: 0;
		padding: 0 30px;
	}

	.i9000s .box3 .column {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		margin: 0 0.5%;
		text-align: center;
	}

	.i9000s .box3 .img {
		border-radius: 30px;
		overflow: hidden;
	}

	.i9000s .box3 .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 26px;
	}

	.i9000s .box4 {
		padding: 109px 0 108px;
		background-position: center center;
		background-size: cover;
	}

	.i9000s .box4 .suspen {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		transform: translate(0, 0);
	}

	.i9000s .box4 .h1 {
		color: #d0dcf8;
		margin-bottom: 113px;
		background: linear-gradient(#d8e4ff, #c1ceed);
		-webkit-background-clip: text;
		color: transparent;
	}

	.i9000s .box4 .list-box {
		font-size: 0;
	}

	.i9000s .box4 .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2%;
		text-align: center;
	}

	.i9000s .box4 .name {
		font-size: 24px;
		color: #d9e4fc;
		margin-top: 40px;
	}

	.i9000s .box5 .suspen {
		top: 50%;
	}

	.i9000s .box5 .wd3 {
		width: 73%;
	}

	.i9000s .box5 .text-box {
		float: none;
		max-width: 540px;
	}

	.i9000s .box5 .h1 {
		margin-bottom: 18px;
	}

	.i9000s .box5 .words {
		font-weight: normal;
	}

	.i9000s .box5 .list-box {
		font-size: 0;
		margin-top: 55px;
	}

	.i9000s .box5 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 60px;
		text-align: center;
	}

	.i9000s .box5 .column:last-child {
		margin-right: 0;
	}

	.i9000s .box5 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}

	.i9000s .box6 {
		padding: 0;
		background: none;
	}

	.i9000s .box6 .h1 {
		text-align: left;
		color: #ffffff;
		margin-bottom: 55px;
	}

	.i9000s .box6 .text-box {
		float: right;
		margin-bottom: 0;
		margin-right: 6.5%;
	}

	.i9000s .box6 .list-box {
		font-size: 0;
	}

	.i9000s .box6 .column {
		float: none;
		width: 100%;
		margin-right: 0;
		border-radius: 0;
		margin-bottom: 35px;
		text-align: left;
	}

	.i9000s .box6 .column:last-child {
		margin-bottom: 0;
	}

	.i9000s .box6 .icon {
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
	}

	.i9000s .box6 .words2 {
		display: inline-block;
		vertical-align: top;
		font-size: 24px;
		color: #ffffff;
		line-height: 53px;
	}

	.i9000s .box7 .suspen {
		top: 8%;
		transform: translate(-50%, 0);
	}

	.i9000s .box7 .text-box {
		max-width: 100%;
		text-align: center;
	}

	.i9000s .box7 .h1 {
		color: #495981;
		margin-bottom: 11px;
	}

	.i9000s .box7 .words {
		color: #495981;
	}

	.i9000s .box8 .text-box {
		max-width: 590px;
	}

	.i9000s .box8 .h1 {
		margin-bottom: 13px;
	}

	.i9000s .box8 .capa {
		font-size: 0;
		margin-top: 84px;
	}

	.i9000s .box8 .icon {
		display: inline-block;
		vertical-align: top;
		margin-right: 24px;
	}

	.i9000s .box8 .words2 {
		display: inline-block;
		vertical-align: top;
		font-size: 49px;
		color: #9dbefe;
		font-weight: bold;
	}

	.i9000s .box9 .suspen {
		top: 55%;
	}

	.i9000s .box9 .text-box {
		max-width: 615px;
	}

	.i9000s .box9 .h1 {
		margin-bottom: 18px;
	}

	.i9000s .box9 .list-box {
		font-size: 0;
	}

	.i9000s .box9 .column {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-top: 82px;
		text-align: left;
	}

	.i9000s .box9 .icon-box {
		display: inline-block;
		text-align: center;
	}

	.i9000s .box9 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 20px;
	}

	.i9000s .box10 .suspen {
		top: 55%;
	}

	.i9000s .box10 .text-box {
		max-width: 550px;
	}

	.i9000s .box10 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}

	.i9000s .box10 .words {
		color: #ffffff;
	}

	.i9000s .box11 .suspen {
		top: 7%;
	}

	.i9000s .box11 .text-box {
		max-width: 690px;
	}

	.i9000s .box11 .h1 {
		margin-bottom: 8px;
	}

	.i9000s .box12 {
		padding: 0;
	}

	.i9000s .box12 .list-box {
		max-width: 100%;
		font-size: 0;
	}

	.i9000s .box12 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}

	.i9000s .box12 .l-img {
		width: 56.35%;
	}

	.i9000s .box12 .r-text {
		width: 43.65%;
	}

	.i9000s .box12 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 76%;
		transform: translate(-50%, -50%);
	}

	.i9000s .box12 .text-box {
		text-align: left;
	}

	.i9000s .box12 .h1 {
		color: #ffffff;
		margin-bottom: 32px;
	}

	.i9000s .box12 .words {
		color: #ffffff;
	}

	.i9000s .box12 .list-box2 {
		font-size: 0;
		margin-top: 74px;
	}

	.i9000s .box12 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
	}

	.i9000s .box12 .column2:last-child {
		margin-right: 0;
	}

	.i9000s .box12 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}

	.i9000s .box12 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.i9000s .box12 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.i9000s .box12 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.i9000s .tech-column {
		margin-bottom: 40px;
	}

	.i9100 .box1 {
		height: 892px;
	}

	.i9100 .box2 {
		height: auto;
	}

	.i9100 .box3 {
		height: auto;
	}

	.i9100 .box4 {
		height: 864px;
	}

	.i9100 .box5 {
		height: 843px;
	}

	.i9100 .box6 {
		height: 709px;
	}

	.i9100 .box7 {
		height: 917px;
	}

	.i9100 .box8 {
		height: 686px;
	}

	.i9100 .box9 {
		height: 763px;
	}

	.i9100 .box10 {
		height: auto;
	}

	.i9100 .box11 {
		height: 1089px;
	}

	.i9100 .box1 .suspen {
		top: 55%;
	}

	.i9100 .box1 .text-box {
		float: right;
		margin-right: 5%;
	}

	.i9100 .box1 .h1 {
		font-size: 70px;
		color: #f57236;
		line-height: 1;
		margin-bottom: 36px;
		background: linear-gradient(#fd684c, #d23315, #b11d00);
		-webkit-background-clip: text;
		color: transparent;
	}

	.i9100 .box1 .words {
		font-size: 32px;
		color: #b11d00;
		line-height: 1;
		font-weight: normal;
	}

	.i9100 .box2 {
		padding: 90px 0;
		background-size: cover;
		background-position: center center;
	}

	.i9100 .box2 .suspen {
		position: relative;
		top: auto;
		left: 0;
		transform: translate(0);
	}

	.i9100 .box2 .h1 {
		font-size: 48px;
		color: #f56d53;
		text-align: center;
		margin-bottom: 90px;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
	}

	.i9100 .box2 .list-box {
		font-size: 0;
		text-align: center;
	}

	.i9100 .box2 .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2%;
	}

	.i9100 .box2 .name {
		font-size: 24px;
		color: #f56d53;
		margin-top: 40px;
	}

	.i9100 .box3 {
		padding: 0;
	}

	.i9100 .box3 .list-box {
		max-width: 100%;
		font-size: 0;
	}

	.i9100 .box3 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}

	.i9100 .box3 .l-img {
		width: 58.8%;
	}

	.i9100 .box3 .r-text {
		width: 41.2%;
	}

	.i9100 .box3 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
	}

	.i9100 .box3 .text-box {
		float: none;
		max-width: 100%;
		text-align: left;
	}

	.i9100 .box3 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}

	.i9100 .box3 .words {
		color: #ffffff;
	}

	.i9100 .box3 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}

	.i9100 .box3 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}

	.i9100 .box3 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}

	.i9100 .box3 .list-box2 {
		font-size: 0;
		margin-top: 66px;
	}

	.i9100 .box3 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
	}

	.i9100 .box3 .column2:last-child {
		margin-right: 0;
	}

	.i9100 .box3 .name {
		font-size: 18px;
		color: #ffffff;
		margin-top: 16px;
	}

	.i9100 .box4 .suspen {
		top: 15%;
		bottom: auto;
	}

	.i9100 .box4 .text-box {
		max-width: 100%;
	}

	.i9100 .box4 .h1 {
		margin-bottom: 11px;
	}

	.i9100 .box5 .suspen {
		width: 73%;
		top: 50%;
	}

	.i9100 .box5 .text-box {
		max-width: 590px;
	}

	.i9100 .box5 .h1 {
		margin-bottom: 10px;
	}

	.i9100 .box6 {
		padding: 0;
	}

	.i9100 .box6 .text-box {
		text-align: left;
	}

	.i9100 .box6 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}

	.i9100 .box6 .words {
		color: #ffffff;
	}

	.i9100 .box6 .list-box {
		font-size: 0;
		max-width: 100%;
		margin-top: 51px;
	}

	.i9100 .box6 .text-box {
		font-size: 0;
		text-align: left;
	}

	.i9100 .box6 .column {
		float: none;
		width: auto;
		display: inline-block;
		vertical-align: top;
		margin-right: 62px;
		text-align: center;
	}

	.i9100 .box6 .column:last-child {
		margin-right: 0;
	}

	.i9100 .box6 .name {
		font-size: 18px;
		color: #ffffff;
		margin-top: 10px;
	}

	.i9100 .box7 .suspen {
		top: auto;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.i9100 .box7 .text-box {
		max-width: 100%;
		text-align: center;
	}

	.i9100 .box7 .h1 {
		margin-bottom: 0;
	}

	.i9100 .box7 .list-box {
		font-size: 0;
		margin: 100px 0 90px;
	}

	.i9100 .box7 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0 55px;
	}

	.i9100 .box7 .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 27px;
	}

	.i9100 .box8 .suspen {
		top: 17%;
		transform: translate(-50%, 0);
	}

	.i9100 .box8 .text-box {
		float: none;
		max-width: 100%;
		text-align: center;
	}

	.i9100 .box8 .h1 {
		margin-bottom: 10px;
	}

	.i9100 .box9 .text-box {
		max-width: 570px;
	}

	.i9100 .box9 .h1 {
		margin-bottom: 10px;
	}

	.i9100 .box10 {
		padding: 90px 0 0;
		background-size: cover;
		background-position: center center;
	}

	.i9100 .box10 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0);
	}

	.i9100 .box10 .text-box {
		float: none;
		max-width: 100%;
	}

	.i9100 .box10 .h1 {
		color: #ffffff;
		text-align: center;
		margin-bottom: 70px;
	}

	.i9100 .box10 .bot-box {
		position: relative;
		overflow: hidden;
	}

	.i9100 .box10 .bot-box>img {
		width: 25.5%;
	}

	.i9100 .box10 .point {
		position: absolute;
		width: 100%;
	}

	.i9100 .box10 .dot {
		position: absolute;
		width: 18px;
		height: 18px;
		background-image: url(../images/icon275.png);
		background-size: cover;
		z-index: 3;
	}

	.i9100 .box10 .line {
		position: absolute;
		top: 8px;
		left: 8px;
		z-index: 2;
	}

	.i9100 .box10 .pict {
		position: absolute;
		z-index: 1;
		width: 14.5%;
	}

	.i9100 .box10 .words2 {
		position: absolute;
		max-width: 35%;
		font-size: 24px;
		color: #ffffff;
		line-height: 42px;
	}

	.i9100 .box10 .point1 {
		top: 11%;
		left: 14%;
	}

	.i9100 .box10 .point1 .line {
		width: 31.6%;
	}

	.i9100 .box10 .point1 .pict {
		position: absolute;
		top: 0%;
		left: 29%;
		margin-top: -1.5%;
		z-index: 1;
	}

	.i9100 .box10 .point1 .words2 {
		top: 0;
		left: 46.5%;
		margin-top: 3%;
	}

	.i9100 .box10 .point2 {
		top: 31.3%;
		left: 15%;
	}

	.i9100 .box10 .point2 .line {
		width: 33.7%;
	}

	.i9100 .box10 .point2 .pict {
		position: absolute;
		top: 0;
		left: 28.3%;
		margin-top: 2.3%;
		z-index: 1;
	}

	.i9100 .box10 .point2 .words2 {
		top: 0;
		left: 46%;
		margin-top: 6.5%;
	}

	.i9100 .box10 .point3 {
		left: 4%;
		top: 30%;
	}

	.i9100 .box10 .point3 .line {
		width: 40.6%;
	}

	.i9100 .box10 .point3 .line {
		top: 0;
	}

	.i9100 .box10 .point3 .pict {
		position: absolute;
		top: 0;
		left: 39.5%;
		margin-top: 19%;
		z-index: 1;
	}

	.i9100 .box10 .point3 .words2 {
		top: 0;
		left: 57%;
		margin-top: 24%;
	}

	.i9100 .box11 .suspen {
		top: 7%;
		bottom: auto;
	}

	.i9100 .box11 .text-box {
		max-width: 715px;
	}

	.i9100 .box11 .h1 {
		margin-bottom: 11px;
	}

	.i9100 .box11 .list-box {
		font-size: 0;
		text-align: center;
		margin-top: 30px;
	}

	.i9100 .box11 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0 35px;
	}

	.i9100 .box11 .name {
		font-size: 16px;
		color: #ffffff;
		margin-top: 20px;
	}

	.container {
		max-width: 1620px;
    padding: 0 15px;
		margin: 0 auto;
	}

	.down-main .banner {
		position: relative;
	}

	.down-main .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 12%;
		line-height: 1;
	}

	.down-main .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.down-main .banner .suspen .h2 {
		font-size: 24px;
		color: #ffffff;
	}

	.down-main .location {
		position: absolute;
		bottom: 20px;
		right: 5.8%;
	}

	.down-main .location .item {
		font-size: 14px;
		color: #bdbdbd;
	}

	.down-main .down-box {
		margin: 0 0 99px;
	}

	.down-main .down-box .column {
		padding: 0;
		width: 50%;
		float: left;
	}

	.down-main .down-box .text-box {
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		padding: 50px 45px;
	}

	.down-main .down-box .img {
		position: relative;
	}

	.down-main .down-box .img::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 167, 211, .5);
		display: none;
		z-index: 2;
	}

	.down-main .down-box .column:nth-child(2n) .text-box {
		border-left: 0;
	}

	.down-main .down-box .h1 {
		font-size: 22px;
		color: #333333;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 30px;
		transition: all .3s;
	}

	.down-main .down-box .text {
		font-size: 16px;
		color: #333333;
		line-height: 34px;
		height: 102px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.down-main .down-box .more-box {
		height: 14px;
		margin-top: 40px;
		padding-right: 30px;
		background-image: url(../images/icon24-3.png);
		background-repeat: no-repeat;
		background-position: right center;
		display: inline-block;
		transition: all .3s;
	}

	.down-main .down-box .more {
		font-size: 0;
		color: #00a7d3;
	}

	.down-main .down-box .column:hover .h1 {
		color: #00a7d3;
	}

	.down-main .down-box .column:hover .more-box {
		background-image: url(../images/icon23-3.png);
	}

	.down-main .down-box .column:hover .more {
		font-size: 14px;
	}

	.down-main .down-box .column:hover .img::before {
		display: block;
	}

	@media only screen and (max-width: 1680px) {
		.container {
			width: 1200px;
		}
	}

	@media only screen and (max-width: 1600px) {
		.rela-prod2 .swiper-button-next {
			right: -20px;
		}

		.rela-prod2 .swiper-button-prev {
			left: -20px;
		}
	}

	@media only screen and (max-width: 1280px) {
		.container {
			width: 1000px;
		}
	}

	@media only screen and (max-width: 1199px) {
		.container {
			width: 970px;
		}
	}

	@media only screen and (max-width: 1440px) {
		.down-main .banner .suspen .h1 {
			font-size: 30px;
		}

		.down-main .banner .suspen .h2 {
			font-size: 18px;
		}

		.down-main .down-box {
			margin: 0 0 70px;
		}

		.down-main .down-box .text-box {
			padding: 40px 30px;
		}

		.down-main .down-box .h1 {
			font-size: 18px;
			margin-bottom: 20px;
		}

		.down-main .down-box .text {
			font-size: 14px;
			line-height: 30px;
			height: 90px;
		}

		.solu3 .intro {
			padding: 80px 0;
		}

		.solu3 .intro .text {
			font-size: 18px;
			line-height: 30px;
			padding: 0 50px;
			text-align: left;
		}

        .solu3 .intro .des {
		font-size: 16px;	
		text-align: left;
			
		}

		.solu3 .scenes {
			padding: 80px 0;
		}

		.solu3 .scenes .title {
			margin-bottom: 60px;
		}

		.solu3 .title .h1 {
			font-size: 28px;
		}

		.solu3 .scen-list .column {
			margin-bottom: 30px;
		}

		.solu3 .scen-list2 .column {
			margin-bottom: 30px;
		}

		.solu3 .scen-list .h1 {
			font-size: 20px;
		}

		.solu3 .scen-list .text {
			font-size: 14px;
		}

		.solu3 .case {
			padding: 80px 0 40px;
		}

		.solu3 .case .title {
			margin-bottom: 40px;
		}

		.rela-prod2 {
			padding: 80px 0;
		}

		.rela-prod2 .title {
			margin-bottom: 60px;
		}

		.solu3 .solu-list2 .h1 {
			font-size: 20px;
			line-height: 30px;
			padding: 20px;
		}

		.solu3 .solu-list2 .h2 {
			font-size: 20px;
			margin-bottom: 20px;
		}

		.solu3 .solu-list2 .detail {
			font-size: 14px;
			border: 1px solid #ffffff;
			line-height: 30px;
		}

		.solu3 .story2 {
			padding: 80px 0 100px;
		}

		.solu3 .story2 .title {
			margin-bottom: 60px;
		}

		.solu3 .story2 .column .h1 {
			font-size: 18px;
		}

		.solu3 .story2 .text {
			font-size: 14px;
		}

		.solu3 .scen-list2 .text-box {
			padding: 40px 15px;
		}
		
		.solu3 .hard-solu{
			padding: 80px 0 20px;
		}
		
		.solu3 .hard-solu .title{
			margin-bottom: 60px;
		}
		
		.solu3 .hard-solu .text-box{
			padding: 0 40px;
		}
		
		.solu3 .hard-solu .column:nth-child(2n) .text-box{
			padding: 0 40px;
		}
		
		.solu3 .hard-solu .column{
			margin-bottom: 50px;
		}
		
		.solu3 .soft-solu{
			padding: 50px 0;
		}
		
		.solu3 .soft-solu .title{
			margin-bottom: 60px;
		}
		
		.solu3 .soft-solu .detail{
			width: 220px;
			font-size: 18px;
			line-height: 53px;
			border: 1px solid #e5e5e5;
			margin-top: 30px;
		}
	}
	
	@media only screen and (max-width: 1280px) {
		.solu3 .hard-solu .img{
			width: 400px;
		}
		
		.solu3 .hard-solu .text-box{
			width: calc(100% - 400px);
		}
		
		.solu3 .hard-solu .column .h1{
			font-size: 20px;
		}
		
		.solu3 .hard-solu .text{
			font-size: 14px;
		}
		
		.solu3 .hard-solu .detail{
			font-size: 14px;
		}
	}

	@media only screen and (max-width: 1024px) {
		.solu3 .scen-list .column {
			width: 48%;
			margin-right: 4%;
		}

		.solu3 .scen-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.solu3 .solu-list2 .suspen {
			padding-top: 25%;
		}

		.solu3 .scen-list2 .column {
			margin-bottom: 30px;
		}
		
		.solu3 .hard-solu .column{
			padding-left: 0;
		}
	}

	@media only screen and (max-width: 991px) {
		.container {
			width: 750px;
		}

		.down-main .down-box {
			margin: 50px 0;
		}

		.down-main .down-box .column {
			margin-bottom: 30px;
			width: 100%;
		}

		.down-main .down-box .text-box {
			border: 0;
			padding: 0;
			margin-bottom: 20px;
		}

		.down-main .down-box .more-box {
			margin-top: 20px;
		}

		.down-main .down-box .more {
			font-size: 14px;
		}

		.solu3 .solu-list2 .suspen {
			padding-top: 20%;
		}
		
		.solu3 .hard-solu .text-box{
			padding-right: 0;
		}
		
		.solu3 .hard-solu .column:nth-child(2n) .text-box{
			padding-left: 0;
		}
		
		.solu3 .soft-solu .column{
			width: 20%;
			margin-right: 20%;
			margin-bottom: 30px;
		}
		
		.solu3 .soft-solu .column:nth-child(3n){
			margin-right: 0;
		}
		
		.solu3 .soft-solu .detail{
			width: 190px;
			line-height: 40px;
		}
	}


	/* 媒体查询 */

	@media only screen and (max-width:1680px) {
		.dt30 .box4 .img-box {
			width: 600px;
		}

		.dt30 .box9 .img-box {
			right: 2%;
		}

		.d7000 .box11 .text-box {
			margin-bottom: 80px;
		}

		.dt40 .box1 .img-box {
			width: 600px;
		}

		.dt40 .box3 .img-box {
			width: 500px;
		}

		.dt40 .box11 .img-box {
			width: 800px;
		}

		.dt40 .box13 .img-box {
			width: 900px;
		}

		.dt50 .box1 .img-box {
			width: 48%;
		}

		.dt50 .box5 .img-box {
			width: 28%;
		}

		.dt50 .box7 .img-box {
			width: 61%;
		}

		.dt50 .box9 .img-box {
			width: 40%;
		}

		.i9100 .box7 .list-box {
			margin: 50px 0;
		}

		.i9100 .box7 .img {
			width: 40%;
			margin: 0 auto;
		}

		.devi-mana .box2 .video1 {
			top: 30px;
			left: 22px;
		}

		.devi-mana .box2 .video1 video {
			width: 750px;
			height: 420px;
		}

		.devi-mana .box2 .l-video {
			width: 800px;
		}

		.devi-mana .l-video {
			width: 900px;
		}

		.devi-mana .video1 video {
			width: 688px;
			height: 405px;
		}

		.devi-mana .video1 img {
			width: 688px;
			height: 405px;
		}

		.devi-mana .video1 img {
			width: 688px;
			height: 405px;
		}

		.devi-mana .box2 .video1 video {
			width: 750px;
			height: 420px;
		}

		.devi-mana .box2 .video1 img {
			width: 750px;
			height: 420px;
		}

		.devi-mana .video1 {
			top: 30px;
			left: 105px;
		}

		.devi-mana .r-video {
			width: 240px;
		}

		.devi-mana .video2 video {
			width: 210px;
			height: auto;
		}

		.devi-mana .video2 img {
			width: 210px;
			height: auto;
		}

		.devi-mana .video2 {
			top: 50px;
			left: 15px;
		}

		.supp-list .suspen {
			padding: 20px;
		}

		.hotli .text {
			padding: 30px 60px;
		}

		.hotli .line-icon {
			margin-bottom: 30px;
		}

		.foot-nav .column {
			margin-right: 140px;
		}

		.head-nav .column {
			margin: 0 30px;
		}

		.link-nav .column {
			padding: 0 40px;
		}

		.link-nav .column:nth-child(2) {
			padding-left: 70px;
		}
	}

	@media only screen and (max-width:1600px) {
		.outle .outle-map .outle-list {
			padding-left: 40px;
		}

		.trip .swiper-button-prev {
			left: -70px;
		}

		.trip .swiper-button-next {
			right: 0;
		}

		.deploy .column .icon img {
			width: 110px;
		}

		.dt50 .box10 .preview {
			right: 5%;
		}

		.dt30 .box5 .suspen {
			width: 90%;
		}

		.dt30 .box4 .text-box {
			margin-right: 0;
		}

		.dt30 .box1 .img-box {
			width: 500px;
		}

		.wd2 {
			width: 90%;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

		.wd3 {
			width: 90%;
		}

		.d7000 .box4 .suspen {
			transform: translate(-50%, 0);
		}

		.d7000 .box11 .suspen .img {
			width: 700px;
			margin: 0 auto;
		}

		.dt30 .box4 .suspen {
			transform: translate(-50%, -50%);
		}

		.dt40 .box1 .img-box {
			width: 580px;
		}

		.dt40 .box3 .img-box {
			width: 400px;
		}

		.dt40 .box4 .suspen {
			transform: translate(0);
		}

		.dt40 .box5 .text-box {
			margin-right: 0;
		}

		.dt40 .box5 .suspen {
			width: 90%;
		}

		.i9000s .box4 .suspen {
			transform: translate(0);
		}

		.i9000s .box6 .h1 {
			margin-bottom: 30px;
		}

		.i9000s .box6 .column {
			margin-bottom: 20px;
		}

		.i9000s .box7 .suspen {
			transform: translate(-50%, 0);
		}

		.cust-use .column {
			padding: 30px 50px;
		}

		.foot-nav .column {
			margin-right: 100px;
		}

		.head-nav .column {
			margin: 0 20px;
		}

		.wd {
			width: 90%;
		}

		.link-nav .nav-wrap {
			padding: 30px 20px;
		}
	}

	@media only screen and (max-width:1440px) {
		.d7000 .box1 {
			height: 774px;
		}

		.d7000 .box2 {
			height: 800px;
		}

		.d7000 .box3 {
			height: 689px;
		}

		.d7000 .box4 {
			height: 667px;
		}

		.d7000 .box5 {
			height: 729px;
		}

		.d7000 .box7 {
			height: 593px;
		}

		.d7000 .box8 {
			height: 654px;
		}

		.d7000 .box9 {
			height: 533px;
		}

		.d7000 .box10 {
			height: 637px;
		}

		.d7000 .box11 {
			height: 763px;
		}

		.d8000 .box1 {
			height: 798px;
		}

		.d8000 .box2 {
			height: 800px;
		}

		.d8000 .box3 {
			height: 586px;
		}

		.d8000 .box4 {
			height: 593px;
		}

		.d8000 .box5 {
			height: 651px;
		}

		.d8000 .box6 {
			height: auto;
		}

		.d8000 .box7 {
			height: 630px;
		}

		.d8000 .box8 {
			height: 755px;
		}

		.d8000 .box9 {
			height: 705px;
		}

		.d8000 .box10 {
			height: 667px;
		}

		.d8000 .box11 {
			height: auto;
		}

		.d8000 .box12 {
			height: auto;
		}

		.dt30 .box1 {
			height: 798px;
		}

		.dt30 .box2 {
			height: 800px;
		}

		.dt30 .box3 {
			height: 667px;
		}

		.dt30 .box4 {
			height: 556px;
		}

		.dt30 .box5 {
			height: 494px;
		}

		.dt30 .box6 {
			height: 678px;
		}

		.dt30 .box7 {
			height: 554px;
		}

		.dt30 .box8 {
			height: 504px;
		}

		.dt30 .box9 {
			height: 704px;
		}

		.dt30 .box10 {
			height: auto;
		}

		.dt30 .box11 {
			height: auto;
		}

		.dt40 .box1 {
			height: 798px;
		}

		.dt40 .box2 {
			height: 800px;
		}

		.dt40 .box3 {
			height: 639px;
		}

		.dt40 .box4 {
			height: auto;
		}

		.dt40 .box5 {
			height: 504px;
		}

		.dt40 .box6 {
			height: auto;
		}

		.dt40 .box7 {
			height: 578px;
		}

		.dt40 .box8 {
			height: auto;
		}

		.dt40 .box9 {
			height: auto;
		}

		.dt40 .box10 {
			height: 617px;
		}

		.dt40 .box11 {
			height: 667px;
		}

		.dt40 .box12 {
			height: 465px;
		}

		.dt40 .box13 {
			height: 661px;
		}

		.dt40 .box14 {
			height: auto;
		}

		.dt50 .box1 {
			height: 821px;
		}

		.dt50 .box2 {
			height: 525px;
		}

		.dt50 .box3 {
			height: 563px;
		}

		.dt50 .box4 {
			height: 760px;
		}

		.dt50 .box5 {
			height: 490px;
		}

		.dt50 .box6 {
			height: auto;
		}

		.dt50 .box7 {
			height: 667px;
		}

		.dt50 .box8 {
			height: auto;
		}

		.dt50 .box9 {
			height: 509px;
		}

		.dt50 .box10 {
			height: auto;
		}

		.dt50 .box11 {
			height: 681px;
		}

		.dt50 .box12 {
			height: auto;
		}

		.i9000s .box1 {
			height: 667px;
		}

		.i9000s .box2 {
			height: 525px;
		}

		.i9000s .box3 {
			height: auto;
		}

		.i9000s .box4 {
			height: auto;
		}

		.i9000s .box5 {
			height: 645px;
		}

		.i9000s .box6 {
			height: 480px;
		}

		.i9000s .box7 {
			height: 704px;
		}

		.i9000s .box8 {
			height: 667px;
		}

		.i9000s .box9 {
			height: 726px;
		}

		.i9000s .box10 {
			height: 615px;
		}

		.i9000s .box11 {
			height: 741px;
		}

		.i9000s .box12 {
			height: auto;
		}

		.i9100 .box1 {
			height: 667px;
		}

		.i9100 .box2 {
			height: auto;
		}

		.i9100 .box3 {
			height: auto;
		}

		.i9100 .box4 {
			height: 646px;
		}

		.i9100 .box5 {
			height: 631px;
		}

		.i9100 .box6 {
			height: 530px;
		}

		.i9100 .box7 {
			height: 686px;
		}

		.i9100 .box8 {
			height: 513px;
		}

		.i9100 .box9 {
			height: 571px;
		}

		.i9100 .box10 {
			height: auto;
		}

		.i9100 .box11 {
			height: 815px;
		}

		.outle .outle-map .map {
			max-width: 800px;
		}

		.outle .outle-map .outle-list {
			max-width: calc(100% - 800px);
		}

		.outle-list .h1 {
			background-position: 20px center;
			padding: 0 30px 0 50px;
		}

		.outle-list .words {
			line-height: 30px;
			padding: 20px;
		}

		.trip .swiper-button-prev {
			left: -50px;
		}

		.welfare .column {
			padding: 40px 20px 0;
		}

		.faq .h1 {
			font-size: 20px;
		}

		.devel .r-text .h1 {
			font-size: 16px;
		}

		.propa-video .name {
			font-size: 18px;
		}

		.dt50 .box10 .preview {
			max-width: 455px;
		}

		.dt50 .box10 .column .icon {
			width: 60px;
			margin: 0 auto;
		}

		.dt30 .box11 .name {
			font-size: 16px;
		}

		.dt30 .box4 .img-box {
			width: 500px;
		}

		.dt30 .box1 .img-box {
			width: 400px;
		}

		.dt30 .box9 .column {
			width: 120px;
			margin-right: 80px;
		}

		.dt30 .box9 .suspen2 {
			padding: 18px 0;
			padding-left: 10px;
		}

		.dt30 .box9 .d1 {
			font-size: 14px;
		}

		.dt30 .box9 .d2 {
			font-size: 20px;
			margin: 15px 0;
		}

		.dt30 .box9 .text-box {
			max-width: 50%;
		}

		.dt30 .box9 .img-box {
			width: 700px;
		}

		.dt30 .box1 .h2 {
			font-size: 24px;
		}

		.dt30 .box1 .enla {
			font-size: 30px;
		}

		.d8000 .box1 .l-h1 {
			font-size: 120px;
		}

		.d8000 .box1 .r-h1 {
			font-size: 120px;
		}

		.d8000 .box1 .img-box {
			width: 500px;
		}

		.d7000 .box11 .suspen .img {
			width: 600px;
		}

		.dt40 .box1 .img-box {
			width: 520px;
		}

		.dt40 .box11 .img-box {
			width: 700px;
		}

		.dt40 .box13 .img-box {
			width: 800px;
		}

		.dt40 .box8 .name {
			font-size: 16px;
		}

		.dt40 .box1 .h2 {
			font-size: 28px;
		}

		.dt40 .box4 .d1 {
			font-size: 18px;
		}

		.dt40 .box4 .d2 {
			font-size: 16px;
		}

		.dt40 .box4 .icon img {
			width: 70px;
		}

		.dt40 .box11 .d1 {
			font-size: 18px;
		}

		.dt40 .box11 .d2 {
			font-size: 18px;
		}

		.dt50 .box3 .words2 {
			font-size: 16px;
			line-height: 26px;
		}

		.dt50 .box8 .d1 {
			font-size: 30px;
		}

		.dt50 .box8 .d2 {
			font-size: 16px;
		}

		.dt50 .box10 .name {
			font-size: 16px;
		}

		.dt50 .box12 .img1 {
			width: 450px;
		}

		.i9000s .box4 .name {
			font-size: 18px;
		}

		.i9000s .box5 .name {
			font-size: 16px;
		}

		.i9000s .box6 .words2 {
			font-size: 18px;
		}

		.i9000s .box8 .words2 {
			font-size: 30px;
		}

		.i9000s .box9 .name {
			font-size: 16px;
		}

		.i9100 .box2 .h1 {
			font-size: 32px;
			line-height: 42px;
		}

		.i9100 .box2 .name {
			font-size: 18px;
		}

		.i9100 .box7 .name {
			font-size: 18px;
		}

		.i9100 .box10 .words2 {
			font-size: 16px;
			line-height: 26px;
		}

		.opti-acce .h1 {
			font-size: 28px;
		}

		.opti-acce .name {
			font-size: 16px;
		}

		.tech-para .h1 {
			font-size: 28px;
		}

		.tech-para .name {
			font-size: 18px;
		}

		.tech-para .data {
			font-size: 16px;
		}

		.tech-para .words {
			font-size: 16px;
		}

		.summ-box .h1 {
			font-size: 32px;
			line-height: 42px;
		}

		.summ-box .words {
			font-size: 18px;
			line-height: 30px;
		}

		.d7000 .box1 .h1 {
			font-size: 32px;
		}

		.d7000 .box1 .words {
			font-size: 18px;
			line-height: 30px;
		}

		.d7000 .box4 .words {
			font-size: 18px;
			line-height: 30px;
		}

		.d7000 .box5 .words {
			font-size: 18px;
			line-height: 30px;
		}

		.softw-page .banner .h1 {
			font-size: 46px;
		}

		.softw-page .banner .h2 {
			font-size: 24px;
		}

		.softw-page .banner .words {
			font-size: 14px;
			line-height: 24px;
		}

		.softw-page .banner .link {
			margin: 30px 0 50px;
		}

		.softw-page .banner .h3 {
			font-size: 24px;
		}

		.softw-page .banner .name {
			font-size: 16px;
			margin-top: 20px;
		}

		.softw-box .top-box .h1 {
			font-size: 20px;
		}

		.deploy .top-box .words {
			font-size: 14px;
			line-height: 24px;
		}

		.deploy .column .h1 {
			font-size: 20px;
			margin: 30px 0 10px;
		}

		.deploy .column .h2 {
			font-size: 18px;
		}

		.deploy .column .words {
			font-size: 14px;
			line-height: 24px;
		}

		.deploy .column .icon img {
			width: 90px;
		}

		.devi-mana .top-box .words {
			font-size: 14px;
			line-height: 24px;
		}

		.devi-mana .title-box .h1 {
			font-size: 24px;
		}

		.devi-mana .nav-box {
			padding-bottom: 20px;
		}

		.devi-mana .item {
			font-size: 16px;
		}

		.devi-mana .item.on::before {
			bottom: -20px;
		}

		.devi-mana .box3 .title-box .h1 {
			font-size: 20px;
		}

		.devi-mana .box3 .name {
			font-size: 16px;
		}

		.devi-mana .box3 .words {
			font-size: 14px;
			line-height: 24px;
		}

		.devi-diag .words {
			font-size: 14px;
			line-height: 24px;
		}

		.devi-diag .name {
			font-size: 18px;
			line-height: 30px;
		}

		.devi-diag .words2 {
			font-size: 14px;
			line-height: 24px;
		}

		.cust-use .icon-box {
			width: 150px;
		}

		.cust-use .text-box {
			width: calc(100% - 150px);
			padding-left: 30px;
		}

		.cust-use .h2 {
			font-size: 18px;
		}

		.cust-use .words2 {
			font-size: 14px;
			line-height: 24px;
		}

		.cust-use .name {
			font-size: 18px;
		}

		.seco-deve .bot-box {
			padding: 0;
		}

		.cust-use .icon-box img {
			width: 70%;
		}

		.mapp-func .l-video {
			width: 288px;
			margin-right: 100px;
		}

		@keyframes myfirst {
			0% {
				opacity: 0;
				top: 130px;
				right: -100px;
			}

			20% {
				opacity: 1;
			}

			50% {
				opacity: 1;
				top: 110px;
				right: -85px;
			}

			80% {
				opacity: 1;
			}

			100% {
				opacity: 0;
				top: 130px;
				right: -100px;
			}
		}

		.mapp-func .gest-icon {
			width: 80px;
			top: 130px;
			right: -100px;
		}

		.mapp-func .r-text {
			margin-top: 180px;
		}

		.mapp-func video {
			width: 360px;
		}

		.mapp-func .video1 {
			top: 55px;
			left: 17px;
		}

		.mapp-func .h1 {
			font-size: 26px;
		}

		.mapp-func .words {
			font-size: 14px;
			line-height: 24px;
		}

		.seco-deve .words {
			font-size: 14px;
			line-height: 24px;
		}

		.seco-deve .name {
			font-size: 18px;
		}

		.seco-deve .words2 {
			font-size: 14px;
			line-height: 24px;
		}

		.video .video-wrap {
			padding: 0;
		}

		.video-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.video-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.video .title .h1 {
			font-size: 20px;
		}

		.video-list .h1 {
			font-size: 16px;
		}

		.supp-video-box .title {
			font-size: 20px;
		}

		.supp-video-box .column {
			padding: 0;
			padding-bottom: 55px;
		}

		.supp-video-box .tech-video .wd2 {
			padding: 80px 0;
		}

		.innov .top {
			font-size: 30px;
		}

		.innov .words2 {
			font-size: 18px;
		}

		.innov-list .words {
			font-size: 16px;
		}

		.quali-list .name {
			font-size: 16px;
		}

		.quali-list .words {
			font-size: 14px;
			line-height: 24px;
		}

		.manu .number-box {
			font-size: 30px;
		}

		.manu .column {
			font-size: 16px;
		}

		.manu .words {
			font-size: 16px;
		}

		.stren-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.stren-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.stren-box .title .h1 {
			font-size: 20px;
		}

		.stren-box .title .h2 {
			font-size: 16px;
		}

		.softw-list .name {
			font-size: 18px;
		}

		.softw-list .words {
			font-size: 16px;
			line-height: 1.4;
		}

		.scene .carousel {
			padding: 0 50px;
		}

		.groun .words {
			padding: 0 100px;
		}

		.solu2 .title .h1 {
			font-size: 20px;
		}

		.retai .words {
			font-size: 16px;
		}

		.retai-list .name {
			font-size: 16px;
		}

		.solu2 .title .h2 {
			font-size: 16px;
		}

		.rela-prod-list .h1 {
			font-size: 16px;
		}

		.retai .words {
			padding: 0;
		}

		.retai {
			padding: 80px 0 20px;
		}

		.story-wrap {
			padding: 0;
		}

		.solution-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.solution-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.solu-list .name {
			font-size: 20px;
		}

		.solu-list .words {
			font-size: 14px;
			line-height: 24px;
			height: 72px;
		}

		.serv3 .text-box .h1 {
			font-size: 18px;
		}

		.serv3 .text-box .h2 {
			font-size: 16px;
		}

		.serv3 .text-box .words {
			font-size: 14px;
			line-height: 34px;
		}

		.cont-list .suspen {
			padding: 0 2%;
			padding-top: 20%;
		}

		.cont-list .h1 {
			line-height: 1.4;
		}

		.supp-list .column {
			width: 32%;
			margin-right: 2%;
		}

		.supp .wd {
			width: 90%;
		}

		.supp-list .h1 {
			font-size: 18px;
		}

		.poli-list .name {
			font-size: 20px;
		}

		.poli-list .words {
			font-size: 14px;
			line-height: 24px;
		}

		.supp-list .suspen {
			padding: 20px;
		}

		.serv-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.serv-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.purp .h1 {
			font-size: 20px;
		}

		.serv .title .h1 {
			font-size: 20px;
		}

		.cont-list .h1 {
			font-size: 16px;
		}

		.devel .words {
			padding: 0 140px;
		}

		.camp-recr .title .h1 {
			font-size: 20px;
		}

		.hot-posit-wrap {
			padding: 0;
		}

		.recruit-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.recruit-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.recru-box .title .h1 {
			font-size: 20px;
		}

		.recru-box .title .h2 {
			font-size: 16px;
		}

		.recru-box .recru-wrap {
			padding: 0;
		}

		.prog-details .h1 {
			font-size: 24px;
		}

		.prog-details .h2 {
			font-size: 16px;
		}

		.prog-details .words {
			font-size: 14px;
			line-height: 24px;
		}

		.prog-list .text {
			padding: 50px 100px 0;
		}

		.prog-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.prog-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.product-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.product .title .h1 {
			font-size: 24px;
		}

		.prod-nav .h1 {
			font-size: 18px;
		}

		.prod-nav .h2 {
			font-size: 14px;
			min-height: 48px;
		}

		.prod-list .h1 {
			font-size: 20px;
		}

		.prod-list .words {
			font-size: 16px;
		}

		.problem-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.problem-page .banner .suspen .h2 {
			font-size: 20px;
		}

		.news-details .words {
			font-size: 14px;
			line-height: 24px;
		}

		.news-details .words p {
			line-height: 40px;
		}

		.news-details .title .h1 {
			font-size: 24px;
		}

		.news-details {
			padding: 115px 0 60px;
		}

		.news-details .news-wrap {
			padding: 0;
		}

		.news-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.news-page .banner .suspen .h2 {
			font-size: 20px;
		}

		.nav-page .item {
			margin: 0 5px;
		}

		.news-box .words {
			font-size: 14px;
			line-height: 24px;
		}

		.news-box .h1 {
			font-size: 18px;
		}

		.news-box .text-box {
			padding-right: 100px;
		}

		.hotli .h1 {
			font-size: 20px;
		}

		.notice-list .box .item {
			font-size: 14px;
		}

		.notice-list .h1 {
			font-size: 18px;
		}

		.supp-top .h1 {
			font-size: 20px;
			line-height: 30px;
			margin-bottom: 0;
		}

		.supp-top .nav-box {
			padding-right: 10px;
		}

		.supp-top .item {
			font-size: 16px;
		}

		.inves-page .banner .suspen .h1 {
			font-size: 30px;
		}

		.inves-page .banner .suspen .h2 {
			font-size: 18px;
		}

		.addr-box .column {
			width: 48%;
			margin-right: 4%;
		}

		.addr-box .column:nth-child(3n) {
			margin-right: 4%;
		}

		.addr-box .column:nth-child(2n) {
			margin-right: 0;
		}

		.map-box .r-box {
			width: 100%;
			padding-left: 0;
			margin-top: 30px;
		}

		.map-box .map {
			width: 100%;
		}

		.contact-page .banner .suspen .h1 {
			font-size: 40px;
		}

		.contact-page .banner .suspen .h2 {
			font-size: 24px;
		}

		.contact-page .banner .suspen {
			padding-top: 15%;
		}

		.feed-box .h1 {
			font-size: 30px;
		}

		.addr-box .words {
			font-size: 14px;
			line-height: 24px;
		}

		.addr-box .h1 {
			font-size: 16px;
		}

		.map-box .name {
			font-size: 18px;
			margin-bottom: 10px;
		}

		.map-box .words {
			font-size: 14px;
			line-height: 24px;
		}

		.map-box .h1 {
			font-size: 20px;
			padding-bottom: 20px;
			margin-bottom: 40px;
		}

		.map-box .h2 {
			margin-bottom: 40px;
		}

		.wd2 {
			width: 90%;
		}

		.honor .carousel2 {
			width: 60%;
		}

		.honor .preview .arrow-right {
			right: -120px;
		}

		.about .title .h2 {
			font-size: 16px;
		}

		.mile .preview .swiper-container {
			height: 250px;
		}

		.about .title .h1 {
			font-size: 20px;
		}

		.mile .title .h2 {
			font-size: 14px;
		}

		.mile .year-box {
			font-size: 18px;
		}

		.mile .r-box .h1 {
			font-size: 14px;
			line-height: 24px;
		}

		.mile .l-box .swiper-slide {
			font-size: 16px;
		}

		.about-page .banner .suspen .h1 {
			font-size: 40px;
		}

		.about-page .banner .suspen .h2 {
			font-size: 24px;
		}

		.foot-nav .column {
			margin-right: 60px;
		}

		.head-nav .item {
			font-size: 16px;
		}

		.head-lang {
			margin-right: 0;
		}

		.head-lang .item {
			font-size: 16px;
		}

		.home-swiper .h1 {
			font-size: 30px;
		}

		.home-swiper .bold {
			font-size: 40px;
		}

		.home-swiper .h2 {
			font-size: 16px;
		}

		.home-swiper .name {
			font-size: 12px;
		}

		.home-swiper .column {
			margin-right: 80px;
		}

		.link-nav .h1 {
			font-size: 24px;
		}

		.link-nav .words {
			font-size: 16px;
		}

		.link-box .h1 {
			font-size: 24px;
		}

		.link-box .words {
			font-size: 14px;
		}

		.home-page .title .h1 {
			font-size: 24px;
		}

		.news-list .h1 {
			font-size: 18px;
		}

		.news-list .words {
			font-size: 14px;
			line-height: 24px;
		}

		.news-list .date {
			font-size: 12px;
		}
	}

	@media only screen and (max-width:1366px) {
		.dt30 .box9 .img-box {
			width: 600px;
		}

		.d7000 .box11 .text-box {
			margin-bottom: 50px;
		}

		.dt30 .box11 .text-box {
			margin-bottom: 100px;
		}

		.dt40 .box1 .img-box {
			width: 36.5%;
		}

		.devi-mana .l-video {
			width: 700px;
		}

		.devi-mana .r-video {
			width: 200px;
			margin-top: 0;
		}

		.devi-mana .video1 video {
			width: 540px;
			height: auto;
		}

		.devi-mana .video1 img {
			width: 540px;
			height: auto;
		}

		.devi-mana .box2 .video1 video {
			width: 660px;
			height: auto;
		}

		.devi-mana .box2 .video1 img {
			width: 660px;
			height: auto;
		}

		.devi-mana .video1 {
			top: 24px;
			left: 78px;
		}

		.devi-mana .video2 video {
			width: 175px;
			height: auto;
		}

		.devi-mana .video2 img {
			width: 175px;
			height: auto;
		}

		.devi-mana .box2 .l-video {
			width: 700px;
		}

		.devi-mana .box2 .video1 video {
			width: 660px;
			height: auto;
		}

		.devi-mana .box2 .video1 {
			top: 26px;
			left: 20px;
		}

		.devi-mana .video2 {
			top: 40px;
			left: 13px;
		}

		.mode-list .column {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 20px;
		}

		.mode-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.hotli .text {
			padding: 30px 40px 0;
		}

		.hotli .h1 {
			margin-bottom: 20px;
		}

		.hotli .column {
			margin-bottom: 20px;
		}

		.link-box .suspen {
			padding: 0 25px 25px;
		}

		.link-box .column.special .suspen {
			padding-bottom: 25px;
		}

		.foot-bot .link {
			width: 100%;
			margin-bottom: 10px;
		}

		.foot-bot .record {
			width: 100%;
		}
	}

	@media only screen and (max-width:1280px) {
		.d7000 .box1 {
			height: 687px;
		}

		.d7000 .box2 {
			height: 710px;
		}

		.d7000 .box3 {
			height: 612px;
		}

		.d7000 .box4 {
			height: 592px;
		}

		.d7000 .box5 {
			height: 647px;
		}

		.d7000 .box7 {
			height: 526px;
		}

		.d7000 .box8 {
			height: 580px;
		}

		.d7000 .box9 {
			height: 473px;
		}

		.d7000 .box10 {
			height: 566px;
		}

		.d7000 .box11 {
			height: 678px;
		}

		.d8000 .box1 {
			height: 708px;
		}

		.d8000 .box2 {
			height: 710px;
		}

		.d8000 .box3 {
			height: 520px;
		}

		.d8000 .box4 {
			height: 526px;
		}

		.d8000 .box5 {
			height: 578px;
		}

		.d8000 .box6 {
			height: auto;
		}

		.d8000 .box7 {
			height: 559px;
		}

		.d8000 .box8 {
			height: 670px;
		}

		.d8000 .box9 {
			height: 626px;
		}

		.d8000 .box10 {
			height: 592px;
		}

		.d8000 .box11 {
			height: auto;
		}

		.d8000 .box12 {
			height: auto;
		}

		.dt30 .box1 {
			height: 708px;
		}

		.dt30 .box2 {
			height: 710px;
		}

		.dt30 .box3 {
			height: 592px;
		}

		.dt30 .box4 {
			height: 493px;
		}

		.dt30 .box5 {
			height: 438px;
		}

		.dt30 .box6 {
			height: 602px;
		}

		.dt30 .box7 {
			height: 492px;
		}

		.dt30 .box8 {
			height: 447px;
		}

		.dt30 .box9 {
			height: 625px;
		}

		.dt30 .box10 {
			height: auto;
		}

		.dt30 .box11 {
			height: auto;
		}

		.dt40 .box1 {
			height: 708px;
		}

		.dt40 .box2 {
			height: 710px;
		}

		.dt40 .box3 {
			height: 567px;
		}

		.dt40 .box4 {
			height: auto;
		}

		.dt40 .box5 {
			height: 447px;
		}

		.dt40 .box6 {
			height: auto;
		}

		.dt40 .box7 {
			height: 513px;
		}

		.dt40 .box8 {
			height: auto;
		}

		.dt40 .box9 {
			height: auto;
		}

		.dt40 .box10 {
			height: 547px;
		}

		.dt40 .box11 {
			height: 592px;
		}

		.dt40 .box12 {
			height: 413px;
		}

		.dt40 .box13 {
			height: 542px;
		}

		.dt40 .box14 {
			height: auto;
		}

		.dt50 .box1 {
			height: 729px;
		}

		.dt50 .box2 {
			height: 466px;
		}

		.dt50 .box3 {
			height: 499px;
		}

		.dt50 .box4 {
			height: 674px;
		}

		.dt50 .box5 {
			height: 435px;
		}

		.dt50 .box6 {
			height: auto;
		}

		.dt50 .box7 {
			height: 592px;
		}

		.dt50 .box8 {
			height: auto;
		}

		.dt50 .box9 {
			height: 452px;
		}

		.dt50 .box10 {
			height: auto;
		}

		.dt50 .box11 {
			height: 605px;
		}

		.dt50 .box12 {
			height: auto;
		}

		.i9000s .box1 {
			height: 592px;
		}

		.i9000s .box2 {
			height: 467px;
		}

		.i9000s .box3 {
			height: auto;
		}

		.i9000s .box4 {
			height: auto;
		}

		.i9000s .box5 {
			height: 572px;
		}

		.i9000s .box6 {
			height: 426px;
		}

		.i9000s .box7 {
			height: 625px;
		}

		.i9000s .box8 {
			height: 592px;
		}

		.i9000s .box9 {
			height: 645px;
		}

		.i9000s .box10 {
			height: 546px;
		}

		.i9000s .box11 {
			height: 658px;
		}

		.i9000s .box12 {
			height: auto;
		}

		.i9100 .box1 {
			height: 592px;
		}

		.i9100 .box2 {
			height: auto;
		}

		.i9100 .box3 {
			height: auto;
		}

		.i9100 .box4 {
			height: 574px;
		}

		.i9100 .box5 {
			height: 560px;
		}

		.i9100 .box6 {
			height: 470px;
		}

		.i9100 .box7 {
			height: 608px;
		}

		.i9100 .box8 {
			height: 455px;
		}

		.i9100 .box9 {
			height: 507px;
		}

		.i9100 .box10 {
			height: auto;
		}

		.i9100 .box11 {
			height: 723px;
		}

		.sales-list .column {
			padding: 30px;
		}

		.poli-list a {
			padding: 35px;
		}

		.supp-list .h1 {
			margin-bottom: 15px;
		}

		.news-box .supp-top {
			margin-bottom: 60px;
		}

		.news-box .text-box {
			padding-right: 50px;
		}

		.link-nav {
			bottom: -25%;
		}

		.link-box {
			/* margin-top: 15%; */
		}

		.link-nav .column {
			padding: 0 30px;
		}

		.link-nav .column:nth-child(2) {
			padding-left: 30px;
		}

		.intr .text {
			width: 100%;
			margin-right: 0;
		}

		.intr .video {
			width: 100%;
			padding-bottom: 0;
		}
	}

	@media only screen and (max-width:1199px) {
		.outle {
			padding-bottom: 30px;
		}

		.outle .outle-map .map {
			max-width: 100%;
			margin-bottom: 30px;
			text-align: center;
		}

		.outle .outle-map .outle-list {
			max-width: 100%;
			padding: 0;
		}

		.outle .outle-map {
			margin-bottom: 0;
		}

		.outle .outle-map .outle-list .column {
			max-width: 45%;
			margin-right: 10%;
			margin-bottom: 30px;
		}

		.outle .outle-map .outle-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.outle-list .column {
			width: 45%;
			margin-right: 10%;
			margin-bottom: 30px;
		}

		.outle-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.trip .swiper-button-prev {
			left: 0;
		}

		.welfare .column {
			width: 49%;
			margin-bottom: 30px;
		}

		.welfare .column:nth-child(2) {
			margin-right: 0;
		}

		.devel .column {
			margin-bottom: 20px;
		}

		.devel .h2 {
			font-size: 16px;
			padding: 0 20px;
			height: 34px;
			line-height: 34px;
		}

		.devel .h3 {
			font-size: 16px;
		}

		.devel .text {
			font-size: 14px;
			line-height: 24px;
		}

		.activ .icon img {
			max-width: 80%;
		}

		.mapp-func .r-text {
			max-width: 450px;
			margin-top: 170px;
		}

		.mapp-func .h2 {
			line-height: 1.4;
		}

		.dt30 .box8 .text-box {
			max-width: 500px;
		}

		.dt30 .box11 .img1 {
			width: 500px;
		}

		.dt30 .box1 .img-box {
			width: 370px;
		}

		.dt30 .box9 .img-box {
			width: 500px;
		}

		.d8000 .box1 .img-box {
			width: 340px;
		}

		.d8000 .box1 .l-h1 {
			font-size: 100px;
		}

		.d8000 .box1 .r-h1 {
			font-size: 100px;
		}

		.d7000 .box11 .suspen .img {
			width: 450px;
		}

		.d7000 .box11 .text-box {
			margin-bottom: 30px;
		}

		.dt30 .box11 .text-box {
			margin-bottom: 100px;
		}

		.dt30 .box11 .icon {
			width: 90px;
		}

		.dt40 .box3 .img-box {
			width: 300px;
		}

		.dt40 .box4 .column {
			max-width: 300px;
		}

		.d7000 .box5 .text-box {
			max-width: 500px;
		}

		.dt40 .box8 .column1 {
			width: 70px;
			top: 36%;
			left: 16%;
		}

		.dt40 .box8 .column2 {
			width: 80px;
		}

		.dt40 .box8 .column3 {
			width: 90px;
		}

		.dt40 .box8 .column4 {
			width: 70px;
		}

		.dt40 .box8 .column5 {
			top: 25%;
			right: 10%;
			width: 80px;
		}

		.dt40 .box8 .column6 {
			width: 90px;
		}

		.dt40 .box9 .text-box {
			max-width: 440px;
		}

		.dt40 .box11 .img-box {
			width: 500px;
		}

		.dt40 .box11 .list-box {
			margin-top: 30px;
		}

		.dt40 .box11 .column {
			margin-bottom: 30px;
		}

		.dt40 .box12 .text-box {
			max-width: 400px;
		}

		.dt40 .box13 .img-box {
			width: 600px;
		}

		.dt50 .box3 .text-box {
			max-width: 500px;
			margin-right: 0;
		}

		.dt50 .box3 .h1 {
			margin-bottom: 10px;
		}

		.dt50 .box3 .list-box {
			margin-top: 20px;
		}

		.dt50 .box4 .text-box {
			margin-right: 0;
			max-width: 500px;
		}

		.d7000 .box4 .suspen {
			transform: translate(-50%, -50%);
		}

		.dt50 .box3 .column {
			margin-bottom: 20px;
		}

		.dt50 .box5 .text-box {
			padding-left: 0;
		}

		.dt50 .box10 .column {
			margin-right: 80px;
		}

		.i9000s .box4 .suspen {
			transform: translate(0);
		}

		.i9100 .box3 .column2 {
			margin-right: 40px;
		}

		.i9100 .box3 .icon {
			height: 40px;
		}

		.i9100 .box3 .icon img {
			max-height: 100%;
		}

		.i9100 .box4 .suspen {
			transform: translate(-50%, 0);
		}

		.i9100 .box7 .icon {
			height: 40px;
		}

		.i9100 .box7 .icon img {
			max-height: 100%;
		}

		.i9100 .box7 .list-box {
			margin: 40px auto;
		}

		.i9100 .box7 .img {
			width: 30%;
		}

		.i9100 .box11 .text-box {
			margin: 0 auto;
		}

		.cloud-serv .top-box .h1 {
			padding: 60px 0;
		}

		.devi-mana .box3 .title-box .h1 {
			padding: 0;
		}

		.devi-mana .box3 .list-box {
			padding: 0;
		}

		.cust-use .bot-box {
			padding: 0;
		}

		.deploy .top-box .suspen {
			padding: 0;
		}

		.cust-use .icon-box {
			width: 120px;
		}

		.cust-use .text-box {
			width: calc(100% - 120px);
			padding-left: 15px;
		}

		.cust-use .column {
			padding: 20px 30px;
		}

		.devi-diag .column .icon {
			height: 70px;
			margin: 0 auto;
		}

		.devi-diag .icon img {
			max-height: 100%;
		}

		.softw-page .banner .column .img {
			width: 110px;
			margin: 0 auto;
		}

		.softw-page .banner .list-box {
			width: 90%;
			padding-bottom: 30px;
		}

		.deploy .top-box .suspen {
			top: 18%;
		}

		.deploy .column .icon img {
			width: 80px;
		}

		.devi-mana .nav-box {
			width: 100%;
			overflow-x: auto;
			white-space: nowrap;
		}

		.devi-mana .nav-box::-webkit-scrollbar {
			display: none;
		}

		.devi-mana .item {
			padding: 0 15px;
			margin-right: 15px;
		}

		.devi-mana .l-video {
			width: 100%;
			margin: 0 auto;
		}

		.devi-mana .video1 video {
			width: 100%;
		}

		.devi-mana .video1 img {
			width: 100%;
		}

		.devi-mana .video1 {
			top: 6.4%;
			left: 11.8%;
			text-align: left;
		}

		.devi-mana .r-video {
			width: auto;
			margin: 50px auto 0;
		}

		.devi-mana .r-video img {
			width: auto;
		}

		.devi-mana .video2 video {
			width: 236px;
			height: 475px;
		}

		.devi-mana .video2 img {
			width: 236px;
			height: 475px;
		}

		.devi-mana .video2 {
			top: 50px;
			left: 15px;
		}

		.supp-video-box .suspend {
			padding: 20px;
		}

		.quali-list .column {
			padding: 20px;
		}

		.innov .column2 {
			padding: 20px 100px 10px;
		}

		.solu-list .text {
			padding: 30px;
		}

		/*.outle-list .column {
            width: 32%;
            margin-right: 2%;
        }*/
		.sales-list .h1 {
			line-height: 1.4;
		}

		.supp-list .h1 {
			font-size: 16px;
		}

		.supp-list .words {
			font-size: 14px;
			line-height: 24px;
		}

		.cont-list .h1 {
			font-size: 14px;
		}

		.prog-list .top>div {
			margin-bottom: 30px;
		}

		.prog-list .icon {
			margin-bottom: 30px;
		}

		.probl-list .column {
			padding: 30px 50px;
		}

		.news-box .list-box {
			padding: 0;
		}

		.news-box .img {
			width: 350px;
		}

		.news-box .text-box {
			width: calc(100% - 350px);
		}

		.inves-list .more-box {
			margin-top: 40px;
		}

		.inves2 .title .h1 {
			font-size: 20px;
		}

		.inves-list .column2 {
			width: 100%;
			margin-right: 0;
			margin-bottom: 30px;
		}

		.hotli .text {
			width: 100%;
			padding: 30px;
		}

		.hotli .img {
			width: 100%;
		}

		.notice-list .column {
			width: 100%;
			margin-right: 0;
		}

		.global-layout .column {
			margin-bottom: 60px;
		}

		.global-layout .title {
			margin-bottom: 60px;
		}

		.honor .but2 {
			top: 10px;
		}

		.honor .preview::before {
			top: 25px;
		}

		.honor .carousel {
			padding: 50px 40px;
		}

		.honor .carousel2 {
			margin-top: 100px;
		}

		.honor .previ-swiper .swiper-slide {
			padding-top: 20px;
		}

		.honor .preview {
			top: 70px;
		}

		.foot-nav .column {
			margin-right: 30px;
		}

		.link-nav .text {
			padding: 30px 0 0 30px;
		}

		.link-nav .icon {
			width: 150px;
		}

		.head-lang {
			margin-left: 15px;
		}

		.head-nav .column {
			margin: 0 10px;
		}

		.home-swiper .h1 {
			margin-bottom: 20px;
		}

		.home-swiper .list-box {
			margin-top: 30px;
		}

		.link-nav .nav-wrap {
			padding: 10px;
		}

		.footer .sales {
			width: 230px;
		}

		.global-layout .text-box {
			width: 100%;
		}

		.global-layout .img-box {
			width: 100%;
			margin-top: 30px;
		}

		.honor .preview .arrow-left {
			right: -20px;
		}

		.honor .preview .arrow-right {
			right: -90px;
		}
	}

	@media only screen and (max-width:1024px) {
		.header {
			display: none;
		}

		.m-header {
			display: block;
		}

		.m-header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			border-bottom: 1px solid rgba(0, 0, 0, .4);
			z-index: 10;
			padding: 0 5%;
		}

		.m-header.on {
			background-color: #ffffff;
		}

		.m-header.on2 {
			/*top: -100%;*/
		}

		.m-head-wrap {
			height: 50px;
			justify-content: space-between;
			align-items: center;
		}

		.m-head-logo {
			width: 130px;
		}

		.m-head-logo .logo_2 {
			display: none;
		}

		.m-header.on .m-head-logo .logo_2 {
			display: block;
		}

		.m-header.on .m-head-logo .logo_1 {
			display: none;
		}

		.m-head-menu {
			width: 30px;
			cursor: pointer;
		}

		.m-head-menu .but-close {
			display: none;
		}

		.m-head-menu .but-icon_2 {
			display: none;
		}

		.m-header.on .m-head-menu .but-icon_2 {
			display: block;
		}

		.m-header.on .m-head-menu .but-icon_1 {
			display: none;
		}

		.m-head-menu .drop-down {
			display: none;
			position: fixed;
			top: 50px;
			left: 0;
			width: 100%;
			height: calc(100% - 50px);
			background-color: #f7f7f7;
			z-index: 9999;
		}

		.m-head-menu .m-nav-box {
			height: calc(100vh - 50px);
		}

		.m-head-menu .item {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			padding: 0 15px;
		}

		.m-head-menu .item.on {
			background-color: #ffffff;
		}

		.m-head-menu .drop-down_2 {
			display: none;
			position: fixed;
			top: 50px;
			left: 150px;
			width: calc(100% - 150px);
			height: calc(100% - 50px);
			background-color: #ffffff;
			padding: 0 15px;
		}

		.m-head-menu .column.on .drop-down_2 {
			display: block;
		}

		.m-head-menu .h1 {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			border-bottom: 0.01rem solid #dcdcdc;
			padding: 0 5px;
		}

		.m-head-menu .name {
			display: block;
			padding-right: 30px;
			background-image: url(../images/icon15.jpg);
			background-position: right center;
			background-repeat: no-repeat;
			background-size: 16px auto;
		}

		.m-head-menu .m-nav {
			overflow-y: auto;
			height: calc(100vh - 1.91rem);
		}

		.m-head-menu .m-nav::-webkit-scrollbar {
			display: none;
		}

		.m-head-menu .h2 {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			border-bottom: 0.01rem solid #dcdcdc;
			padding: 0 5px;
		}

		.m-head-menu .name_2 {
			display: block;
			background-image: url(../images/icon16.jpg);
			background-position: right center;
			background-repeat: no-repeat;
			background-size: 8px auto;
			cursor: pointer;
		}

		.m-head-menu .h2.on .name_2 {
			background-image: url(../images/icon17.jpg);
		}

		.m-head-menu .drop-down_3 {
			display: none;
		}

		.m-head-menu .item_2 {
			display: block;
			font-size: 14px;
			color: #666666;
			line-height: 42px;
			padding: 0 20px;
		}

		.m-head-menu .name_2.on {
			background: none;
		}

		.m-suspen-box {
			position: fixed;
			top: 50%;
			right: .3rem;
			width: .65rem;
			z-index: 2;
		}

		.m-suspen-box .return-top {
			margin-bottom: .16rem;
		}

		.m-suspen-box .cont-box {
			position: relative;
			background-color: #ffffff;
		}

		.m-suspen-box .btn-icon {
			display: block;
			font-size: .24rem;
			color: #00a7d3;
			line-height: .3rem;
			text-align: center;
			padding: .62rem 0 .27rem 0;
			background-image: url(../images/icon8.jpg);
			background-size: .2rem auto;
			background-position: center .17rem;
			background-repeat: no-repeat;
		}

		.m-suspen-box .drop-down {
			position: absolute;
			left: -3.2rem;
			bottom: 0;
			width: 3.05rem;
			background-color: #ffffff;
			padding: .5rem .25rem .35rem;
			display: none;
		}

		.m-suspen-box .column {
			position: relative;
			margin-bottom: .4rem;
		}

		.m-suspen-box .column:last-child {
			margin-bottom: 0;
		}

		.m-suspen-box .item {
			display: block;
			font-size: .24rem;
			color: #333333;
			line-height: .41rem;
			padding-left: .38rem;
			background-repeat: no-repeat;
			background-position: left 0.01rem;
			background-size: .24rem auto;
		}

		.m-suspen-box .h1 {
			font-size: .24rem;
		}

		.m-suspen-box .text {
			font-size: .22rem;
			color: #777777;
		}

		.m-suspen-box .on-line {
			background-image: url(../images/icon10.jpg);
		}

		.m-suspen-box .phone {
			background-image: url(../images/icon11.jpg);
		}

		.m-suspen-box .messa {
			background-image: url(../images/icon12.jpg);
		}

		.m-suspen-box .weixin {
			background-image: url(../images/icon13.png);
		}

		.m-suspen-box .show-box {
			position: absolute;
			left: -110%;
			bottom: 0;
			display: none;
		}

		.m-suspen-box .close {
			position: absolute;
			top: 1%;
			right: 5%;
		}

		.opti-acce .swiper-button-prev,
		.opti-acce .swiper-button-next {
			width: 30px;
			height: 30px;
		}

		.opti-acce .swiper-button-prev {
			left: -35px;
		}

		.opti-acce .swiper-button-next {
			right: -35px;
		}

		.mapp-func .r-text {
			max-width: 100%;
			margin: 50px 0;
			text-align: center;
		}

		.seco-deve .column {
			padding: 0 5%;
		}

		.devi-mana .video1 video {
			width: 86.5%;
			height: auto;
		}

		.scene .text {
			padding: 30px;
		}

		.groun-list .column {
			padding: 20px;
		}

		.groun-list .name {
			font-size: 18px;
			margin-bottom: 30px;
		}

		.groun-list .words2 {
			font-size: 14px;
		}

		.groun .words {
			padding: 0;
		}

		.search .search-wrap {
			padding: 0;
		}

		.story-list .text {
			padding: 15px 30px 15px 15px;
		}

		.retai-list .text {
			padding: 20px;
		}

		.story-list .icon {
			right: 20px;
			bottom: 30px;
		}

		.solu-list .column {
			width: 32%;
			margin-right: 2%;
		}

		.solu-list .column:nth-child(4n) {
			margin-right: 2%;
		}

		.solu-list .column:nth-child(3n) {
			margin-right: 0;
		}

		.sales-list .h1 {
			font-size: 14px;
		}

		.recru-nav {
			padding: 0;
		}

		.main-page {
			padding-top: 0;
		}

		.prog-list .text {
			padding: 30px 50px 0;
		}

		.notice-list .column {
			margin-bottom: 50px;
		}

		.header {
			background-color: #ffffff;
			box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
		}

		.header .logo_2 {
			display: inline-block;
		}

		.header .logo_1 {
			display: none;
		}

		.header .head-menu .line {
			background-color: #000000;
		}

		.head-rbox {
			display: none;
		}

		.header .head-menu {
			display: block;
		}

		.home-swiper .swiper-pagination {
			bottom: 3%;
		}

		.link-box .column.special .suspen {
			padding-bottom: 15px;
		}

		.link-box .suspen {
			padding: 0 15px 15px;
		}

		.link-box .h1 {
			margin-bottom: 10px;
		}

		.link-box .words {
			line-height: 1.4;
		}

		.link-nav {
			position: relative;
			margin-top: 30px;
		}

		.link-box {
			margin-top: 30px;
		}

		.foot-nav {
			display: none;
		}

		.footer .sales {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.foot-top {
			margin-bottom: 30px;
		}

		.foot-bot {
			text-align: center;
		}

		.home-swiper .suspen {
			top: 35%;
		}

		.link-nav .column {
			text-align: center;
		}

		.link-nav .icon {
			width: 100%;
		}

		.link-nav .text {
			width: 100%;
			padding: 10px 0;
		}

		.link-nav .nav-wrap {
			padding: 20px;
		}
	}

	@media only screen and (max-width:991px) {
		.problem .form{
			max-width: 100%;
		}
		.opti-acce .swiper-button-prev {
			left: 0;
		}

		.opti-acce .swiper-button-next {
			right: 0;
		}

		.welfare .column {
			min-height: 440px;
		}

		.propa-video .icon img {
			max-width: 70%;
		}

		.welfare .last_column {
			width: 70%;
		}

		.devel .l-img {
			width: 100%;
			margin-bottom: 20px;
		}

		.devel .r-text {
			width: 100%;
		}

		.activ .icon img {
			max-width: 60%;
		}

		.activ .icon_2 {
			right: -35%;
		}

		.activ .icon_4 {
			right: -12%;
		}

		.dt30 .box1 .h1 {
			margin-bottom: 30px;
		}

		.dt30 .box1 .img-box {
			width: 260px;
		}

		.dt30 .box4 .img-box {
			width: 300px;
		}

		.dt30 .box6 .text-box {
			max-width: 400px;
		}

		.dt30 .box8 .text-box {
			max-width: 400px;
		}

		.dt30 .box8 .list-box {
			margin-top: 20px;
		}

		.dt30 .box8 .h1 {
			margin-bottom: 20px;
		}

		.dt30 .box9 .img-box {
			width: 360px;
		}

		.dt30 .box9 .list-box {
			margin-top: 40px;
		}

		.dt30 .box10 .text-box {
			max-width: 300px;
		}

		.dt30 .box10 .suspen {
			top: 50%;
		}

		.dt30 .box11 .img1 {
			width: 400px;
		}

		.d8000 .box1 .img-box {
			width: 250px;
		}

		.tech-para .column {
			width: 33.33%;
		}

		.tech-para .column:nth-child(4n) {
			padding-right: 1%;
		}

		.tech-para .column:nth-child(3n) {
			padding-right: 0;
		}

		.tech-para .name {
			line-height: 1.4;
		}

		.d7000 .box11 .suspen .img {
			width: 300px;
		}

		.d7000 .box1 .h1 {
			margin-bottom: 10px;
		}

		.dt40 .box3 .img-box {
			width: 200px;
		}

		.dt40 .box3 .text-box {
			margin-right: 0;
		}

		.dt40 .box4 .column {
			width: 200px;
		}

		.d7000 .box5 .text-box {
			width: 380px;
		}

		.d7000 .box6 .text-box {
			margin-bottom: 20px;
		}

		.dt40 .box7 .suspen {
			top: 25%;
		}

		.dt40 .box8 .column1 {
			top: 32%;
		}

		.dt40 .box8 .name {
			margin-top: 5px;
		}

		.dt40 .box8 .column2 {
			left: 12%;
		}

		.dt40 .box8 .column3 {
			left: 27%;
		}

		.dt40 .box8 .column4 {
			right: 20%;
		}

		.dt40 .box8 .column5 {
			top: 20%;
			right: 5%;
		}

		.dt40 .box8 .column6 {
			right: 17%;
		}

		.dt40 .box9 .text-box {
			max-width: 300px;
		}

		.dt40 .box11 .img-box {
			width: 380px;
		}

		.dt40 .box11 .text-box {
			margin-right: 0;
			margin-bottom: 0;
		}

		.dt40 .box11 .suspen {
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.dt40 .box12 .text-box {
			max-width: 350px;
		}

		.dt40 .box13 .img-box {
			width: 450px;
		}

		.dt40 .box13 .text-box {
			max-width: 500px;
		}

		.dt40 .box13 .suspen {
			top: 25%;
		}

		.dt40 .box14 .text-box {
			margin-left: 0;
		}

		.dt50 .box3 .text-box {
			max-width: 100%;
		}

		.dt50 .box3 .column {
			width: 33.33%;
		}

		.dt50 .box4 .text-box {
			max-width: 380px;
		}

		.dt50 .box5 .img-box {
			right: 15%;
		}

		.dt50 .box6 .list-box2 {
			margin-top: 30px;
		}

		.dt50 .box6 .words {
			line-height: 30px;
		}

		.dt50 .box6 .name {
			font-size: 16px;
			margin-top: 10px;
		}

		.dt50 .box7 .text-box {
			max-width: 420px;
		}

		.dt50 .box8 .text-box {
			max-width: 100%;
		}

		.dt50 .box8 .list-box {
			margin-top: 40px;
		}

		.dt50 .box10 .list-box {
			margin-top: 30px;
		}

		.dt50 .box10 .column {
			margin-right: 50px;
		}

		.dt50 .box11 .suspen {
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.dt50 .box12 .icon {
			width: 90px;
		}

		.dt50 .box12 .img1 {
			width: 360px;
		}

		.i9000s .box3 .list-box {
			padding: 0;
		}

		.i9000s .box4 .icon {
			height: 50px;
		}

		.i9000s .box4 img {
			max-height: 100%;
		}

		.i9000s .box5 .text-box {
			width: 100%;
		}

		.i9000s .box6 .text-box {
			width: 100%;
			margin-right: 0;
		}

		.i9000s .box6 .column {
			display: inline-block;
			vertical-align: top;
			width: 50%;
		}

		.i9000s .box6 .icon {
			width: 40px;
			margin-right: 10px;
		}

		.i9000s .box6 .words2 {
			width: calc(100% - 50px);
			line-height: 40px;
		}

		.i9000s .box8 .text-box {
			width: 360px;
		}

		.i9000s .box8 .capa {
			margin-top: 40px;
		}

		.i9000s .box9 .suspen {
			top: 50%;
		}

		.i9000s .box9 .text-box {
			max-width: 100%;
		}

		.i9000s .box9 .column {
			margin-top: 30px;
		}

		.i9000s .box9 .icon {
			height: 35px;
		}

		.i9000s .box9 img {
			max-height: 100%;
		}

		.i9000s .box12 .h1 {
			font-size: 28px;
		}

		.i9100 .box2 .icon {
			height: 50px;
		}

		.i9100 .box2 .icon img {
			max-height: 100%;
		}

		.i9100 .box2 .name {
			font-size: 16px;
		}

		.i9100 .box3 .column2 {
			margin-right: 20px;
		}

		.i9100 .box3 .list-box2 {
			margin-top: 30px;
		}

		.i9100 .box3 .name {
			font-size: 16px;
		}

		.i9100 .box3 .icon {
			height: 30px;
		}

		.i9100 .box6 .list-box {
			margin-top: 30px;
		}

		.i9100 .box7 .name {
			margin-top: 10px;
		}

		.i9100 .box7 .list-box {
			margin: 30px auto;
		}

		.play-but-icon {
			width: 60px;
			margin: 0 auto;
		}

		.seco-deve .column {
			padding: 0 2%;
		}

		.seco-deve .icon {
			width: 120px;
			margin: 0 auto;
		}

		.cust-use .column {
			width: 100%;
			border-right: 0 !important;
		}

		.cloud-serv .top-box .h1 {
			padding: 40px 0;
		}

		.devi-diag .column {
			padding: 0 2%;
		}

		.devi-diag .name {
			font-size: 16px;
			padding: 0 15px;
		}

		.devi-diag .column .icon {
			height: 50px;
		}

		.devi-mana .box3 {
			padding: 150px 0;
		}

		.devi-mana .box3 .list-box {
			max-width: 80%;
		}

		.deploy .column2 .suspen {
			right: 5%;
		}

		.deploy .column .icon img {
			width: 60px;
		}

		.deploy .column .h1 {
			margin: 20px 0 10px;
		}

		.deploy .column .h2 {
			margin-bottom: 20px;
		}

		.softw-page .banner .column .img {
			width: 80px;
		}

		.deploy .top-box .suspen {
			top: 22%;
		}

		.softw-page .banner .list-box {
			padding-bottom: 20px;
		}

		.softw-box .top-box .h1 {
			margin-bottom: 30px;
		}

		.supp-video-box .suspend .h1 {
			font-size: 16px;
		}

		.supp-video-box .words {
			font-size: 14px;
		}

		.manu .text-box {
			width: 100%;
			padding-top: 0;
			margin-bottom: 50px;
		}

		.manu .top-box {
			margin-bottom: 30px;
		}

		.manu .column {
			margin-bottom: 40px;
		}

		.manu .img-box {
			width: 100%;
		}

		.softw-list .column .icon {
			width: 70%;
			margin: 0 auto;
		}

		.scene .name {
			font-size: 16px;
			margin-bottom: 10px;
		}

		.scene .text {
			padding: 20px;
		}

		.rela-prod .img {
			height: 200px;
		}

		.rela-prod .img img {
			max-height: 100%;
		}

		.rela-prod-list .column .more {
			margin-top: 30px;
		}

		.rela-prod .text {
			padding: 20px;
		}

		.retai-list .column {
			width: 32%;
			margin-right: 2%;
		}

		.outle .outle-map .outle-list .column {
			max-width: 48%;
			margin-right: 4%;
		}

		.outle .outle-map .outle-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.outle-list .column {
			width: 48%;
			margin-right: 4%;
		}

		.outle-list .column:nth-child(3n) {
			margin-right: 4%;
		}

		.outle-list .column:nth-child(2n) {
			margin-right: 0;
		}

		.mode-list .column {
			padding: 30px;
			min-height: 480px;
		}

		.supp-list .column {
			padding: 5px;
		}

		.supp-list .h1 {
			margin-bottom: 10px;
			line-height: 18px;
		}

		.supp-list .line {
			margin-top: 0;
		}

		.cont-list .icon img {
			width: 30px;
		}

		.devel {
			background-size: 100% 150px;
		}

		.devel .words {
			padding: 0;
		}

		.syste {
			min-height: 620px;
		}

		.hot-posit {
			padding: 90px 0 150px;
		}

		.posit-list .name {
			font-size: 16px;
		}

		.techn {
			min-height: 620px;
		}

		.recruit-page .banner .suspen {
			padding-top: 15%;
		}

		.head-menu .drop-down {
			top: 60px;
		}

		.main-page {
			padding-top: 0;
		}

		.prog-list .img {
			width: 50%;
		}

		.prog-list .text {
			width: 50%;
			padding: 20px 20px 0;
		}

		.prog-list .top>div {
			margin-bottom: 20px;
		}

		.prog-list .icon {
			margin-right: 20px;
		}

		.prog-list .h1 {
			margin-bottom: 10px;
		}

		.prod-nav .column {
			width: 48%;
			margin-right: 4%;
		}

		.prod-nav .column:nth-child(3n) {
			margin-right: 4%;
		}

		.prod-nav .column:nth-child(2n) {
			margin-right: 0;
		}

		.problem-page .banner .suspen {
			padding-top: 15%;
		}

		.news-page .banner .suspen {
			padding-top: 15%;
		}

		.nav-page .item {
			width: 60px;
		}

		.nav-page .prev {
			width: auto;
			padding: 0 20px;
		}

		.nav-page .next {
			width: auto;
			padding: 0 20px;
		}

		.news-box .img {
			width: 300px;
		}

		.news-box .text-box {
			width: calc(100% - 300px);
			padding-top: 30px;
		}

		.news-box .h1 {
			margin-bottom: 20px;
		}

		.futu-list .words {
			font-size: 12px;
			line-height: 24px;
		}

		.honor .preview {
			top: 52%;
			left: 10%;
			width: 70%;
		}

		.honor .img-box {
			width: 100%;
		}

		.mile .arrow-left {
			top: -30px;
			left: 8px;
		}

		.mile .arrow-right {
			left: 8px;
			bottom: 0;
		}

		.mile .preview .swiper-slide {
			padding: 0;
		}

		.mile .preview .swiper-container {
			height: 200px;
		}

		.about .title {
			margin-bottom: 60px;
		}

		.about-page .banner .suspen {
			padding-top: 12%;
		}

		.header {
			height: 60px;
		}

		.head-logo {
			line-height: 60px;
		}

		.head-logo img {
			height: 40px;
			vertical-align: middle;
		}

		.head-menu .icon-button {
			margin-top: 13px;
		}

		.home-swiper .h1 {
			font-size: 20px;
			margin-bottom: 10px;
		}

		.home-swiper .bold {
			font-size: 30px;
		}

		.home-swiper .h2 {
			font-size: 14px;
		}

		.home-swiper .list-box {
			margin-top: 20px;
		}

		.home-swiper .column {
			margin-right: 40px;
		}

		.link-nav .nav-wrap {
			border-radius: 15px;
		}

		.link-box .h1 {
			font-size: 18px;
		}

		.link-box {
			margin-bottom: 30px;
		}

		.news .title {
			margin-bottom: 30px;
		}

		.news-list .column {
			width: 100%;
			margin-right: 0;
			margin-bottom: 20px;
		}

		.news {
			padding-bottom: 30px;
		}

		.smart-swiper .push-button {
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}
	}

	.bigPicLayer {
		display: none;
		width: 1000px;
		height: 556px;
		position: fixed;
		z-index: 111;
		top: 40% !important;
		margin-top: -180px;
		padding: 10px;
	}

	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../images/close.png) no-repeat;
		right: -50px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 50px;
		background: #009690;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.bigPicLayer .imgDiv {
		text-align: center;
	}

	.bigPicLayer .imgDiv img {
		width: 100%;
	}

	.bigPicLayer .imgDiv span {
		display: block;
		text-align: center;
		font-size: 18px;
		margin-top: 16px;
		color: #fff;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
	}

	#Layer1 {
		position: fixed;
		z-index: 9;
		background: #000000;
		top: 0;
		left: 0;
	}

	@media screen and (max-width: 1440px) {
		.bigPicLayer {
			display: none;
			width: 600px;
			height: 350px;
			position: fixed;
			z-index: 111;
			top: 40% !important;
			margin-top: -100px;
			padding: 10px;
		}

		.bigPicLayer .close {
			display: block;
			width: 38px;
			height: 38px;
			background: url(../images/close.png) no-repeat;
			right: -50px;
			top: -50px;
			position: relative;
			position: absolute;
			z-index: 222;
		}

		.bigPicLayer .close em {
			width: 1px;
			height: 50px;
			background: #0a448d;
			display: none;
			position: absolute;
			left: 50%;
			margin-left: -0.5px;
			top: 100%;
		}

		.bigPicLayer .imgDiv {
			text-align: center;
		}

		.bigPicLayer .imgDiv img {
			width: 100%;
		}

		.bigPicLayer .imgDiv span {
			display: block;
			text-align: center;
			font-size: 18px;
			margin-top: 16px;
			color: #fff;
			font-weight: bold;
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
		}
	}

	@media screen and (max-width: 1004px) {
		.bigPicLayer {
			width: 300px;
			height: auto;
			padding: 0px;
			margin-top: -150px;
		}

		.bigPicLayer .close {
			display: block;
			width: 38px;
			height: 38px;
			background: url(../images/close.png) no-repeat;
			right: -50px;
			top: -50px;
			position: relative;
			position: absolute;
			z-index: 222;
		}

		.bigPicLayer .close em {
			width: 1px;
			height: 20px;
			background: #0a448d;
			display: none;
			position: absolute;
			left: 50%;
			margin-left: -0.5px;
			top: 100%;
		}

		.bigPicLayer .imgDiv {
			height: 169px;
		}
	}

	#pc-main {
		display: block;
	}

	#mobile-main {
		display: none;
	}
}

@media only screen and (max-width:767px) {

	/*公共样式*/

	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		/*font: inherit;*/
		vertical-align: baseline;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html,
	body {
		font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 1;
		color: #333;
		background-color: #fff;
	}

	ul,
	li {
		list-style-type: none;
	}

	input,
	textarea,
	select {
		-webkit-appearance: none;
		resize: none;
		outline: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border: 0;
	}

	a {
		text-decoration: none;
		color: #000;
		cursor: pointer;
	}

	a:hover {
		text-decoration: none;
	}



.iprolist .item:nth-child(1) img{
    max-width: ;
}


	img {
		max-width: 100%;
		border-style: none;
		vertical-align: middle;
	}

	.zoom-img {
		overflow: hidden;
	}

	.zoom-img .img {
		overflow: hidden;
	}

	.zoom-img img {
		transition: all .5s;
	}

	.zoom-img:hover img {
		transform: scale(1.04);
		-ms-transform: scale(1.04);
		-webkit-transform: scale(1.04);
		-o-transform: scale(1.04);
		-moz-transform: scale(1.04);
	}

	.clear:after {
		display: block;
		clear: both;
		content: "";
		visibility: hidden;
		height: 0
	}

	.clear {
		zoom: 1
	}

	.nav-page {
		font-size: 0;
		text-align: center;
	}

	.flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.h1,
	.h2,
	.h3,
	.h4,
	.h5 {
		margin: 0;
		padding: 0;
	}

	.delay1 {
		-webkit-animation-delay: .1s;
		animation-delay: .1s;
	}

	.delay2 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.delay3 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.delay4 {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}

	.delay5 {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

	.delay6 {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}

	.delay7 {
		-webkit-animation-delay: 0.8s;
		animation-delay: 0.7s;
	}

	.delay8 {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}

	.delay9 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
	}

	.delay10 {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}

	.p-box {
		display: none;
	}

	.m-box {
		display: block;
	}

	/* header */

	.header {
		display: none;
	}

	.suspen-cont {
		position: fixed;
		right: 2%;
		bottom: 35%;
		z-index: 8;
	}

	.suspen-cont .button {
		padding: 40px 10px 15px;
		width: 32px;
		background-color: #ffffff;
		text-align: center;
		background-image: url(../images/icon6.jpg);
		background-position: center 12px;
		background-repeat: no-repeat;
		background-size: 10px auto;
		font-size: 12px;
		color: #00a7d3;
		cursor: pointer;
	}

	.suspen-cont .box {
		position: absolute;
		background-color: #ffffff;
		left: -160px;
		width: 150px;
		top: -123px;
		display: none;
	}

	.suspen-cont .box-wrap {
		position: relative;
		padding: 25px 15px 15px;
	}

	.suspen-cont .column {
		position: relative;
		margin-bottom: 15px;
	}

	.suspen-cont .show-box {
		display: none;
	}

	.suspen-cont .weixin .show-box {
		position: absolute;
		top: 50%;
		right: 120%;
		transform: translateY(-50%);
		width: 120px;
	}

	.suspen-cont .column:hover .show-box {
		display: block;
	}

	.suspen-cont .column:last-child {
		margin-bottom: 0;
	}

	.suspen-cont .item {
		display: block;
		padding-left: 17px;
		background-position: left 3%;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}

	.suspen-cont .on-line {
		background-image: url(../images/icon8.jpg);
	}

	.suspen-cont .phone {
		background-image: url(../images/icon9.jpg);
	}

	.suspen-cont .messa {
		background-image: url(../images/icon10.jpg);
	}

	.suspen-cont .weixin {
		background-image: url(../images/icon155.png);
	}

	.suspen-cont .h1 {
		font-size: 12px;
		color: #333333;
		margin-bottom: 10px;
	}

	.suspen-cont .words {
		font-size: 11px;
		color: #777777;
	}

	.suspen-cont .close {
		position: absolute;
		top: 7px;
		right: 12px;
		cursor: pointer;
	}

	.return-top {
		position: fixed;
		right: 2%;
		top: 45%;
		width: 32px;
		z-index: 8;
		cursor: pointer;
	}

	.m-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
		z-index: 999;
		padding:15px 0;
	}

	.m-header .container-fluid {
		padding: 0 15px;
	}

	.m-header.on {
		background-color: #ffffff;
	}

	.m-header.on2 {
		/*top: -100%;*/
	}

	.m-head-wrap {
		height: 50px;
		justify-content: space-between;
		align-items: center;
	}

	.m-head-logo {
		width: 150px;
	}

	.m-head-logo .logo_2 {
		display: none;
	}

	.m-header.on .m-head-logo .logo_2 {
		display: block;
	}

	.m-header.on .m-head-logo .logo_1 {
		display: none;
	}

	.m-head-menu {
		width: 19px;
	}

	.m-head-menu .but-close {
		display: none;
	}

	.m-head-menu .but-icon_2 {
		display: none;
	}

	.m-header.on .m-head-menu .but-icon_2 {
		display: block;
	}

	.m-header.on .m-head-menu .but-icon_1 {
		display: none;
	}

	.m-head-menu .drop-down {
		display: none;
		position: fixed;
		top: 83px;
		left: 0;
		width: 100%;
		height: calc(46% - 50px);
		background-color: #f7f7f7;
		z-index: 9;
	}

	.m-head-menu .m-nav-box {
		height: calc(100vh - 50px);
	}

	.m-head-menu .item {
		display: block;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
		padding: 0 19px;
	}

	.m-head-menu .item.on {
		background-color: #ffffff;
	}

	.m-head-menu .drop-down_2 {
		display: none;
		position: fixed;
		top: 83px;
		left: 150px;
		width: calc(100% - 150px);
		height: calc(46% - 50px);
		background-color: #ffffff;
		padding: 0 25px;
	}

	.m-head-menu .column.on .drop-down_2 {
		display: block;
	}

	.m-head-menu .h1 {
		display: block;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
		border-bottom: 0.01rem solid #dcdcdc;
		padding: 0 5px;
	}

	.m-head-menu .name {
		display: block;
		padding-right: 30px;
		background-image: url(../images/icon15.jpg);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 16px auto;
	}

	.m-head-menu .m-nav {
		overflow-y: auto;
		height: calc(100vh - 95px);
	}

	.m-head-menu .m-nav::-webkit-scrollbar {
		display: none;
	}

	.m-head-menu .h2 {
		display: block;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
		border-bottom: 0.01rem solid #dcdcdc;
		padding: 0 5px;
	}

	.m-head-menu .name_2 {
		display: block;
		background-image: url(../images/icon16.jpg);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 8px auto;
	}

	.m-head-menu .h2.on .name_2 {
		background-image: url(../images/icon17.jpg);
	}

	.m-head-menu .drop-down_3 {
		display: none;
	}

	.m-head-menu .item_2 {
		display: block;
		font-size: 16px;
		color: #666666;
		line-height: 44px;
		padding: 0 20px;
	}

	.m-head-menu .name_2.on {
		background: none;
	}

	.m-suspen-box {
		position: fixed;
		top: 50%;
		right: .3rem;
		width: .65rem;
		z-index: 2;
	}

	.m-suspen-box .return-top {
		margin-bottom: .16rem;
	}

	.m-suspen-box .cont-box {
		position: relative;
		background-color: #ffffff;
	}

	.m-suspen-box .btn-icon {
		display: block;
		font-size: .24rem;
		color: #00a7d3;
		line-height: .3rem;
		text-align: center;
		padding: .62rem 0 .27rem 0;
		background-image: url(../images/icon8.jpg);
		background-size: .2rem auto;
		background-position: center .17rem;
		background-repeat: no-repeat;
	}

	.m-suspen-box .drop-down {
		position: absolute;
		left: -3.2rem;
		bottom: 0;
		width: 3.05rem;
		background-color: #ffffff;
		padding: .5rem .25rem .35rem;
		display: none;
	}

	.m-suspen-box .column {
		position: relative;
		margin-bottom: .4rem;
	}

	.m-suspen-box .column:last-child {
		margin-bottom: 0;
	}

	.m-suspen-box .item {
		display: block;
		font-size: .24rem;
		color: #333333;
		line-height: .41rem;
		padding-left: .38rem;
		background-repeat: no-repeat;
		background-position: left 0.01rem;
		background-size: .24rem auto;
	}

	.m-suspen-box .h1 {
		font-size: .24rem;
	}

	.m-suspen-box .text {
		font-size: .22rem;
		color: #777777;
	}

	.m-suspen-box .on-line {
		background-image: url(../images/icon10.jpg);
	}

	.m-suspen-box .phone {
		background-image: url(../images/icon11.jpg);
	}

	.m-suspen-box .messa {
		background-image: url(../images/icon12.jpg);
	}

	.m-suspen-box .weixin {
		background-image: url(../images/icon13.png);
	}

	.m-suspen-box .show-box {
		position: absolute;
		left: -110%;
		bottom: 0;
		display: none;
	}

	.m-suspen-box .close {
		position: absolute;
		top: 1%;
		right: 5%;
	}


	/* footer */

	.m-footer {
		padding: 0 .5rem;
		background-color: #e8e8e8;
	}

	.m-footer .top-box {
		padding: .63rem .2rem .5rem;
		border-bottom: 0.01rem solid #d2d2d2;
		text-align: center;
	}

	.m-footer .time {
		font-size: .26rem;
		color: #666666;
		line-height: .4rem;
		margin-bottom: .33rem;
	}

	.m-footer .link-consu {
		display: inline-block;
		width: 3.6rem;
		height: .85rem;
		line-height: .85rem;
		font-size: .34rem;
		color: #ffffff;
		background-color: #00a7d3;
		border-radius: .43rem;
	}

	.m-footer .center-box {
		padding: .44rem .2rem .47rem;
		border-bottom: 0.01rem solid #d2d2d2;
	}

	.m-footer .active {
		align-items: center;
		margin-bottom: .44rem;
	}

	.m-footer .drop-down {
		display: none;
	}

	.m-footer .icon {
		width: .37rem;
		margin-right: .1rem;
	}

	.m-footer .name {
		font-size: .22rem;
		color: #888888;
	}

	.m-footer .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .1rem;
	}

	.m-footer .link-nav {
		margin-bottom: .5rem;
	}

	.m-footer .link-quick .item {
		font-size: .24rem;
		color: #888888;
		line-height: .45rem;
	}

	.m-footer .text {
		font-size: .24rem;
		color: #888888;
		line-height: .46rem;
	}

	.m-footer .text a {
		color: #888888;
	}

	.m-footer .text .number {
		color: #00a7d3;
	}

	.m-footer .bot-box {
		padding: .14rem .2rem .26rem;
	}

	.m-footer .bot-box .text {
		line-height: .43rem;
	}


	/* home */

	.container-fluid {
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.technology .container-fluid {
		padding: 0 15px;
	}

	.technology .banner .suspen {
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.technology .banner .h1 {
		font-size: 20px;
	}

	.technology .banner .location {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.technology .banner .location a {
		font-size: 12px;
		color: #bdbdbd;
	}

	.col-xs-12 {
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.m-home-page {
		background-color: #f2f2f2;
		padding-bottom: .55rem;
	}

	.banner {
		position: relative;
	}

	.home-banner .suspen {
		position: absolute;
		top: 1.9rem;
		left: 0;
		width: 100%;
	}

	.home-banner .h1 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
		line-height: .8rem;
	}

	.home-banner .big {
		font-size: .8rem;
	}

	.home-banner .h2 {
		font-size: .26rem;
		color: #ffffff;
		line-height: .5rem;
		margin-bottom: .56rem;
	}

	.home-banner .list-box {
		padding: 0 .15rem;
	}

	.home-banner .column {
		margin-right: .9rem;
		text-align: center;
	}

	.home-banner .column:last-child {
		margin-right: 0;
	}

	.home-banner .icon img {
		width: .71rem;
	}

	.home-banner .name {
		display: block;
		font-size: .2rem;
		color: #ffffff;
		line-height: .5rem;
		margin-top: .1rem;
	}

	.home-link-nav .link-nav {
		padding: .3rem .3rem .2rem;
	}

	.home-link-nav .link-item {
		align-items: center;
	}

	.home-link-nav .img {
		width: 1.88rem;
	}

	.home-link-nav .link-column {
		padding: .2rem .6rem .25rem;
		margin-bottom: .2rem;
		background-color: #ffffff;
	}

	.home-link-nav .text-box {
		margin-left: .8rem;
	}

	.home-link-nav .link-column:nth-child(2n) .text-box {
		margin: 0;
		margin-right: .8rem;
	}

	.home-link-nav .h1 {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.home-link-nav .h2 {
		font-size: .24rem;
		color: #444444;
	}

	.home-link-box .column {
		position: relative;
		margin-bottom: .2rem;
	}

	.home-link-box .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: .45rem;
	}

	.home-link-box .carousel .suspen {
		padding: .45rem .37rem;
	}

	.home-link-box .h1 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .22rem;
	}

	.home-link-box .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .43rem;
	}

	.home-link-box .btn {
		width: .5rem;
		height: .5rem;
		margin-top: -.8rem;
		background-size: cover;
	}

	.home-link-box .swiper-button-prev {
		background-image: url(../images/icon5.png);
	}

	.home-link-box .swiper-button-next {
		background-image: url(../images/icon6.png);
	}

	.m-news .title {
		margin: .45rem 0 .32rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.m-news .title .h1 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
		padding-left: .45rem;
	}

	.m-news .link-more {
		font-size: .26rem;
		color: #777777;
	}

	.m-news .img {
		margin-bottom: .32rem;
	}

	.m-news .date {
		font-size: .2rem;
		color: #a1a1a1;
		font-family: Arial, Helvetica, sans-serif;
	}

	.m-news .text-box .h1 {
		font-size: .28rem;
		color: #333333;
		line-height: 1.3;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: .25rem 0;
	}


	/* video */

	.banner .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
	}

	.banner .h1 {
		font-size: .6rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .26rem;
	}

	.banner .h2 {
		font-size: .32rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.banner .container-fluid {
		padding-left: .38rem;
		padding-right: .38rem;
	}

	.m-video-page .title {
		padding: .5rem 0 .55rem;
		text-align: center;
	}

	.m-video-page .title .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.m-video-page .column {
		position: relative;
		margin-bottom: .1rem;
	}

	.m-video-page .column .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: .45rem .3rem;
	}

	.m-video-page .column .h1 {
		font-size: .28rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .15rem;
	}

	.m-video-page .column .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .34rem;
	}

	.m-video-page .but-play {
		position: absolute;
		left: .45rem;
		bottom: .45rem;
		width: .45rem;
	}

	.m-video-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		text-align: center;
		font-size: .24rem;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: .4rem;
		margin: .55rem auto .75rem;
	}

	.skill-video {
		background-color: #f7f7f7;
	}

	.skill-video .column .suspen {
		padding: .45rem .35rem;
	}

	.skill-video .link-more {
		margin: .6rem auto .85rem;
	}

	.skill-video .title {
		padding: .7rem 0 .55rem;
	}

	.colle-video {
		padding-bottom: .8rem;
	}

	.colle-video .title {
		padding: .65rem 0 .7rem;
	}

	.colle-video .title .h1 {
		font-size: .44rem;
	}

	.colle-video .column {
		margin-bottom: .3rem;
	}

	.colle-video .img {
		position: relative;
	}

	.colle-video .play-icon {
		position: absolute;
		bottom: .35rem;
		left: .25rem;
		width: .45rem;
	}

	.colle-video .text-box {
		padding: .3rem 0;
	}

	.colle-video .column .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.colle-video .time {
		font-size: .26rem;
		color: #666666;
	}

	.colle-video .link-more {
		margin: 0 auto;
		margin-top: .55rem;
	}


	/* product */

	.m-product-page {
		background-color: #f8f8f8;
		padding-bottom: .6rem;
	}

	.product-banner .suspen {
		top: 26%;
	}

	.product-banner .h1 {
		margin-bottom: 0;
	}

	.m-product-page .title {
		padding: .75rem 0 .5rem;
		text-align: center;
	}

	.m-product-page .title .h1 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
	}

	.prod-nav {
		padding-bottom: .65rem;
	}

	.prod-nav .column {
		padding: 0;
		padding-right: .1rem;
		margin-bottom: .15rem;
	}

	.prod-nav .column:nth-child(2n) {
		padding: 0;
		padding-left: .1rem;
	}

	.prod-nav .item {
		display: block;
		text-align: center;
		background-color: #ffffff;
		padding: .28rem .25rem .34rem;
	}

	.prod-nav .icon {
		height: .55rem;
	}

	.prod-nav .icon img {
		max-height: 100%;
	}

	.prod-nav .h1 {
		font-size: .3rem;
		color: #333333;
		margin: 0.5rem 0 0.5rem;
		text-align: center;
	}

	.prod-nav .h2 {
		font-size: .22rem;
		color: #999999;
		font-family: Arial, Helvetica, sans-serif;
	}

	.prod-list .column {
		position: relative;
	}

	.prod-list .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
		transform: translate(0, -50%);
	}

	.prod-list .h1 {
		font-size: .5rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.prod-list .h2 {
		font-size: .28rem;
		color: #ffffff;
		font-weight: bold;
	}

	.m-product-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		text-align: center;
		font-size: .24rem;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: .4rem;
		margin: .6rem auto 0;
	}

	.prod-top-nav {
		position: fixed;
		top: 1.7rem;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}

	.prod-top-nav.on {
		top: 0;
		background-color: #ffffff;
	}

	.prod-top-nav.on2 {
		top: 1.5rem;
		background: #fff;
	}

	.prod-top-nav .prod-top-wrap {
		padding: 0 .3rem;
		justify-content: space-between;
		align-items: center;
	}

	.prod-top-nav .nav-box {
		align-items: center;
	}

	.prod-top-nav .name {
		font-size: .28rem;
		color: #333;
		padding: .18rem 0;
	}

	.prod-top-nav.on .name {
		color: #333333;
	}

	.prod-top-nav .item {
		font-size: .24rem;
		color: #333;
		padding: .2rem;
		background: none;
	}

	.prod-top-nav.on .item {
		color: #333333;
	}

	.prod-top-nav .item.active {
		color: #00a7d3;
		background: none;
	}

	.prod-top-nav .link {
		display: inline-block;
		font-size: .24rem;
		color: #ffffff;
		text-align: center;
		background-color: #00a7d3;
		border-radius: .05rem;
		padding: 5px;
		margin-left: 10px;
	}

	.prod-deta .box {
		position: relative;
	}

	.prod-deta .suspen {
		position: absolute;
		width: 100%;
	}

	.d7000 .box_1 .suspen {
		top: 2.2rem;
		left: 0;
		width: 100%;
		padding: 0 .85rem;
	}

	.prod-deta .box .suspen .h1 {
		font-size: .48rem;
		color:#f3f2f2;
		font-weight: bold;
		margin-bottom: .4rem;
	}

	.prod-deta .box .suspen .text {
		font-size: .28rem;
		color: #f3f2f2;
		line-height: .44rem;
	}

	.d7000 .box_1 .suspen .h1 {
		font-size: .64rem;
		color: #5c5350;
		line-height: 1;
	}

	.d7000 .box_1 .suspen .text {
		font-size: .46rem;
		color: #5c5350;
		line-height: 1;
	}

	.m-product-page .box_2 .suspen {
		width: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.m-product-page .box_2 .play-but-icon {
		width: .55rem;
		margin: 0 auto;
		margin-bottom: .15rem;
	}

	.m-product-page .box_2 .suspen .h1 {
		font-size: .26rem;
		color: #eeeeee;
		margin-bottom: 0;
		font-weight: normal;
	}

	.d7000 .box_3 .suspen {
		top: .95rem;
		left: 0;
		width: 100%;
		padding: 0 .55rem;
		text-align: right;
	}

	.d7000 .box_3 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.d7000 .box_4 .suspen {
		bottom: 1.2rem;
		left: 0;
		width: 100%;
		padding: 0 .48rem;
		text-align: center;
	}

	.d7000 .box_4 .suspen .h1 {
		font-size: .4rem;
		color: #FFFFFF;
		margin-bottom: .25rem;
	}

	.d7000 .box_4 .suspen .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_5 .suspen {
		top: 1.25rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.d7000 .box_5 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.d7000 .box_5 .suspen .text {
		color: #ffffff;
		line-height: .46rem;
	}

	.d7000 .box_6 {
		background-color: #eceef1;
		padding-bottom: .55rem;
	}

	.d7000 .box_6 .text-box {
		padding: .9rem 0 .6rem;
		text-align: center;
	}

	.d7000 .box_6 .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .15rem;
	}

	.d7000 .box_6 .text {
		font-size: .28rem;
		color: #383838;
		line-height: .48rem;
	}

	.d7000 .box_6 .carousel {
		padding: 0 .7rem;
		text-align: center;
	}

	.d7000 .box_6 .img {
		border-radius: .3rem;
		overflow: hidden;
	}

	.d7000 .box_6 .swiper-pagination {
		position: static;
		display: inline-block;
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: #f5f5f5;
		font-size: 0;
		padding: .04rem .12rem;
	}

	.d7000 .box_6 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.d7000 .box_6 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.d7000 .box_7 .suspen {
		top: 1.05rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_7 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_7 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_8 .suspen {
		top: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_8 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_8 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_9 .suspen {
		bottom: 1.3rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_9 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_9 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_10 .suspen {
		bottom: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
		text-align: center;
	}

	.d7000 .box_10 .suspen .h1 {
		margin-bottom: .2rem;
	}

	.d7000 .box_10 .suspen .text {
		line-height: .48rem;
	}

	.d7000 .box_11 .suspen {
		top: 2.05rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
		text-align: center;
	}

	.d7000 .box_11 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_11 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.opti-acce {
		background-color: #ffffff;
		padding: 0 .4rem;
		padding-bottom: .45rem;
		text-align: center;
	}

	.opti-acce .h1 {
		font-size: .48rem;
		color: #333333;
		padding-top: .7rem;
		padding-bottom: .3rem;
		text-align: left;
	}

	.opti-acce .name {
		font-size: .24rem;
		color: #333333;
		margin-top: .3rem;
	}

	.opti-acce .swiper-pagination {
		position: static;
		display: inline-block;
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .65rem;
		background-color: #f5f5f5;
		font-size: 0;
		padding: .04rem .12rem;
	}

	.opti-acce .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.opti-acce .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.tech-para {
		padding-bottom: .95rem;
		background-size: cover;
		background-position: center center;
	}

	.tech-para .top-box {
		padding: .75rem 0;
		justify-content: space-between;
		align-items: center;
	}

	.tech-para .top-box .h1 {
		font-size: .48rem;
		color: #ffffff;
	}

	.tech-para .down-link {
		font-size: .26rem;
		color: #ffffff;
		padding: .18rem .55rem;
		border: 1px solid #ffffff;
		border-radius: .3rem;
	}

	.tech-para .list-box {
		flex-wrap: wrap;
	}

	.tech-para .column {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		margin-bottom: .75rem;
	}

	.tech-para .icon {
		width: 14%!important;
		margin-right: 0!important;
	}
	.tech-para table tr td span:nth-child(2){
	    width: 78%!important;
	    margin-left: 8%!important;
	}
	.tech-para table tr td strong span {
	    font-size: 16px!important;
	}

	.tech-para .text-box {
		width: calc(100% - .5rem);
	}

	.tech-para .name {
		font-size: .26rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .12rem;
	}

	.tech-para .data {
		font-size: .24rem;
		color: #d1d1d1;
		line-height: .36rem;
		word-wrap: break-word;
		word-break: normal;
	}

	.tech-para .text {
		font-size: .24rem;
		color: #f1f1f1;
		margin-top: .35rem;
	}

	.tech-para .text a {
		color: #00a7d3;
	}

	.d8000 .box_1 .suspen {
		top: 2.05rem;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
	}

	.d8000 .box_1 .suspen .h1 {
		color: #fefefe;
		margin-bottom: .45rem;
		font-weight: normal;
	}

	.d8000 .box_1 .suspen .flex {
		justify-content: space-between;
	}

	.d8000 .box_1 .suspen .l-h1 {
		font-size: 1.04rem;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box_1 .suspen .r-h1 {
		font-size: 1.04rem;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.d8000 .box_3 .suspen .text {
		color: #ffffff;
	}

	.d8000 .box_4 .suspen {
		bottom: auto;
		top: 1.05rem;
		text-align: left;
	}

	.d8000 .box_5 .suspen {
		top: 1.15rem;
	}

	.d8000 .box_6 .text-box {
		padding-left: .7rem;
		padding-right: .7rem;
	}

	.d8000 .box_7 .suspen {
		top: auto;
		bottom: .65rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
	}

	.d8000 .box_7 .suspen .h1 {
		color: #333333;
	}

	.d8000 .box_7 .suspen .text {
		color: #333333;
	}

	.d8000 .box_8 .suspen {
		top: auto;
		bottom: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
	}

	.d8000 .box_9 .suspen {
		top: 1.3rem;
		bottom: auto;
		text-align: center;
	}

	.d8000 .box_10 .suspen {
		text-align: left;
		padding: 0 .4rem;
	}

	.d8000 .box_10 .suspen .h1 {
		color: #ffffff;
	}

	.d8000 .box_10 .suspen .text {
		color: #ffffff;
	}

	.d8000 .box_11 {
		padding: 0 .3rem .8rem;
	}

	.d8000 .box_11 .text-box {
		padding: .9rem 0 .7rem;
		text-align: center;
	}

	.d8000 .box_11 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.d8000 .box_11 .text-box .text {
		font-size: .28rem;
		color: #333333;
		line-height: .48rem;
	}

	.d8000 .box_11 .img {
		border-radius: .3rem;
		overflow: hidden;
	}

	.d8000 .box_12 {
		padding-bottom: .6rem;
	}

	.d8000 .box_12 .text-box {
		padding: .65rem 1.1rem .5rem;
		text-align: center;
	}

	.d8000 .box_12 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.d8000 .box_12 .text-box .text {
		font-size: .28rem;
		color: #333333;
		line-height: .48rem;
	}

	.d8000 .box_12 .carousel {
		padding: 0 1.1rem;
	}

	.d8000 .box_12 .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin-top: .4rem;
	}

	.d8000 .box_12 .swiper-pagination {
		margin-top: .55rem;
	}

	.dt30 .box_1 .suspen {
		top: 2.25rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt30 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .35rem;
	}

	.dt30 .box_1 .suspen .h2 {
		font-size: .38rem;
		color: #ffffff;
	}

	.dt30 .box_3 .suspen {
		top: auto;
		bottom: 1rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
		text-align: left;
	}

	.dt30 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.dt30 .box_3 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_4 .suspen {
		top: auto;
		bottom: .6rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
	}

	.d7000 .box_4 .suspen .h1 {
		font-size: .4rem;
		color: #FFFFFF;
		margin-bottom: .25rem;
	}

	.d7000 .box_4 .suspen .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_4 .suspen .h1 {
		margin-bottom: .2rem;
	}

	.dt30 .box_5 .suspen {
		top: .95rem;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
	}

	.dt30 .box_5 .suspen .h1 {
		color: #333333;
	}

	.dt30 .box_5 .suspen .text {
		color: #333333;
	}

	.dt30 .box_6 {
		padding: 0;
	}

	.dt30 .box_6 .suspen {
		top: 1.2rem;
		bottom: auto;
		left: 0;
		width: 100%;
		padding: 0 .75rem;
		text-align: right;
	}

	.dt30 .box_6 .text-box {
		padding: 0;
		text-align: right;
	}

	.dt30 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .25rem;
	}

	.dt30 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_7 .suspen {
		top: 1.1rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.d7000 .box_7 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_7 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_7 .suspen .h1 {
		line-height: .7rem;
	}

	.dt30 .box_8 .suspen {
		padding: 0 .4rem;
		text-align: center;
	}

	.d7000 .box_8 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_8 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_8 .list-box {
		justify-content: space-around;
		margin-top: .7rem;
	}

	.dt30 .box_8 .icon {
		height: .44rem;
		margin-bottom: .12rem;
	}

	.dt30 .box_8 .icon img {
		height: 100%;
	}

	.dt30 .box_8 .name {
		font-size: .24rem;
		color: #c5dcfe;
	}

	.dt30 .box_9 .suspen {
		top: .75rem;
		bottom: 0;
		left: 0;
		padding: 0 .5rem;
		text-align: center;
	}

	.dt30 .box_9 .suspen .h1 {
		color: #333333;
		margin-bottom: .3rem;
	}

	.dt30 .box_9 .suspen .text {
		color: #333333;
	}

	.dt30 .box_9 .list-box {
		justify-content: space-around;
		margin-top: .45rem;
	}

	.dt30 .box_9 .column {
		position: relative;
		height: 1.7rem;
	}

	.dt30 .box_9 .column img {
		height: 100%;
	}

	.dt30 .box_9 .suspen2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: .1rem 0;
		padding-left: .15rem;
		justify-content: space-around;
		flex-direction: column;
	}

	.dt30 .box_9 .d_1 {
		font-size: .22rem;
		color: #666666;
	}

	.dt30 .box_9 .d_2 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
	}

	.dt30 .box_10 .suspen {
		top: 1.25rem;
		bottom: auto;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt30 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt30 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_11 {
		background-color: #eeeeee;
	}

	.dt30 .box_11 .text-box {
		padding: .8rem .45rem .9rem;
		text-align: center;
	}

	.dt30 .box_11 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.dt30 .box_11 .text-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.dt30 .box_11 .img-box {
		position: relative;
	}

	.dt30 .box_11 .column {
		position: absolute;
	}

	.dt30 .box_11 .img_1 {
		position: absolute;
		width: 5.5rem;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.dt30 .box_11 .icon {
		width: .78rem;
		margin: 0 auto;
	}

	.dt30 .box_11 .name {
		font-size: .2rem;
		color: #333333;
		margin-top: .1rem;
		text-align: center;
	}

	.dt30 .box_11 .column_1 {
		top: 22%;
		left: 2%;
	}

	.dt30 .box_11 .column_2 {
		top: 5%;
		left: 15.5%;
	}

	.dt30 .box_11 .column_3 {
		top: -5%;
		left: 35.5%;
	}

	.dt30 .box_11 .column_4 {
		top: -5%;
		right: 34%;
	}

	.dt30 .box_11 .column_5 {
		top: 5%;
		right: 14.5%;
	}

	.dt30 .box_11 .column_6 {
		top: 22%;
		right: 1%;
	}

	.dt40 .box_1 .suspen {
		top: 2.2rem;
		text-align: center;
	}

	.dt40 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .35rem;
	}

	.dt40 .box_1 .suspen .h2 {
		font-size: .38rem;
		color: #ffffff;
	}

	.dt40 .box_3 .suspen {
		top: .7rem;
		padding: 0 .65rem;
		text-align: left;
	}

	.dt40 .box_3 .suspen .h1 {
		margin-bottom: .25rem;
	}

	.dt40 .box_3 .list-box {
		text-align: center;
		margin-top: .5rem;
	}

	.dt40 .box_3 .column {
		margin-right: .5rem;
	}

	.dt40 .box_3 .icon {
		height: .5rem;
	}

	.dt40 .box_3 .icon img {
		height: 100%;
	}

	.dt40 .box_3 .name {
		font-size: .24rem;
		color: #333333;
		margin-top: .15rem;
	}

	.dt40 .box_4 {
		background-color: #252525;
	}

	.dt40 .box_4 .suspen {
		position: static;
		padding: 0 .65rem 1.5rem;
	}

	.dt40 .box_4 .text-box {
		padding: 1.2rem 0 .7rem;
	}

	.dt40 .box_4 .list-box {
		width: 80%;
		margin: 0 auto;
		justify-content: center;
	}

	.dt40 .box_4 .column {
		width: 50%;
	}

	.dt40 .box_4 .column:nth-child(2) {
		border-left: 1px dashed #f2f2f2;
	}

	.dt40 .box_4 .d_1 {
		font-size: .28rem;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.dt40 .box_4 .d_2 {
		font-size: .28rem;
		color: #ffffff;
	}

	.dt40 .box_5 .suspen {
		top: 1rem;
		padding: 0 .95rem;
	}

	.dt40 .box_6 {
		padding: 0;
	}

	.dt40 .box_6 .suspen {
		top: auto;
		bottom: .85rem;
		text-align: left;
		padding: 0 .4rem;
	}

	.dt40 .box_6 .suspen .text-box {
		text-align: left;
	}

	.dt40 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_7 .suspen {
		top: 1.2rem;
		text-align: center;
	}

	.dt40 .box_7 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.dt40 .box_8 .suspen {
		top: .9rem;
		text-align: center;
		padding: 0;
	}

	.dt40 .box_8 .text-box {
		padding: 0 .6rem;
	}

	.dt40 .box_8 .suspen .h1 {
		color: #333333;
	}

	.dt40 .box_8 .suspen .text {
		color: #333333;
	}

	.dt40 .box_8 .img-box {
		position: relative;
		margin-top: .75rem;
	}

	.dt40 .box_8 .column {
		position: absolute;
	}

	.dt40 .box_8 .icon {
		margin: 0 auto;
	}

	.dt40 .box_8 .name {
		font-size: .2rem;
		color: #36507b;
		margin-top: .1rem;
	}

	.dt40 .box_8 .column_1 .icon {
		width: .8rem;
	}

	.dt40 .box_8 .column_1 {
		top: 32%;
		left: 6%;
	}

	.dt40 .box_8 .column_2 .icon {
		width: .55rem;
	}

	.dt40 .box_8 .column_2 {
		top: 12%;
		right: 18%;
	}

	.dt40 .box_8 .column_3 .icon {
		width: .85rem;
	}

	.dt40 .box_8 .column_3 {
		top: 48%;
		left: 23%;
	}

	.dt40 .box_8 .column_4 .icon {
		width: .65rem;
	}

	.dt40 .box_8 .column_4 {
		top: 52%;
		left: 5%;
	}

	.dt40 .box_8 .column_5 .icon {
		width: .65rem;
	}

	.dt40 .box_8 .column_5 {
		top: 22%;
		right: 2%;
	}

	.dt40 .box_8 .column_6 .icon {
		width: .8rem;
	}

	.dt40 .box_8 .column_6 {
		top: 30%;
		right: 15%;
	}

	.dt40 .box_9 .suspen {
		top: 1.1rem;
		padding: 0 .45rem;
	}

	.dt40 .box_9 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .45rem;
	}

	.dt40 .box_9 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt40 .box_9 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt40 .box_10 .suspen {
		top: 1.05rem;
		bottom: auto;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt40 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_11 .suspen {
		top: .85rem;
		padding: 0 .7rem;
		text-align: left;
	}

	.dt40 .box_11 .suspen .h1 {
		margin-bottom: .25rem;
	}

	.dt40 .box_11 .list-box {
		margin-top: .5rem;
	}

	.dt40 .box_11 .column {
		margin-bottom: .55rem;
	}

	.dt40 .box_11 .d_1 {
		font-size: .26rem;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: .18rem;
	}

	.dt40 .box_11 .d_2 {
		font-size: .24rem;
		color: #ffffff;
	}

	.dt40 .box_12 .suspen {
		top: 1.2rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_12 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_13 .suspen {
		top: 1.05rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_13 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt40 .box_13 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_14 .suspen {
		top: .8rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_14 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt40 .box_14 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_1 .suspen {
		top: 2.25rem;
		padding: 0 .7rem;
	}

	.dt50 .box_1 .suspen .h1 {
		font-size: .6rem;
		color: #fffefe;
		margin-bottom: .35rem;
	}

	.dt50 .box_1 .suspen .h2 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
	}

	.dt50 .box_3 .suspen {
		top: 1rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.dt50 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.dt50 .box_3 .list-box {
		margin-top: .95rem;
	}

	.dt50 .box_3 .column {
		margin-bottom: .85rem;
	}

	.dt50 .box_3 .text_1 {
		font-size: .34rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .2rem;
		background: linear-gradient(to right, #8f69fc, #4743ff);
		-webkit-background-clip: text;
		color: transparent;
	}

	.dt50 .box_3 .text_2 {
		font-size: .28rem;
		color: #ffffff;
	}

	.dt50 .box_4 .suspen {
		top: .8rem;
		padding: 0 1.05rem;
	}

	.dt50 .box_5 .suspen {
		top: 1rem;
		text-align: left;
	}

	.dt50 .box_5 .suspen .h1 {
		font-size: .4rem;
		color: #333333;
		margin-bottom: .25rem;
	}

	.dt50 .box_5 .suspen .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.yingliang {
		text-align: left;
		position: relative;
		margin-top: .3rem;
	}

	.yingliang li {
		width: .9rem;
		height: .6rem;
		float: left;
	}

	.yingliang li span {
		height: .3rem;
		background: #008617;
		width: .02rem;
		margin: 0 .02rem;
		display: inline-block;
		vertical-align: -webkit-baseline-middle;
		animation: yingliang 1s infinite;
		-webkit-animation: yingliang 1s infinite;
	}

	.yingliang li span:nth-child(1) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}

	.yingliang li span:nth-child(2) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(3) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(4) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(5) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(6) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(7) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}

	.yingliang li span:nth-child(8) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.yingliang li span:nth-child(9) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	.yingliang li span:nth-child(10) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}

	.yingliang li span:nth-child(11) {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}

	.yingliang li span:nth-child(12) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}

	.yingliang li span:nth-child(13) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}

	@keyframes yingliang {
		0% {
			height: 0px;
		}

		50% {
			height: 30px;
		}

		100% {
			height: 0px;
		}
	}

	@-webkit-keyframes yingliang {
		0% {
			height: 0px;
		}

		50% {
			height: 30px;
		}

		100% {
			height: 0px;
		}
	}

	.yingliang i {
		float: left;
		width: .2rem;
		height: .2rem;
		margin-top: .1rem;
		background: url("../images/pro_left.html") no-repeat;
		background-size: 90%;
		font-style: normal;
		font-size: .3rem;
	}

	.dt50 .box_6 {
		padding: 0;
	}

	.dt50 .box_6 .suspen {
		top: .6rem;
		text-align: center;
		padding: 0 1.25rem;
	}

	.dt50 .box_6 .suspen .text-box {
		padding: 0;
	}

	.dt50 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt50 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_6 .list-box {
		margin-top: .3rem;
		justify-content: center;
	}

	.dt50 .box_6 .column {
		margin: 0 .5rem;
	}

	.dt50 .box_6 .icon {
		margin: 0 auto;
		margin-bottom: .15rem;
	}

	.dt50 .box_6 .column:nth-child(1) .icon {
		width: .75rem;
	}

	.dt50 .box_6 .column:nth-child(2) .icon {
		width: .55rem;
	}

	.dt50 .box_6 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.dt50 .box_7 .suspen {
		top: auto;
		bottom: .75rem;
		padding: 0 .5rem;
	}

	.dt50 .box_7 .suspen .h1 {
		color: #333333;
		margin-top: .6rem;
		margin-bottom: .3rem;
	}

	.dt50 .box_7 .suspen .text {
		color: #333333;
	}

	.dt50 .box_7 .batt {
		position: relative;
		display: inline-block;
		width: .5rem;
	}

	.dt50 .box_7 .line-box {
		position: absolute;
		top: .08rem;
		left: .03rem;
		font-size: 0;
	}

	.dt50 .box_7 .line-box span {
		display: inline-block;
		height: .17rem;
		background: #008617;
		width: .04rem;
		margin: auto .02rem;
		animation: chongdian 1s infinite normal;
		-webkit-animation: chongdian 1s infinite normal;
	}

	@-webkit-keyframes chongdian {
		from {
			opacity: 0;
		}

		to {
			opacity: 1.0;
		}
	}

	@keyframes chongdian {
		from {
			opacity: 0;
		}

		to {
			opacity: 1.0;
		}
	}

	.dt50 .box_7 .line-box span.xu9 {
		animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
	}

	.dt50 .box_7 .line-box span.xu8 {
		animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
	}

	.dt50 .box_7 .line-box span.xu7 {
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}

	.dt50 .box_7 .line-box span.xu6 {
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}

	.dt50 .box_7 .line-box span.xu5 {
		animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
	}

	.dt50 .box_7 .line-box span.xu4 {
		animation-delay: 0.8s;
		-webkit-animation-delay: 0.8s;
	}

	.dt50 .box_7 .line-box span.xu3 {
		animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;
	}

	.dt50 .box_7 .line-box span.xu2 {
		animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
	}

	.dt50 .box_7 .line-box span.xu1 {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}

	.dt50 .box_7 .time {
		position: relative;
		display: inline-block;
		width: .4rem;
	}

	.dt50 .box_7 .poin-box span {
		height: .02rem;
		background: #008617;
		width: .12rem;
		border-radius: 1rem;
		position: absolute;
		left: 17.5%;
		top: 48.8%;
		transform-origin: 100% 0 0;
	}

	.dt50 .box_7 .poin-box span:nth-child(1) {
		animation: daiji 3s infinite;
	}

	.dt50 .box_7 .poin-box span:nth-child(2) {
		animation: daiji 6s infinite;
	}

	.dt50 .box_7 .column {
		margin-bottom: .4rem;
	}

	.dt50 .box_7 .name {
		font-size: .24rem;
		color: #383838;
		margin-top: .15rem;
	}

	@keyframes daiji {
		from {
			-ms-transform: rotate(0);
			-moz-transform: rotate(0);
			-webkit-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
		}

		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	.dt50 .box_8 .suspen {
		top: .64rem;
		bottom: auto;
	}

	.dt50 .box_8 .suspen .h1 {
		line-height: .8rem;
		margin-bottom: .7rem;
	}

	.dt50 .box_8 .list-box {
		justify-content: space-between;
	}

	.dt50 .box_8 .column {
		position: relative;
		width: 33.33%;
	}

	.dt50 .box_8 .column::before {
		position: absolute;
		content: "";
		width: .02rem;
		height: 80%;
		top: 10%;
		right: 0;
		background-color: #535353;
	}

	.dt50 .box_8 .column:last-child::before {
		display: none;
	}

	.dt50 .box_8 .text_2 {
		text-align: center;
	}

	.dt50 .box_8 .column:nth-child(1) .text_2 {
		display: inline-block;
	}

	.dt50 .box_8 .d_1 {
		font-size: .5rem;
		color: #f0f0f0;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.dt50 .box_8 .d_2 {
		font-size: .24rem;
		color: #e9e9e9;
	}

	.dt50 .box_8 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .45rem;
	}

	.dt50 .box_8 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt50 .box_8 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt50 .box_9 .suspen {
		bottom: .8rem;
		padding: 0 .4rem;
	}

	.dt50 .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.dt50 .box_10 .suspen {
		top: 1rem;
		bottom: auto;
		padding: 0 .45rem;
		text-align: left;
	}

	.dt50 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt50 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_10 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .65rem;
	}

	.dt50 .box_10 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt50 .box_10 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt50 .box_11 .suspen {
		top: .8rem;
		padding: 0 .3rem;
	}

	.dt50 .box_11 .suspen .h1 {
		color: #333333;
		margin-bottom: .3rem;
	}

	.dt50 .box_11 .suspen .text {
		color: #333333;
	}

	.dt50 .box_12 {
		background-size: cover;
		background-position: center center;
		padding: 0 .6rem .1rem;
	}

	.dt50 .box_12 .text-box {
		padding: 1.05rem 0 .75rem;
		text-align: center;
	}

	.dt50 .box_12 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		margin-bottom: .35rem;
	}

	.dt50 .box_12 .text-box .text {
		font-size: .24rem;
		color: #383838;
		line-height: .44rem;
	}

	.dt50 .box_12 .column {
		margin-bottom: .8rem;
		text-align: center;
	}

	.dt50 .box_12 .icon {
		width: 1.25rem;
		margin: 0 auto;
		margin-bottom: .2rem;
	}

	.i9000s .box_1 .suspen {
		top: 2.4rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.i9000s .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .4rem;
	}

	.i9000s .box_1 .suspen .text {
		font-size: .38rem;
		color: #ffffff;
	}

	.i9000s .box_3 {
		padding-bottom: .15rem;
		background-color: #25252b;
	}

	.i9000s .box_3 .suspen {
		position: static;
		padding: 0 .3rem;
	}

	.i9000s .box_3 .text-box {
		padding: .75rem 0 .55rem;
		text-align: left;
	}

	.i9000s .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.i9000s .box_3 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_3 .column {
		text-align: center;
		margin-bottom: .3rem;
	}

	.i9000s .box_3 .name {
		font-size: .2rem;
		color: #ffffff;
		font-weight: bold;
		margin-top: .2rem;
	}

	.i9000s .box_4 .suspen {
		top: .95rem;
		bottom: 0;
	}

	.i9000s .box_4 .suspen .h1 {
		font-size: .48rem;
		color: #d0dcf8;
		margin-bottom: 1.1rem;
		background: linear-gradient(#d8e4ff, #c1ceed);
		-webkit-background-clip: text;
		color: transparent;
	}

	.i9000s .box_4 .column {
		margin-bottom: 1.4rem;
	}

	.i9000s .box_4 .icon {
		height: .6rem;
		margin-bottom: .3rem;
	}

	.i9000s .box_4 .icon img {
		height: 100%;
	}

	.i9000s .box_4 .name {
		font-size: .28rem;
		color: #d9e4fc;
	}

	.i9000s .box_5 .suspen {
		top: 1rem;
		padding: 0 .4rem;
	}

	.i9000s .box_5 .text-box {
		text-align: left;
		margin-bottom: .4rem;
	}

	.i9000s .box_5 .column {
		margin-right: .9rem;
		text-align: center;
	}

	.i9000s .box_5 .icon {
		height: .52rem;
		margin-bottom: .1rem;
	}

	.i9000s .box_5 .icon img {
		height: 100%;
	}

	.i9000s .box_5 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9000s .box_6 {
		padding: 0;
	}

	.i9000s .box_6 .suspen {
		top: .8rem;
		bottom: auto;
	}

	.i9000s .box_6 .text-box {
		padding: 0;
	}

	.i9000s .box_6 .suspen .h1 {
		font-size: .4rem;
		color: #ffffff;
		margin-bottom: .75rem;
	}

	.i9000s .box_6 .column {
		margin-bottom: .65rem;
	}

	.i9000s .box_6 .icon {
		height: .52rem;
		margin-bottom: .25rem;
	}

	.i9000s .box_6 .icon img {
		height: 100%;
	}

	.i9000s .box_6 .name {
		font-size: .28rem;
		color: #ffffff;
	}

	.i9000s .box_7 .suspen {
		top: 1rem;
		padding: 0 .75rem;
	}

	.i9000s .box_7 .suspen .h1 {
		color: #ffffff;
		background: linear-gradient(#7f92bb, #5b6c93);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: .3rem;
	}

	.i9000s .box_7 .suspen .text {
		color: #495981;
	}

	.i9000s .box_8 .suspen {
		top: 1.15rem;
		padding: 0 1.1rem;
		text-align: center;
	}

	.i9000s .box_8 .icon {
		height: .52rem;
		justify-content: center;
		align-items: center;
		margin-top: .55rem;
	}

	.i9000s .box_8 .icon img {
		height: 100%;
	}

	.i9000s .box_9 .suspen {
		top: 1.1rem;
		bottom: auto;
		padding: 0 .4rem;
	}

	.i9000s .box_9 .text-box {
		text-align: right;
	}

	.i9000s .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.i9000s .box_9 .list-box {
		flex-direction: row-reverse;
		align-items: center;
		flex-wrap: wrap;
		margin-top: .55rem;
	}

	.i9000s .box_9 .column {
		width: 33.33%;
		margin-bottom: .45rem;
	}

	.i9000s .box_9 .icon-box {
		display: inline-block;
		text-align: center;
	}

	.i9000s .box_9 .icon {
		height: .36rem;
		margin-bottom: .15rem;
	}

	.i9000s .box_9 .icon img {
		height: 100%;
	}

	.i9000s .box_9 .name {
		font-size: .2rem;
		color: #ffffff;
	}

	.i9000s .box_10 .suspen {
		top: .85rem;
		padding: 0 .6rem;
	}

	.i9000s .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .4rem;
	}

	.i9000s .box_10 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_11 .suspen {
		top: .8rem;
		padding: 0 .5rem;
	}

	.i9000s .box_11 .suspen .h1 {
		margin-bottom: .35rem;
	}

	.i9000s .box_12 .suspen {
		top: 1.2rem;
		padding: 0 .6rem;
		text-align: center;
	}

	.i9000s .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.i9000s .box_12 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_12 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .5rem;
	}

	.i9000s .box_12 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.i9000s .box_12 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.i9100 .box_1 .suspen {
		top: 2.25rem;
		padding: 0 .3rem;
		text-align: center;
	}

	.i9100 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #333333;
		margin-bottom: .3rem;
	}

	.i9100 .box_1 .suspen .text {
		font-size: .38rem;
		color: #333333;
	}

	.i9100 .box_3 .suspen {
		top: .75rem;
		padding: 0 .3rem;
		text-align: center;
	}

	.i9100 .box_3 .suspen .h1 {
		color: #f56d53;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: 1.1rem;
	}

	.i9100 .box_3 .column {
		margin-bottom: 1.1rem;
	}

	.i9100 .box_3 .icon {
		height: .6rem;
		margin-bottom: .3rem;
	}

	.i9100 .box_3 .icon img {
		height: 100%;
	}

	.i9100 .box_3 .name {
		font-size: .28rem;
		color: #f56d53;
	}

	.i9100 .box_4 .suspen {
		top: 1rem;
		bottom: auto;
		padding: 0 .5rem;
		text-align: left;
	}

	.i9100 .box_4 .suspen .h1 {
		font-size: .48rem;
		margin-bottom: .3rem;
	}

	.i9100 .box_4 .suspen .text {
		font-size: .28rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.i9100 .box_4 .list-box {
		margin-top: .65rem;
	}

	.i9100 .box_4 .column {
		margin-right: .7rem;
	}

	.i9100 .box_4 .icon {
		height: .53rem;
		margin-bottom: .2rem;
	}

	.i9100 .box_4 .icon img {
		height: 100%;
	}

	.i9100 .box_4 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9100 .box_4 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .6rem;
	}

	.i9100 .box_4 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.i9100 .box_4 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.i9100 .box_5 .suspen {
		top: 1.7rem;
	}

	.i9100 .box_5 .suspen .h1 {
		margin-bottom: .15rem;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_5 .suspen .text {
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_6 {
		padding: 0;
	}

	.i9100 .box_6 .suspen {
		top: 1rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.i9100 .box_6 .text-box {
		padding: 0;
	}

	.i9100 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.i9100 .box_6 .suspen .text {
		color: #ffffff;
	}

	.i9100 .box_7 .suspen {
		top: 1.2rem;
		padding: 0 .75rem;
	}

	.i9100 .box_7 .suspen .h1 {
		color: #f56d53;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: .3rem;
	}

	.i9100 .box_7 .suspen .text {
		color: #f56d53;
	}

	.i9100 .box_7 .list-box {
		margin-top: .45rem;
	}

	.i9100 .box_7 .column {
		text-align: center;
		margin-right: .55rem;
	}

	.i9100 .box_7 .icon {
		height: .4rem;
		margin-bottom: .15rem;
	}

	.i9100 .box_7 .icon img {
		height: 100%;
	}

	.i9100 .box_7 .name {
		font-size: .24rem;
		color: #f56d53;
	}

	.i9100 .box_8 .suspen {
		top: 1.05rem;
		text-align: center;
		padding: 0 1.1rem;
	}

	.i9100 .box_8 .suspen .h1 {
		line-height: .7rem;
		margin-bottom: .75rem;
	}

	.i9100 .box_8 .list-box {
		justify-content: space-between;
	}

	.i9100 .box_8 .icon {
		height: .52rem;
		margin-bottom: .25rem;
	}

	.i9100 .box_8 .icon img {
		height: 100%;
	}

	.i9100 .box_8 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9100 .box_9 .suspen {
		top: 1.65rem;
		bottom: auto;
		padding: 0 .75rem;
	}

	.i9100 .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.i9100 .box_10 .suspen {
		top: .8rem;
		bottom: auto;
		padding: 0 .4rem;
	}

	.i9100 .box_10 .suspen .h1 {
		color: #ffffff;
	}

	.i9100 .box_10 .suspen .text {
		color: #ffffff;
	}

	.i9100 .box_11 .suspen {
		top: 1rem;
		padding: 0;
	}

	.i9100 .box_11 .suspen .h1 {
		padding: 0 .5rem;
		margin-bottom: .6rem;
	}

	.i9100 .box_11 .nav {
		display: inline-block;
		font-size: 0;
		text-align: center;
		border-bottom: 1px solid #959595;
		margin-bottom: .95rem;
	}

	.i9100 .box_11 .item {
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding: .29rem .02rem;
		font-size: .3rem;
		color: #959595;
		margin-right: .48rem;
	}

	.i9100 .box_11 .item:last-child {
		margin-right: 0;
	}

	.i9100 .box_11 .item.on {
		color: #ffffff;
	}

	.i9100 .box_11 .item.on::before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ffffff;
	}

	.i9100 .box_11 .column {
		display: none;
	}

	.i9100 .box_11 .column.on {
		display: block;
	}

	.i9100 .box_11 .column .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .44rem;
		padding: 0 1.05rem;
		text-align: left;
		margin-top: .25rem;
	}

	.i9100 .box_12 .suspen {
		top: .65rem;
		bottom: auto;
		padding: 0 .6rem;
		text-align: center;
	}

	.i9100 .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_12 .suspen .text {
		color: #ffffff;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_12 .list-box {
		justify-content: center;
		margin-top: .4rem;
	}

	.i9100 .box_12 .column {
		margin: 0 .4rem;
	}

	.i9100 .box_12 .icon {
		height: .46rem;
		margin-bottom: .1rem;
	}

	.i9100 .box_12 .icon img {
		height: 100%;
	}

	.i9100 .box_12 .name {
		font-size: .24rem;
		color: #ffffff;
	}


	/* problem */

	.m-problem-page {
		background-color: #f5f5f5;
	}

	.problem {
		padding: .58rem 0 1.08rem;
	}
	
	.problem-list .column {
		padding: .35rem .25rem .35rem .15rem;
		background-color: #ffffff;
		border-radius: .3rem;
		align-items: center;
		margin-bottom: .45rem;
	}

	.problem-list .text-box {
		width: calc(100% - 1.25rem);
	}

	.problem-list .ask {
		padding-bottom: .19rem;
		border-bottom: .01rem dashed #e5e5e5;
	}

	.problem-list .ask-icon {
		width: .46rem;
		height: .46rem;
		margin-right: .35rem;
		background-image: url(../images/icon25.jpg);
		background-size: cover;
	}

	.problem-list .h1 {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		line-height: .46rem;
		width: calc(100% - .81rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.problem-list .answer {
		padding-top: .22rem;
	}

	.problem-list .answer-icon {
		width: .32rem;
		height: .32rem;
		margin-left: .16rem;
		margin-right: .32rem;
		background-image: url(../images/icon26.jpg);
		background-size: cover;
	}

	.problem-list .text {
		width: calc(100% - .8rem);
		font-size: .24rem;
		color: #666666;
		line-height: .32rem;
		height: .32rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.problem-list .icon {
		width: .45rem;
		height: .45rem;
		margin-left: .8rem;
		background-image: url(../images/icon27.jpg);
		background-size: cover;
		background-position: center center;
	}

	.problem .title{
		margin-bottom: .4rem;
	}

	.problem .title .h1{
		font-size: .36rem;
		padding-bottom: .2rem;
	}
	
	.problem .input-text{
		height: .8rem;
		border-radius: .4rem;
		font-size: .28rem;
		padding: 0 1.5rem 0 .2rem;
	}
	
	.problem .input-text::-webkit-input-placeholder{
		font-size: .28rem;
	}
	
	.problem .btn-submit{
		width: 1.4rem;
		height: .8rem;
		border-radius: .4rem;
		font-size: .28rem;
	}
	
	.m-problem-page .nav-page {
		margin-top: 1.03rem;
	}

	.nav-page .item {
		display: inline-block;
		vertical-align: top;
		font-size: .2rem;
		color: #bfbfbf;
		width: .72rem;
		height: .55rem;
		line-height: .53rem;
		border: 0.01rem solid #bfbfbf;
		margin: 0 .13rem;
		border-radius: .05rem;
	}

	.nav-page .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}

	.nav-page .prev,
	.nav-page .next {
		width: 1.27rem;
	}

	.problem-list .column.on .text {
		height: auto;
	}

	.problem-list .column.on .icon {
		background-image: url(../images/icon28.jpg);
	}


	/* case */

	.case {
		padding: .57rem 0 1.18rem;
		background-color: #eeeeee;
	}

	.case-list .column {
		margin-bottom: .4rem;
	}

	.case-list .top-box {
		align-items: center;
		margin-bottom: .55rem;
	}

	.case-list .icon {
		width: 1.75rem;
		border-right: 0.01rem solid #1b1b1b;
		margin-right: .4rem;
	}

	.case-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.case-list .text-box {
		background-color: #ffffff;
		padding: .5rem .3rem .55rem;
		position: relative;
	}

	.case-list .line {
		display: inline-block;
		vertical-align: top;
		width: .6rem;
		height: 0.01rem;
		background-color: #777777;
		margin-bottom: .55rem;
	}

	.case-list .h1 {
		font-size: .28rem;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: .28rem;
	}

	.case-list .text {
		font-size: .24rem;
		color: #777777;
		;
		line-height: .42rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.case-list .more {
		display: inline-block;
		vertical-align: top;
		margin-top: .56rem;
	}

	.case-list .text-box::before {
		position: absolute;
		content: "";
		top: -.22rem;
		left: 4.5%;
		width: .39rem;
		height: .22rem;
		background-image: url(../images/icon32.png);
		background-size: cover;
	}

	.case .nav-page {
		margin-top: 0.73rem;
	}

	.case-detail {
		padding-bottom: .9rem;
	}

	.case-detail .title {
		padding: .8rem 0;
		text-align: center;
	}

	.case-detail .title .h1 {
		font-size: .38rem;
		color: #333333;
		font-weight: bold;
	}

	.case-detail .text {
		font-size: .26rem;
		color: #666666;
		line-height: .5rem;
	}

	.case-detail .text .h1 {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .1rem;
	}

	.rela-prod-link {
		padding: .78rem 0 .65rem 0;
		border-bottom: 0.01rem solid #eeeeee;
	}

	.rela-prod-link .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.rela-prod-link .link {
		font-size: .3rem;
		color: #00a7d2;
	}

	.prev-next {
		margin-top: .8rem;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.prev-next .item {
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .2rem;
		color: #666666;
		margin: 0 .23rem;
		background-color: #eeeeee;
	}

	.prev-next .icon-item {
		width: .6rem;
		background-image: url(../images/icon33.jpg);
		background-size: cover;
	}


	/* service */

	.m-service-page .title {
		text-align: center;
	}

	.m-service-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.purpose {
		background-size: cover;
		background-position: bottom center;
		padding-bottom: .74rem;
	}

	.purpose .title {
		padding: .73rem 0 .5rem;
	}

	.purpose .text {
		font-size: .28rem;
		color: #333333;
		line-height: .54rem;
		text-align: center;
	}

	.modus {
		background-color: #f3f3f3;
		padding-bottom: .7rem;
	}

	.modus .title {
		padding: .9rem 0 .6rem;
	}

	.cont .title {
		padding: 0.1rem 0 .6rem;
	}

	.modus .modus-swiper {
		border-radius: .3rem;
		overflow: hidden;
	}

	.modus .swiper-pagination {
		position: static;
		margin-top: .3rem;
	}

	.modus .swiper-pagination-bullet {
		margin: 0 .06rem;
	}

	.modus .box {
		text-align: center;
		background-color: #ffffff;
		padding: .35rem .5rem;
	}

	.modus .icon {
		width: 1.3rem;
		height: 1.3rem;
		border-radius: 50%;
		border: 0.01rem solid #99dced;
		padding: .1rem;
		margin: 0 auto;
	}

	.modus .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .5rem 0 .25rem;
	}

	.modus .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		min-height: 1.84rem;
	}

	.m-service-page .cont .title {
		padding: .7rem 0 .55rem;
	}

	.cont-list {
		border-top: 0.01rem solid #e5e5e5;
		padding-bottom: .7rem;
	}

	.cont-list .column {
		padding: 0;
		border: 0.01rem solid #e5e5e5;
		position: relative;
		text-align: center;
		border-top: 0;
	}

	.cont-list .column:nth-child(2n) {
		border-left: 0;
	}

	.cont-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		padding-top: .52rem;
	}

	.cont-list .icon {
		width: .7rem;
		margin: 0 auto;
	}

	.cont-list .h1 {
		font-size: .24rem;
		color: #333333;
		margin-top: .35rem;
	}

	.m-service-page .support {
		background-color: #f3f3f3;
		padding-bottom: .7rem;
	}

	.support .title {
		padding: .75rem 0 .7rem;
	}

	.supp-list .column {
		background-color: #ffffff;
		border-radius: .15rem;
		margin-bottom: .4rem;
		padding: .38rem .33rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.supp-list .h1 {
		font-size: .28rem;
		color: #333333;
		margin-bottom: .27rem;
	}

	.supp-list .line {
		display: inline-block;
		vertical-align: middle;
		width: 0.04rem;
		height: .25rem;
		background-color: #00a7d3;
		margin-right: .1rem;
	}

	.supp-list .text {
		padding-left: .14rem;
		font-size: .24rem;
		color: #777777;
		line-height: .4rem;
	}

	.supp-list .img {
		width: .8rem;
	}

	.m-service-page .policy {
		padding-bottom: .3rem;
	}

	.policy .title {
		padding: .9rem 0 .45rem;
	}

	.poli-list .column {
		background-color: #f3f3f3;
		padding: .35rem .8rem .4rem;
		border-radius: .3rem;
		text-align: center;
		margin-bottom: .2rem;
	}

	.poli-list .icon {
		width: .75rem;
		margin: 0 auto;
	}

	.poli-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .45rem 0 .1rem;
	}

	.poli-list .text {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.poli-list .more {
		font-size: .2rem;
		color: #666666;
		margin-top: .45rem;
	}

	.sort-nav {
		position: relative;
		justify-content: center;
		border-bottom: 1px solid #e5e5e5;
		background-color: #f8f8f8;
		overflow-x: auto;
		transition: all .3s;
		z-index: 9;
	}

	.sort-nav.on {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}

	.sort-nav.on2 {
		position: fixed;
		top: 1.01rem;
		left: 0;
		width: 100%;
		margin: 0;
		border-top: 1px solid #e5e5e5;
	}

	.sort-nav::-webkit-scrollbar {
		display: none;
	}

	.sort-nav a {
		font-size: .28rem;
		color: #666666;
		line-height: .9rem;
		padding: 0 .35rem;
		position: relative;

	}

	.sort-nav a.on {
		color: #14abd2;
	}

	.sort-nav a.on::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		background-color: #00a7d4;
		left: 0;
		bottom: 0;
	}

	.serv-form {
		margin: .85rem 0 1rem;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	}

	.serv-form .search {
		height: .86rem;
		border-radius: .1rem 0 0 .1rem;
	}

	.serv-form .submit {
		width: 1.9rem;
		height: .86rem;
		font-size: .24rem;
		color: #ffffff;
		background-color: #779ff6;
		border-radius: 0 .1rem .1rem 0;
	}

	.flow-box {
		padding-bottom: 1.1rem;
		line-height: 2.0;
	}

	.flow-box .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		padding: .6rem 0 .5rem;
		text-align: center;
	}

	.flow-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .46rem;
	}

	.flow-box .h2 {
		font-size: .28rem;
		color: #333333;
		line-height: .62rem;
		font-weight: bold;
		display: block;
	}

	.flow-box .color {
		color: #14abd2;
	}

	.sales-box {
		padding-bottom: .45rem;
	}

	.sales-box .title {
		padding: .45rem 0 .5rem;
	}

	.sales-list .column {
		border: 1px solid #e6e6e6;
		margin-bottom: .3rem;
	}

	.sales-list .h1 {
		font-size: .26rem;
		color: #14abd2;
		font-weight: bold;
		padding: .24rem 1rem;
		background-image: url(../images/icon92.jpg);
		background-size: .27rem auto;
		background-position: .5rem center;
		background-repeat: no-repeat;
		border-bottom: 1px dashed #eeeeee;
	}

	.sales-list .text {
		padding: .1rem .55rem .2rem;
		font-size: .22rem;
		color: #666666;
		line-height: .54rem;
	}

	.secu-box {
		background-color: #f7f7f7;
		padding-bottom: .5rem;
	}

	.secu-box .title {
		padding: .45rem 0 0.5rem 0.45rem;
	}

	.secu-box .column {
		background-color: #ffffff;
		margin-bottom: .2rem;
		padding: .25rem .85rem;
		align-items: center;
	}

	.secu-box .icon {
		width: .82rem;
		margin-right: .75rem;
	}

	.secu-box .column .h1 {
		font-size: .28rem;
		color: #333333;
	}


	/* about */

	.about-banner .container-fluid {
		padding: 0 .3rem;
	}

	.m-about-page .intr {
		font-size: .26rem;
		color: #333333;
		line-height: .5rem;
		padding: .55rem 0 .8rem;
	}

	.intr .font {
		font-size: .28rem;
		font-weight: bold;
	}

	.intr .video {
		position: relative;
	}

	.intr .icon-play {
		position: absolute;
		width: .8rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.m-about-page .title {
		text-align: center;
	}

	.m-about-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.m-about-page .title .h2 {
		font-size: .28rem;
		color: #666666;
	}

	.m-about-page .mile {
		background-size: cover;
		background-position: center center;
		padding-bottom: 1rem;
	}

	.mile .title {
		padding: .85rem 0 .73rem;
	}

	.mile .title .h1 {
		color: #ffffff;
	}

	.mile .title .h2 {
		color: #ffffff;
	}

	.mile .carousel {
		padding: 30px 0;
	}

	.mile-swiper {
		height: 250px;
	}

	.mile-swiper .text {
		position: relative;
		font-size: .22rem;
		color: #ffffff;
		line-height: 50px;
		padding-left: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mile-swiper .text::after {
		position: absolute;
		content: "";
		top: 19px;
		left: 2px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #ffffff;
	}

	.mile-swiper .text::before {
		position: absolute;
		content: "";
		top: 0;
		left: 8px;
		width: .02rem;
		height: 50px;
		background-color: #ffffff;
	}

	.mile-swiper .years-box .text {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
	}

	.mile-swiper .years-box .text::after {
		width: 16px;
		height: 16px;
		top: 17px;
		left: 0;
	}


	.carousel_1 .years {
		display: block;
		font-size: .26rem;
		color: #bebebe;
		text-align: center;
	}

	.carousel_1 .swiper-slide-active .years {
		color: #ffffff;
	}

	.mile .swiper-button-prev,
	.mile .swiper-button-next {
		width: .22rem;
		height: .4rem;
		background-size: cover;
		margin-top: -.1rem;
		z-index: 2;
	}

	.mile .swiper-button-prev {
		background-image: url(../images/icon50.png);
		top: 0;
		left: 4px;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.mile .swiper-button-next {
		background-image: url(../images/icon51.png);
		top: auto;
		left: 4px;
		bottom: 0;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.mile .title-years {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
		margin: .95rem 0 .85rem;
	}

	.carousel_2 {
		margin-right: -.3rem;
	}


	/* .carousel_2 .swiper-slide {
        width: 33.33%;
    } */

	.carousel_2 .box {
		flex-direction: column;
	}

	.carousel_2 .icon-box {
		position: relative;
	}

	.carousel_2 .icon {
		display: block;
		width: .15rem;
		height: .15rem;
		border-radius: 50%;
		background-color: #ffffff;
	}

	.carousel_2 .icon-box::before {
		position: absolute;
		content: "";
		width: calc(100% - .15rem);
		height: 0.01rem;
		top: 50%;
		left: .15rem;
		background-color: #ffffff;
	}

	.carousel_2 .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .46rem;
		padding-bottom: .28rem;
	}

	.carousel_2 .swiper-slide:nth-child(2n) .text {
		padding: 0;
		padding-top: .28rem;
	}

	.carousel_2 .swiper-wrapper {
		display: flex;
		align-items: center;
	}

	.m-about-page .honor {
		background-color: #eeeeee;
		padding-bottom: .6rem;
	}

	.honor .title {
		padding: .85rem 0 .73rem;
	}

	.carousel_3 {
		padding: 0 .5rem;
		position: relative;
		margin-bottom: .65rem;
	}

	.carousel_3 .swiper-button-prev,
	.carousel_3 .swiper-button-next {
		width: .31rem;
		height: .31rem;
		background-size: cover;
		background-position: center center;
		top: .1rem;
		margin-top: 0;
	}

	.carousel_3 .swiper-button-prev {
		background-image: url(../images/icon52.png);
		left: 0;
	}

	.carousel_3 .swiper-button-next {
		background-image: url(../images/icon53.png);
		right: 0;
	}

	.honor-swiper_1 .swiper-slide {
		text-align: center;
	}

	.honor-swiper_1 .swiper-slide::before {
		position: absolute;
		content: "";
		width: 100%;
		left: 0;
		top: 22%;
		border-bottom: 1px dashed #bfbfbf;
		z-index: 0;
	}

	.honor-swiper_1 .icon {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 1px solid #888888;
		margin: 0 auto;
		position: relative;
	}

	.honor-swiper_1 .icon::after {
		position: absolute;
		content: "";
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #888888;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.honor-swiper_1 .years {
		font-size: .26rem;
		color: #888888;
		font-weight: bold;
		margin-top: .32rem;
		display: block;
	}

	.honor-swiper_1 .swiper-slide-active .icon {
		border: 1px solid #00a7d3;
	}

	.honor-swiper_1 .swiper-slide-active .icon::after {
		background-color: #00a7d3;
	}

	.honor-swiper_1 .swiper-slide-active .years {
		color: #333333;
	}

	.honor-swiper_2 .honor-list {
		background-color: #eeeeee;
		padding-bottom: .3rem;
	}

	.honor-list .column {
		font-size: .26rem;
		color: #666666;
		line-height: .36rem;
		margin-bottom: .33rem;
	}

	.honor-list .column.on {
		color: #00a7d3;
	}

	.honor-swiper_2 .img-list .column {
		display: none;
	}

	.honor-swiper_2 .img-list .column.on {
		display: block;
	}

	.layout {
		padding-bottom: .8rem;
	}

	.layout .title {
		padding: .85rem 0 .75rem;
	}
	
	.layout .mark {
		justify-content: center;
		padding: 0;
		background: none;
		margin: .7rem 0 .55rem;
	}

	.layout .column {
		margin-top:.4rem;
	}
	
	.layout .column2{
		margin-bottom: .3rem;
	}
	
	.layout .column2 .top{
		font-size: .28rem;
		color: #00a7d3;
		font-weight: bold;
		font-family: arial;
		margin-bottom: .1rem;
	}
	
	.layout .column2 .number{
		display: inline-block;
		font-size: .4rem;
		margin-right: .1rem;
	}
	
	.layout .column2 .text{
		font-size: .24rem;
		color: #333333;
	}

	.layout .mark .icon {
		display: inline-block;
		width: .14rem;
		height: .14rem;
		border-radius: 50%;
		margin-right: .1rem;
	}

	.layout .text-box .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .3rem;
	}

	.layout .text-box .font {
		font-size: .32rem;
	}

	.layout .addr {
		margin-bottom: .4rem;
	}

	.layout .addr .column {
		font-size: .26rem;
		color: #333333;
		line-height: .32rem;
		margin-bottom: .24rem;
	}

	.layout .addr .icon {
		width: .3rem;
		margin-right: .15rem;
	}

	.layout .addr .text {
		width: calc(100% - .45rem);
	}

	.layout .bran .text {
		font-size: .26rem;
		color: #333333;
		line-height: .46rem;
	}

	.partner {
		background-color: #f4f4f4;
		padding-bottom: .45rem;
	}

	.partner .title {
		padding: .85rem 0 .55rem;
	}

	.partner .carousel {
		position: relative;
	}

	.partner-swiper .box {
		text-align: center;
		margin-bottom: .2rem;
		padding: .2rem;
	}

	.partner .swiper-pagination {
		position: static;
		margin-top: .35rem;
	}

	.partner .swiper-pagination-bullet {
		margin: 0 .11rem;
		width: .15rem;
		height: .15rem;
		background-color: #d2d2d2;
		opacity: 1;
	}

	.partner .swiper-pagination-bullet-active {
		background-color: #ffffff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	}

	.futu-layo {
		padding-bottom: .37rem;
	}

	.futu-layo .title {
		padding: .85rem 0 .55rem;
	}

	.futu-list .column {
		text-align: center;
		margin-bottom: .5rem;
	}

	.futu-list .icon {
		width: 1.4rem;
		margin: 0 auto;
	}

	.futu-list .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .25rem 0 .2rem;
	}

	.futu-list .text {
		font-size: .24rem;
		color: #333333;
		line-height: .38rem;
	}


	/* solution */

	.solution {
		padding-bottom: .8rem;
		background-color: #f2f2f2;
	}

	.solu-list {
		margin-top: .4rem;
	}

	.solu-list .column {
		background-color: #ffffff;
		margin-bottom: .3rem;
	}

	.solu-list .img {
		position: relative;
	}

	.solu-list .suspen {
		display: none;
		position: absolute;
		height: .7rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.solu-list .suspen img {
		max-height: 100%;
	}

	.solu-list .text-box {
		text-align: center;
		padding: .4rem .3rem 1rem;
		position: relative;
	}

	.solu-list .name {
		width: 100%;
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.solu-list .words {
		font-size: .24rem;
		color: #333333;
		line-height: .92rem;
	}

	.solu-list .more {
		position: absolute;
		right: 50%;
		bottom: .25rem;
		font-size: .18rem;
		color: #00a7d3;
		width: 1.6rem;
		line-height: .68rem;
		text-align: center;
		border: 1px solid #00a7d3;
		border-radius: .26rem;
		margin-right: -.8rem;
	}

	.solu_2 {
		padding-bottom: 0;
	}

	.m-solution-page .title {
		text-align: center;
	}

	.m-solution-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-solution-page .title .h2 {
		font-size: .28rem;
		color: #666666;
		line-height: .48rem;
	}

	.retail {
		padding-bottom: .4rem;
	}

	.retail .title {
		padding: .8rem 0 .5rem;
	}

	.retai-list .column {
		padding: 0;
		padding-right: .15rem;
		margin-bottom: .3rem;
	}

	.retai-list .column:nth-child(2n) {
		padding: 0;
		padding-left: .15rem;
	}

	.retai-list .text-box {
		padding: .3rem;
		background-color: #ffffff;
		text-align: center
	}

	.retai-list .name {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
	}

	.story {
		padding-bottom: .6rem;
	}

	.story .title {
		padding: .6rem 0;
	}

	.story-list .column {
		margin-bottom: .4rem;
		position: relative;
	}

	.story-list .text-box {
		background-color: #ffffff;
		padding: .35rem .2rem .4rem;
	}

	.story-list .h1 {
		font-size: .34rem;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 80%;
		margin-bottom: .3rem;
	}

	.story-list .text {
		font-size: .24rem;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.story-list .icon {
		position: absolute;
		width: .27rem;
		height: .21rem;
		background-image: url(../images/icon70.png);
		background-size: cover;
		background-position: center center;
		bottom: 1rem;
		right: .3rem;
	}

	.solu_2 .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto 0;
		border-radius: .4rem;
	}

	.rela-prod {
		padding-bottom: 1rem;
		background-color: #ffffff;
	}

	.rela-prod .title {
		padding: .75rem 0 .6rem;
	}

	.rela-prod .swiper-slide {
		width: 4.47rem;
		margin-right: .4rem;
	}

	.rela-prod .img {
		border: 0.01rem solid #e5e5e5;
		text-align: center;
	}

	.rela-prod .img img {
		max-height: 2.65rem;
	}

	.rela-prod .text-box {
		border: 0.01rem solid #e5e5e5;
		border-top: 0;
		padding: .4rem .25rem;
	}

	.rela-prod .text-box .h2 {
		font-size: .22rem;
		color: #999999;
		margin-bottom: .2rem;
	}

	.rela-prod .text-box .h1 {
		font-size: .3rem;
		color: #333333;
		margin-bottom: .5rem;
	}

	.rela-prod .more {
		width: 1.44rem;
		height: .48rem;
		line-height: .48rem;
		font-size: .2rem;
		color: #ffffff;
		background-color: #00a7d3;
		text-align: center;
	}

	.sear-cont {
		padding-bottom: .65rem;
	}

	.sear-cont .title {
		padding: .55rem 0 .45rem;
	}

	.sear-cont .title .h2 {
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.sear-cont .title .icon {
		width: .2rem;
		height: .02rem;
		background-color: #666666;
		margin: 0 auto;
	}

	.sear-cont .form {
		padding: 0 .65rem;
	}

	.sear-cont .box {
		width: 100%;
		height: .66rem;
		border: 0.02rem solid #e5e5e5;
		border-radius: .33rem;
		background-color: #ffffff;
		padding: 0.06rem .56rem;
		align-items: center;
	}

	.sear-cont .text {
		width: calc(100% - .32rem);
		height: .5rem;
	}

	.sear-cont .submit {
		width: .32rem;
		height: .32rem;
		font-size: 0;
		background-image: url(../images/icon71.jpg);
		background-size: cover;
		background-position: center center;
	}

	.solu_3 {
		padding-bottom: 0;
	}

	.shel {
		padding-bottom: .6rem;
	}

	.shel .title {
		padding: .8rem 0 .65rem;
	}

	.shel-list .column {
		margin-bottom: .4rem;
		background-color: #ffffff;
		padding: .35rem .35rem .45rem;
	}

	.shel-list .icon {
		width: 1.3rem;
		margin: 0 auto;
	}

	.shel-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .38rem 0 .27rem;
		text-align: center;
	}

	.shel-list .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
	}

	.rela-scen {
		background-color: #ffffff;
		padding-bottom: .5rem;
	}

	.rela-scen .title {
		padding: .8rem 0 .5rem;
	}

	.scene-swiper .swiper-slide {
		width: 5.39rem;
		margin-right: .4rem;
	}

	.rela-scen .text-box {
		background-color: #f9f9f9;
		padding: .45rem .3rem;
		text-align: center;
	}

	.rela-scen .name {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.rela-scen .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.rela-scen .swiper-pagination {
		position: static;
		margin-top: .5rem;
	}

	.rela-scen .swiper-pagination-bullet {
		opacity: 1;
		width: .17rem;
		height: .17rem;
		border: 0.01rem solid #00a7d4;
		background: none;
		margin: 0 0.06rem;
	}

	.rela-scen .swiper-pagination-bullet-active {
		background-color: #00a7d4;
	}

	.m-solution-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto 0;
		border-radius: .4rem;
	}


	/* contact */

	.contact-banner .suspen {
		padding: 0 .31rem;
	}

	.m-contact-page .addr-box {
		padding-top: .57rem;
	}

	.addr-box .h1 {
		font-size: .44rem;
		color: #00a7d3;
		font-weight: bold;
		padding-bottom: .34rem;
		border-bottom: 0.02rem solid #ececec;
		margin-bottom: .45rem;
	}

	.addr-box .phone {
		align-items: center;
		margin-bottom: .6rem;
	}

	.addr-box .phone .icon {
		width: .44rem;
		margin-left: .18rem;
	}

	.total .column {
		padding: 0;
		margin-bottom: .45rem;
	}

	.total .icon {
		width: .33rem;
		margin-right: .17rem;
		margin-top: .08rem;
	}

	.total .text {
		font-size: .26rem;
		color: #333333;
		line-height: .48rem;
		width: calc(100% - .5rem);
	}

	.addr-box .map {
		margin-bottom: .5rem;
	}

	.bran {
		padding-bottom: .5rem;
		font-size: 0;
	}

	.bran .column {
		padding: .45rem .25rem;
		background-color: #f5f5f5;
		border-radius: .2rem;
		margin-bottom: .25rem;
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
		margin-right: 3%;
		background-image: url(../images/img56.jpg);
		background-size: 2.25rem auto;
		background-position: 80% 90%;
		background-repeat: no-repeat;
	}

	.bran .column:nth-child(2n) {
		margin-right: 0;
	}

	.bran .icon {
		display: inline-block;
		width: .33rem;
		height: .33rem;
		background-image: url(../images/icon79.png);
		background-size: cover;
		background-position: center center;
		margin-bottom: .25rem;
	}

	.bran .name {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.bran .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		height: 1.84rem;
	}

	.feed-box {
		background-color: #f5f5f5;
		padding-bottom: 1.1rem;
	}

	.feed-box .h1 {
		padding: .65rem 0;
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.feed-box .form-group {
		margin-bottom: .45rem;
	}

	.feed-box .name {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .25rem;
	}

	.feed-box .red {
		color: #f01616;
	}

	.feed-box .btn {
		padding: 0;
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		border-radius: 0;
	}

	.feed-box .btn_1 {
		color: #ffffff;
		background-color: #00a7d3;
		margin-right: .2rem;
	}

	.feed-box .btn_2 {
		color: #ffffff;
		background-color: #535353;
	}


	/* strength */

	.strength-banner .suspen {
		padding: 0 .31rem;
	}

	.m-strength-page .title {
		text-align: center;
	}

	.m-strength-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-strength-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.deve-box {
		padding-bottom: 1.3rem;
	}

	.deve-box .title {
		padding: .85rem 0 .6rem;
	}

	.deve-box .box {
		text-align: center;
		padding: 0;
	}

	.deve-box .icon {
		width: 1.3rem;
		margin: 0 auto;
	}

	.deve-box .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .28rem 0 .26rem;
	}

	.deve-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .4rem;
	}

	.deve-box .btn-arrow {
		width: .31rem;
		height: .31rem;
		margin-top: -.15rem;
		background-size: cover;
	}

	.deve-box .swiper-button-prev {
		background-image: url(../images/icon52.png);
		left: 0;
	}

	.deve-box .swiper-button-next {
		background-image: url(../images/icon53.png);
		right: 0;
	}

	.inno-box {
		background-color: #f8f8f8;
		padding-bottom: .75rem;
	}

	.inno-box .title {
		padding: .85rem 0;
	}

	.inno-box .carousel {
		margin-bottom: .9rem;
	}

	.inno-box .icon {
		margin-bottom: .2rem;
	}

	.inno-box .text {
		font-size: .28rem;
		line-height: .48rem;
		white-space: normal;
	}

	.inno-box .data-box {
		padding: .8rem 0;
		background-size: cover;
	}

	.inno-box .column {
		width: 50%;
		text-align: center;
		padding: .23rem 0 .1rem 0;
	}

	.inno-box .column:nth-child(2) {
		border-left: 0.01rem dashed #a2a5a7;
	}

	.inno-box .top {
		font-size: .6rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .4rem;
	}

	.inno-box .text_2 {
		font-size: .24rem;
		color: #ffffff;
	}

	.quali-box {
		padding-bottom: .2rem;
	}

	.quali-box .title {
		padding: .85rem 0 .7rem;
	}

	.quali-list .column {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: .45rem;
		background-color: #f8f8f8;
		background-image: url(../images/img59.jpg);
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
		padding: .45rem .3rem;
	}

	.quali-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.quali-list .icon {
		width: .64rem;
	}

	.quali-list .name {
		font-size: .28rem;
		color: #00081d;
		font-weight: bold;
		margin: .42rem 0 .17rem;
	}

	.quali-list .text {
		font-size: .24rem;
		color: #333333;
		line-height: .38rem;
		min-height: 1.14rem;
	}

	.manu-box {
		padding-bottom: .95rem;
		background-color: #f8f8f8;
	}

	.manu-box .title {
		padding: .85rem 0 .55rem;
	}

	.manu-box .img {
		margin-bottom: .43rem;
	}

	.manu-box .sort-box {
		padding-bottom: .37rem;
	}

	.manu-box .sort-box .column {
		font-size: .28rem;
		color: #333333;
		margin-bottom: .48rem;
	}

	.manu-box .data-box .column {
		text-align: center;
	}

	.manu-box .data-box .number-box {
		font-size: .6rem;
		color: #00a7d3;
		font-weight: bold;
		margin-bottom: .35rem;
	}

	.manu-box .data-box .text {
		font-size: .24rem;
		color: #333333;
	}


	/* recru */

	.recru-banner .suspen {
		padding: 0 .31rem;
	}

	.m-recru-page .title {
		text-align: center;
	}

	.m-recru-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-recru-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.recru-box .title {
		padding: .85rem 0 .55rem;
	}

	.recru-form {
		margin-bottom: .68rem;
		box-shadow: 0 8px 10px rgba(243, 243, 243, .5);
	}

	.recru-form .search {
		border-radius: 0;
		border: 0.01rem solid #f3f3f3;
		border-right: 0;
		height: .88rem;
	}

	.recru-form .submit {
		border-radius: 0;
		width: 1.4rem;
		height: .88rem;
		font-size: .26rem;
		color: #ffffff;
		background-color: #00a7d3;
	}

	.recru-box {
		padding-bottom: .45rem;
	}

	.recru-box .sort-nav {
		padding-bottom: .15rem;
	}

	.recru-box .sort-column {
		margin-bottom: .4rem;
	}

	.recru-box .sort-column .name {
		font-size: .26rem;
		color: #666666;
		line-height: .56rem;
		width: 30%;
	}

	.recru-box .sort-column .nav {
		flex-wrap: wrap;
		width: 70%;
		font-size: 0;
	}

	.recru-box .sort-column a {
		font-size: .26rem;
		color: #333333;
		line-height: .56rem;
		width: 33.33%;
	}

	.recru-box .sort-column a.on {
		color: #14abd2;
	}

	.post-list .post-column {
		border: 0.01rem solid #dcdcdc;
		margin-bottom: .5rem;
		line-height: 1.5;
		padding: .45rem .32rem .4rem;
	}

	.post-list .name {
		font-size: .28rem;
		color: #14abd2;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.post-list .text {
		font-size: .22rem;
		color: #333333;
		line-height: .5rem;
		height: 3.5rem;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
	}

	.post-list .text_2 {
		font-size: .22rem;
		color: #666666;
		line-height: .4rem;
		height: 1.6rem;
		overflow: hidden;
	}

	.post-list .name_2 {
		display: block;
		color: #333333;
	}

	.post-list .btn-box {
		margin-top: .45rem;
	}

	.post-list .btn {
		font-size: .24rem;
		color: #ffffff;
		background-color: #14abd2;
		margin-right: .2rem;
		width: 1.9rem;
		height: .62rem;
		line-height: .62rem;
		padding: 0;
		border-radius: 0;
		border: 0;
	}

	.post-list .post-column.on .text {
		height: auto;
	}

	.m-recru-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto .15rem;
		border-radius: .4rem;
	}

	.camp-recru .title {
		padding: .85rem 0;
	}

	.camp-recru .title .h1 {
		display: inline-block;
		color: #3f84ee;
		background-image: url(../images/icon107.png), url(../mobile/icon108.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
		background-size: auto .44rem;
		padding: 0 1.2rem;
		margin-bottom: 0;
	}

	.hot-post-box {
		padding-bottom: 1.65rem;
		background-size: 100% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.hot-post-box .video {
		position: relative;
		margin-top: .85rem;
		overflow: hidden;
		border-radius: .2rem;
	}

	.hot-post-box .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.hot-post-box .suspen .icon {
		width: 1rem;
		margin: 0 auto;
	}

	.hot-post-box .suspen .name {
		font-size: .28rem;
		color: #ffffff;
		margin-top: .3rem;
	}

	.hot-post-list .column {
		padding: 0;
		padding-right: .15rem;
		text-align: center;
		background-color: #f0f5ff;
		border-radius: .15rem;
		padding: .55rem .1rem;
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 10px;
	}

	.hot-post-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.hot-post-list .icon {
		width: 1.6rem;
		height: 1.6rem;
		align-items: center;
		margin: 0 auto;
		justify-content: center;
		border-radius: 50%;
		background-color: #ffffff;
		box-shadow: 0 4px 10px rgba(20, 80, 170, 0.23);
	}

	.hot-post-list .icon .img {
		width: .6rem;
	}

	.hot-post-list .name {
		font-size: .3rem;
		color: #00225e;
		margin: .55rem 0 .2rem;
	}

	.hot-post-list .wages {
		font-size: .28rem;
		color: #307ef4;
		margin-bottom: .5rem;
	}

	.hot-post-list .but {
		width: 2.42rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
		color: #ffffff;
		display: inline-block;
		background-image: url(../images/icon109.png);
		background-size: 100% auto;
	}

	.hot-post-box .more {
		display: block;
		width: 3.33rem;
		height: .69rem;
		line-height: .69rem;
		background-image: url(../images/icon110.png);
		background-size: 100% auto;
		padding-right: .3rem;
		text-align: center;
		font-size: .24rem;
		color: #ffffff;
		margin: 0 auto;
		margin-top: .7rem;
	}

	.circu-box {
		padding-bottom: 1.55rem;
		background-size: cover;
	}

	.circu-box .title {
		padding: .8rem 0 .75rem;
	}

	.circu-box .title .h1 {
		background-image: url(../images/icon111.png), url(../mobile/icon112.png);
		color: #ffffff;
	}

	.circu-box .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .56rem;
		margin-bottom: 1.05rem;
	}

	.circu-list .column {
		justify-content: space-between;
		text-align: center;
		margin-bottom: .85rem;
		position: relative;
	}

	.circu-list .column::before {
		position: absolute;
		content: "";
		width: 1px;
		height: .53rem;
		background-color: rgba(255, 255, 255, .66);
		top: 110%;
		right: 1rem;
	}

	.circu-list .column .box:nth-child(2n)::before {
		position: absolute;
		content: "";
		width: .83rem;
		height: 1px;
		background-color: rgba(255, 255, 255, .66);
		top: .9rem;
		left: 50%;
		margin-left: -.42rem;
	}

	.circu-list .column:nth-child(2n)::before {
		position: absolute;
		content: "";
		width: 1px;
		height: .53rem;
		background-color: rgba(255, 255, 255, .66);
		top: 110%;
		left: 1rem;
	}

	.circu-list .column:last-child::before {
		display: none;
	}

	.circu-list .img-icon {
		width: 2rem;
		margin: 0 auto;
	}

	.circu-list .dots {
		width: .11rem;
		height: .11rem;
		background-color: #bad4fb;
		display: inline-block;
		border-radius: 50%;
		margin: .25rem 0 .05rem;
	}

	.circu-list .text_2 {
		font-size: .26rem;
		color: #ffffff;
		line-height: .46rem;
	}

	.stroke-box {
		padding-bottom: .2rem;
	}

	.stroke-box .title {
		padding: .8rem 0 .65rem;
	}

	.stroke-box .img {
		width: 1.7rem;
		margin-bottom: .2rem;
	}

	.stroke-box .column {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
		padding-bottom: .5rem;
		padding-left: .4rem;
		position: relative;
	}

	.stroke-box .column:last-child {
		margin-bottom: 0;
	}

	.stroke-box .column::after {
		position: absolute;
		content: "";
		top: .15rem;
		left: .1rem;
		width: .1rem;
		height: .1rem;
		border-radius: 50%;
		background-color: #307ef4;
	}

	.stroke-box .column::before {
		position: absolute;
		content: "";
		top: .25rem;
		left: .14rem;
		width: 1px;
		height: 100%;
		background-color: #307ef4;
	}

	.stroke-box .column:last-child::before {
		display: none;
	}

	.stroke-box .arrow-btn {
		width: .4rem;
		height: .4rem;
		margin-top: -.2rem;
		background-size: cover;
		background-position: center center;
	}

	.stroke-box .swiper-button-prev {
		background-image: url(../images/icon52.png);
		left: 0;
	}

	.stroke-box .swiper-button-next {
		background-image: url(../images/icon53.png);
		right: 0;
	}

	.welfare-box {
		background-size: cover;
		padding-bottom: .9rem;
	}

	.welfare-box .title {
		padding: .9rem 0 .65rem;
	}

	.welfare-box .title .h1 {
		background-image: url(../images/icon111.png), url(../mobile/icon112.png);
		color: #ffffff;
	}

	.welfare-list .column {
		background-color: #ffffff;
		border-radius: .2rem;
		margin-bottom: .3rem;
		padding: .35rem .35rem .8rem;
		text-align: center;
	}

	.welfare-list .column .icon {
		width: .9rem;
		margin: 0 auto;
	}

	.welfare-list .name {
		font-size: .3rem;
		color: #3f84ee;
		font-weight: bold;
		margin: .35rem 0 .2rem;
	}

	.welfare-list .text {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
	}

	.welfare-list .last_column {
		font-size: 0;
		padding: .8rem .35rem 0;
	}

	.welfare-list .column_2 {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-bottom: .65rem;
	}

	.welfare-list .column_2 .name {
		font-size: .26rem;
		color: #333333;
		margin-top: .25rem;
	}

	.develo-box {
		padding-bottom: .7rem;
	}

	.develo-box .title {
		padding: .85rem 0 .7rem;
	}

	.develo-box .text {
		font-size: .26rem;
		color: #333333;
		line-height: .48rem;
		text-align: center;
	}

	.develo-box .bot-box {
		margin-top: .6rem;
	}

	.plan-box {
		position: relative;
	}

	.plan-box .h1 {
		font-size: .26rem;
		color: #ffffff;
		font-weight: bold;
		position: absolute;
		top: 12.5%;
		left: 8%;
	}

	.plan-box .suspen {
		position: absolute;
		top: 22%;
		left: 7%;
		width: 80%;
		height: 76%;
		overflow-y: auto;
	}

	.plan-box .column {
		margin-bottom: .6rem;
	}

	.plan-box .column:last-child {
		margin-bottom: 0;
	}

	.plan-box .h2 {
		font-size: .24rem;
		color: #333333;
		line-height: .5rem;
		display: inline-block;
		padding: 0 .25rem;
		margin-bottom: .17rem;
		background-color: #ffffff;
		border-radius: .1rem;
	}

	.plan-box .text_2 {
		font-size: .22rem;
		color: #ffffff;
		line-height: .42rem;
	}

	.plan-box .h3 {
		font-size: .26rem;
		display: block;
	}

	.activ-box {
		padding-bottom: .6rem;
	}

	.activ-box .img-list {
		font-size: 0;
	}

	.activ-box .column {
		display: inline-block;
		vertical-align: top;
		padding: .1rem;
		border-radius: .2rem;
		overflow: hidden;
		box-shadow: 3px 3px 10px rgba(20, 80, 170, .28);
		margin-bottom: .3rem;
	}

	.activ-box .column img {
		border-radius: .15rem;
	}

	.activ-box .column_2 {
		width: 49%;
		margin-right: 2%;
	}

	.activ-box .column_2:nth-child(3) {
		margin-right: 0;
	}

	.probl-box {
		padding-bottom: .9rem;
	}

	.probl-box .h1 {
		font-size: .33rem;
		color: #ffffff;
		font-weight: bold;
		padding: .55rem .3rem;
		background-size: cover;
		background-position: center center;
		margin-bottom: .6rem;
	}

	.probl-list .column {
		border-bottom: 1px solid #f2f0f0;
	}

	.probl-list .ask {
		padding: .2rem .5rem .2rem 0;
		background-image: url(../images/icon128.png);
		background-size: .26rem auto;
		background-position: right center;
		background-repeat: no-repeat;
		font-size: .28rem;
		color: #333333;
		line-height: .4rem;
	}

	.probl-list .column.on .ask {
		background-image: url(../images/icon129.png);
	}

	.probl-list .answer {
		font-size: .24rem;
		color: #666666;
		line-height: .4rem;
		padding-bottom: .15rem;
		display: none;
	}


	/* investor */

	.m-inves-page .title {
		text-align: center;
	}

	.m-inves-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.m-inves-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.direc-box {
		padding-bottom: .55rem;
		background-color: #f7f7f7;
	}

	.direc-box .title {
		padding: .35rem 0 .55rem;
	}

	.direc-list .column {
		background-color: #ffffff;
		padding-bottom: .3rem;
		margin-bottom: .3rem;
		border-radius: .2rem;
	}

	.direc-list .h1 {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		line-height: .75rem;
		padding: 0 .45rem;
		border-bottom: 1px solid #f4f4f4;
		position: relative;
	}

	.direc-list .h1::before {
		position: absolute;
		content: "";
		width: .05rem;
		height: .3rem;
		left: 0;
		top: 50%;
		margin-top: -.15rem;
		background-color: #14abd2;
	}

	.direc-list .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		padding: .25rem .45rem;
	}

	.direc-list .column .more {
		display: block;
		width: 1.6rem;
		height: .54rem;
		font-size: .24rem;
		color: #00a7d3;
		line-height: .52rem;
		text-align: center;
		margin: 0 auto;
		border: 1px solid #00a7d3;
		border-radius: .26rem;
	}

	.m-box .more-box .link-more,
	.m-inves-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .25rem auto 0;
		border-radius: .4rem;
	}

	.audit-box {
		background-color: #ffffff;
	}

	.audit-box .title {
		padding: .6rem 0 .55rem;
	}

	.audit-box .column {
		background-color: #f9f9f9;
	}

	.manag-box {
		padding-bottom: .75rem;
	}

	.manag-box .title {
		padding: .55rem 0;
	}

	.notice-list {
		padding: .6rem 0 .45rem;
	}

	.notice-list .column {
		margin-bottom: .75rem;
	}

	.notice-list .name {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
		padding: 0 .3rem;
		line-height: .8rem;
		background-color: #14abd2;
	}

	.notice-list .box .item {
		display: block;
		font-size: .24rem;
		color: #666666;
		line-height: .85rem;
		border-bottom: 1px solid #e5e5e5;
		padding-right: 10%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-image: url(../images/icon96.png);
		background-size: .34rem auto;
		background-position: 99% center;
		background-repeat: no-repeat;
	}

	.notice-list .nav {
		margin-top: .6rem;
		justify-content: flex-end;
	}

	.notice-list .nav .item {
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		color: #666666;
		background-color: #e8e8e8;
		text-align: center;
		line-height: .6rem;
		margin-left: .1rem;
	}

	.notice-list .nav .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}

	.inves-hot {
		margin-bottom: 1.1rem;
		box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
		background-color: #f5f5f5;
	}

	.inves-hot .text-box {
		padding: .55rem .45rem .6rem;
	}

	.inves-hot .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: 333333;
		margin-bottom: .3rem;
	}

	.inves-hot .line {
		display: block;
		width: .45rem;
		height: .02rem;
		background-color: #14abd2;
		margin-bottom: .5rem;
	}

	.hot-list .column {
		font-size: .28rem;
		color: #333333;
		line-height: .44rem;
		margin-bottom: .25rem;
	}

	.hot-list .icon {
		width: .33rem;
		margin-right: .3rem;
	}

	.hot-list .text {
		width: calc(100% - .63rem);
	}

	.hot-list .column.number .text {
		color: #00a7d3;
	}


	/* news */

	.news-banner .suspen {
		padding: 0 .31rem;
	}

	.news-box {
		padding: .6rem 0 .9rem;
	}

	.news-list .column {
		margin-bottom: .4rem;
	}

	.news-list .text-box {
		padding: .4rem 0;
		border-bottom: 1px solid #dcdcdc;
	}

	.news-list .date {
		font-size: .2rem;
		color: #909090;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.news-list .text {
		font-size: .28rem;
		color: #000000;
		line-height: .42rem;
		font-weight: bold;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.news-box .nav-page {
		margin-top: 1rem;
	}

	.news-detail {
		padding-bottom: .8rem;
	}

	.news-detail .title {
		padding: .7rem 0 .45rem;
		border-bottom: 1px solid #cccccc;
	}

	.news-detail .title .h1 {
		font-size: .38rem;
		color: #14abd2;
		line-height: .6rem;
		font-weight: bold;
		margin-bottom: .35rem;
	}

	.news-detail .date {
		font-size: .24rem;
		color: #888888;
		padding: 0 .4rem;
		background-image: url(../images/icon104.jpg);
		background-size: .27rem auto;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.news-detail .source {
		font-size: .24rem;
		color: #888888;
	}

	.news-detail .share {
		font-size: .24rem;
		color: #888888;
		align-items: center;
		margin-top: .25rem;
		padding-left: .4rem;
	}

	.news-detail .share .item {
		width: .33rem;
		margin: 0 .06rem;
	}

	.news-detail .text {
		font-size: .26rem;
		color: #666666;
		line-height: .5rem;
		padding: .4rem 0 1rem;
		border-bottom: 1px solid #cccccc;
	}


	/* software */

	.top-name {
		position: fixed;
		top: 1.02rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		z-index: 9;
		transition: all .5s;
	}

	.top-name.on {
		top: 0;
		background-color: #ffffff;
	}

	.top-name.on2 {
		border-top: 1px solid #f1f1f1;
		top: 1.01rem;
	}

	.top-name .name {
		font-size: .28rem;
		color: #ffffff;
		padding: .35rem 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	.top-name.on .name {
		color: #666666;
	}

	.software .box {
		position: relative;
	}

	.software .prod-top-nav .item {
		padding: .2rem .16rem;
	}

	.software .prod-top-nav .nav-box {
		display: none;
	}

	.software .prod-top-nav .nav-box.on {
		display: block;
	}

	.software .box_1 .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0 .3rem;
		padding-bottom: 1.1rem;
	}

	.software .box_1 .h1 {
		font-size: .76rem;
		color: #fefefe;
		font-weight: bold;
		margin-bottom: .35rem;
		text-align: center;
	}

	.software .box_1 .h2 {
		font-size: .34rem;
		color: #ffffff;
		margin-bottom: .65rem;
		text-align: center;
	}

	.software .box_1 .text {
		font-size: .24rem;
		color: #99aed6;
		line-height: .42rem;
	}

	.software .box_1 .more {
		display: block;
		width: 2.56rem;
		height: .84rem;
		line-height: .84rem;
		font-size: .26rem;
		color: #fefefe;
		text-align: center;
		background-color: #177fff;
		border-radius: .15rem;
		margin: 0 auto;
		margin-top: 1.05rem;
		padding-right: .15rem;
		background-image: url(../images/icon131.png);
		background-size: .14rem auto;
		background-position: 88% center;
		background-repeat: no-repeat;
	}

	.software .title {
		text-align: center;
	}

	.software .title .h1 {
		font-size: .44rem;
		color: #333333;
	}

	.software .title .h2 {
		font-size: .28rem;
		color: #333333;
	}

	.software .box_2 .title {
		padding: .65rem 0 0;
	}

	.software .box_2 .title .h1 {
		margin-bottom: .15rem;
	}

	.software .box_2 .column {
		margin-bottom: .7rem;
		text-align: center;
	}

	.software .box_2 .img {
		width: 2.15rem;
		margin: 0 auto;
	}

	.software .box_2 .name {
		font-size: .28rem;
		color: #373737;
		margin-top: .2rem;
	}

	.software .box_3 {
		padding: 0 .3rem .7rem;
		background-color: #dfe3f1;
	}

	.software .box_3 .title {
		padding: .7rem 0 .4rem;
	}

	.software .box_3 .text {
		font-size: .24rem;
		color: #666666;
		line-height: .38rem;
	}

	.software .box_4 .column {
		position: relative;
	}

	.software .box_4 .suspen {
		position: absolute;
		top: .7rem;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.software .box_4 .icon {
		width: 1.35rem;
		margin: 0 auto;
		margin-bottom: .5rem;
	}

	.software .box_4 .h1 {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .13rem;
	}

	.software .box_4 .h2 {
		font-size: .24rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.software .box_4 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .48rem;
	}

	.software .box_4 .column_2 .suspen {
		top: auto;
		bottom: .7rem;
		text-align: left;
		padding: 0 .5rem;
	}

	.software .box_4 .column_2 .top-box {
		align-items: center;
		margin-bottom: .6rem;
	}

	.software .box_4 .column_2 .icon {
		margin: 0;
		margin-right: .45rem;
	}

	.software .box_4 .column_2 .h2 {
		margin: 0;
	}

	.software .box_4 .column_3 .suspen {
		bottom: auto;
		top: .75rem;
	}

	.software .box_5 {
		padding-bottom: .85rem;
	}

	.software .box_5 .title {
		padding: .9rem 0 1.3rem;
	}

	.software .box_5 .title .h1 {
		margin-bottom: .4rem;
	}

	.software .box_5 .title .h2 {
		color: #666666;
		line-height: .46rem;
	}

	.software .box_5 .list-box {
		padding-right: .4rem;
	}

	.software .box_5 .column {
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		margin-bottom: 1.6rem;
	}

	.software .box_5 .column_2 {
		position: relative;
		width: 25%;
	}

	.software .box_5 .column_2::before {
		position: absolute;
		content: "";
		width: 1rem;
		height: .15rem;
		right: -30%;
		top: 7%;
		background-image: url(../images/icon135.jpg);
		background-size: 1rem auto;
		background-position: center center;
	}

	.software .box_5 .column_2:last-child::before {
		width: .56rem;
		height: 2.54rem;
		right: -2%;
		top: 15%;
		background-image: url(../images/icon136.jpg);
		background-size: cover;
	}

	.software .box_5 .down_column {
		justify-content: flex-end;
		margin-bottom: .95rem;
	}

	.software .box_5 .down_column .column {
		margin-bottom: 0;
	}

	.software .box_5 .down_column .column_2::before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	.software .box_5 .down_column .column_2:last-child::before {
		display: none;
	}

	.software .box_5 .column_3::after {
		position: absolute;
		content: "";
		width: 1rem;
		height: .15rem;
		right: 17%;
		top: -90%;
		background-image: url(../images/icon135.jpg);
		background-size: 1rem auto;
		background-position: center center;
		transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-o-transform: rotate(270deg);
	}

	.software .box_5 .number {
		font-size: .28rem;
		color: #367bf0;
	}

	.software .box_5 .name {
		font-size: .28rem;
		color: #666666;
		margin-top: .35rem;
	}

	.software .box_5 .text {
		font-size: .22rem;
		color: #999999;
		line-height: .34rem;
	}

	.software .box_6 .top-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.software .box_6 .title {
		padding: 1.15rem 0 .4rem;
	}

	.software .box_6 .title .h1 {
		color: #ffffff;
	}

	.software .box_6 .nav-box {
		white-space: nowrap;
		overflow-x: auto;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.software .box_6 .nav-box::-webkit-scrollbar {
		display: none;
	}

	.software .box_6 .item {
		font-size: .24rem;
		color: #a7b1ba;
		padding: .32rem .1rem;
		margin-right: .4rem;
		position: relative;
	}

	.software .box_6 .item:last-child {
		margin-right: 0;
	}

	.software .box_6 .item.on {
		color: #ffffff;
	}

	.software .box_6 .item.on::before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #ffffff;
	}

	.software .box_6 .column {
		position: relative;
	}

	.software .box_6 .column_2 {
		display: none;
		padding: 3.2rem .3rem .95rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_6 .column_2.on {
		display: block;
	}

	.software .box_6 .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .38rem;
		min-height: 1.14rem;
		text-align: center;
	}

	.software .box_6 .video-box {
		justify-content: space-around;
		margin-top: .76rem;
	}

	.software .box_6 .l-video {
		position: relative;
		width: 4.8rem;
	}

	.software .box_6 .r-video {
		position: relative;
		width: 1.25rem;
	}

	.software .box_6 .l-video .suspen-img,
	.software .box_6 .r-video .suspen-img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: cover;
		background-position: center center;
	}

	.software .box_6 .l-video .suspen-img {
		top: .16rem;
		left: 0.6rem;
		right: .6rem;
		bottom: .3rem;
	}

	.software .box_6 .r-video .suspen-img {
		top: .26rem;
		left: 0.11rem;
		right: .11rem;
		bottom: .26rem;
	}

	.software .box_6 .devi_column .l-video .suspen-img {
		top: .18rem;
		left: .15rem;
		right: .15rem;
		bottom: .54rem;
	}

	.software .box_6 .devi_column .column_2 {
		padding-bottom: 0;
	}

	.software .box_6 .devi_column .item {
		color: #dcdbdb;
	}

	.software .box_6 .devi_column .item.on {
		color: #ffffff;
	}

	.software .box_6 .devi_column .text {
		color: #fefefe;
	}

	.bigPicLayer {
		display: none;
		position: fixed;
		width: 94%;
		height: auto;
		top: 35% !important;
		z-index: 9;
	}

	.bigPicLayer .close {
		display: block;
		width: .5rem;
		height: .5rem;
		background: url(../images/m5_off52bc.png) no-repeat;
		right: 0;
		top: -15%;
		position: absolute;
		background-size: cover;
		z-index: 10;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 20px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.software .box_7 {
		padding-bottom: .8rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_7 .suspen {
		position: absolute;
		top: 0;
		left: 0;
	}

	.software .box_7 .title {
		padding: 1.3rem 0 1rem;
	}

	.software .box_7 .title .h1 {
		padding: 0 .6rem;
		color: #ffffff;
		text-align: left;
	}

	.software .box_7 .column {
		margin-bottom: .55rem;
	}

	.software .box_7 .icon img {
		height: .7rem;
	}

	.software .box_7 .name {
		font-size: .3rem;
		color: #fefefe;
		font-weight: bold;
		margin: .55rem 0 .2rem;
	}

	.software .box_7 .text {
		font-size: .26rem;
		color: #fefefe;
		line-height: .5rem;
	}

	.software .box_8 {
		padding-bottom: .35rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_8 .title {
		padding: 3.8rem .3rem .8rem;
	}

	.software .box_8 .title .h1 {
		margin-bottom: .4rem;
	}

	.software .box_8 .title .h2 {
		line-height: .48rem;
	}

	.software .box_8 .column {
		margin-bottom: .8rem;
		text-align: center;
	}

	.software .box_8 .icon img {
		height: .95rem;
	}

	.software .box_8 .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .3rem 0 .05rem;
	}

	.software .box_8 .text {
		font-size: .24rem;
		color: #666666;
		line-height: .54rem;
	}

	.software .box_9 .title {
		background-color: #f1f4f5;
		padding: .6rem .3rem .65rem;
	}

	.software .box_10 .suspen {
		position: absolute;
		left: 0;
		bottom: .45rem;
	}

	.software .box_10 .title {
		padding-bottom: .75rem;
	}

	.software .box_10 .title .h1 {
		font-size: .48rem;
		color: #ffffff;
		margin-bottom: .25rem;
	}

	.software .box_10 .title .h2 {
		font-size: .24rem;
		color: rgba(254, 254, 254, .5);
		line-height: .4rem;
	}

	.software .box_10 .list-box {
		border-radius: .2rem;
		overflow: hidden;
	}

	.software .box_10 .column {
		background-color: #ffffff;
		padding: .4rem .5rem;
	}

	.software .box_10 .icon-box {
		text-align: center;
	}

	.software .box_10 .icon {
		width: 1.44rem;
		margin: 0 auto;
	}

	.software .box_10 .name {
		font-size: .24rem;
		color: #333333;
		font-weight: bold;
		margin-top: .4rem;
	}

	.software .box_10 .text-box {
		width: calc(100% - 1.44rem);
		padding-left: .5rem;
	}

	.software .box_10 .column .h1 {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.software .box_10 .text {
		font-size: .23rem;
		color: #999999;
		line-height: .36rem;
	}

	.software .box_11 {
		background-color: #f7f7f7;
	}

	.software .box_11 .title {
		padding: 1.05rem 0 .45rem;
	}

	.software .box_11 .title .h1 {
		font-size: .48rem;
		margin-bottom: .45rem;
	}

	.software .box_11 .title .h2 {
		font-size: .28rem;
		color: #333333;
		line-height: .4rem;
		font-weight: bold;
	}

	.software .box_11 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
		text-align: center;
	}

	.software .box_11 .video-box {
		width: 3.16rem;
		margin: 0 auto;
		margin-top: 1rem;
	}

	.software .box_12 {
		background-color: #fbfbfb;
		padding-bottom: .6rem;
	}

	.software .box_12 .title {
		padding: .95rem 0 1.1rem;
	}

	.software .box_12 .title .h1 {
		font-size: .48rem;
		color: #111111;
		margin-bottom: .4rem;
	}

	.software .box_12 .title .h2 {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
	}

	.software .box_12 .list-box {
		padding: 0 .4rem;
	}

	.software .box_12 .column {
		margin-bottom: .75rem;
		align-items: center;
	}

	.software .box_12 .icon {
		width: 1rem;
	}

	.software .box_12 .text-box {
		width: calc(100% - 1rem);
		padding-left: .4rem;
	}

	.software .box_12 .name {
		font-size: .32rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .1rem;
	}

	.software .box_12 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
	}

	.container {
		width: 100%;
		padding: 0 15px;
	}

	.down-main .banner .suspen {
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		text-align: left;
		padding: 0;
	}

	.down-main .banner .suspen .h1 {
		font-size: .6rem;
		margin-bottom: .26rem;
	}

	.down-main .banner .suspen .h2 {
		font-size: .32rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.down-main .location {
		display: none;
	}

	.down-main .down-box {
		margin: .6rem 0 1.2rem;
	}

	.down-main .down-box .column {
		margin-bottom: .95rem;
	}

	.down-main .down-box .column:last-child {
		margin-bottom: 0;
	}

	.down-main .down-box .h1 {
		font-size: .3rem;
		margin-bottom: .25rem;
	}

	.down-main .down-box .text-box {
		margin-bottom: .35rem;
	}

	.down-main .down-box .text {
		font-size: .24rem;
		line-height: .42rem;
	}

	.down-main .down-box .more-box {
		margin-top: .2rem;
		padding-right: .33rem;
		background-size: .21rem auto;
	}

	.down-main .down-box .more {
		font-size: .22rem;
	}

	.down-main .down-box .column:hover .img::before {
		display: none;
	}
	
	.solution-page .banner .suspen {
		width: 100%;
		text-align: center;
	}
	.solu3 .intro {
		padding: .7rem .3rem .92rem;
		background-color: #f9f9f9;
	}
	.solu3 .intro .text {
		font-size: .22rem;
		color: #666666;
		line-height: .38rem;
		text-align: center;
	}
	.solu3 .title {
		text-align: center;
	}
	.solu3 .title .h1 {
		font-size: .38rem;
		color: #333333;
	}
	.solu3 .scenes {
		padding: .74rem .3rem .4rem;
	}
	.solu3 .scenes .title {
		margin-bottom: .55rem;
	}
	.scen-list .column {
		margin-bottom: .4rem;
	}
	.scen-list .text-box {
		padding: .5rem .33rem .4rem;
		border: 1px solid #e5e5e5;
	}
	.scen-list .h1 {
		font-size: .36rem;
		color: #333333;
		line-height: 1;
		font-weight: bold;
		margin-bottom: .35rem;
	}
	.scen-list .text {
		font-size: .3rem;
		color: #333333;
		line-height: 1.4;
	}
	.solu3 .case {
		padding: .72rem .3rem .5rem;
		background-color: #f9f9f9;
	}
	.solu3 .case .title {
		margin-bottom: .3rem;
	}
	.solu3 .case-list .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: .15rem
	}
	.solu3 .case-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.rela-prod2 {
		padding: .7rem .3rem .78rem;
	}
	.rela-prod2 .title {
		margin-bottom: .45rem;
	}
	.rela-prod2 .box {
		display: block;
		text-align: center;
		border: 1px solid #e5e5e5;
	}
	.rela-prod2 .text-box {
		padding: .3rem;
		border-top: 1px solid #e5e5e5;
	}
	.rela-prod2 .name {
		font-size: .24rem;
		color: #333333;
		margin-bottom: .15rem;
	}
	.rela-prod2 .text {
		font-size: .18rem;
		color: #999999;
	}
	.rela-prod2 .detail {
		display: none;
	}
	.solu3 .solu-list2 .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: .3rem;
	}
	.solu3 .app-solu {
		padding-bottom: .5rem;
		background-color: #f3f3f3;
	}
	.solu3 .solu-list2 .column:nth-child(2n) {
		margin-right: 0;
	}
	.solu3 .solu-list2 .suspen {
		display: none;
	}
	.solu3 .solu-list2 .h1 {
		padding: .35rem .35rem .4rem;
		background-color: #ffffff;
		font-size: .24rem;
		color: #313131;
		line-height: .34rem;
	}
	.solu3 .solu-list2 .number {
		display: block;
		font-size: .3rem;
		margin-bottom: .08rem;
	}
	.solu3 .story2 {
		padding: .65rem .3rem .35rem;
		background-color: #f3f3f3;
	}
	.solu3 .story2 .title {
		margin-bottom: .33rem;
	}
	.solu3 .story-list2 .column {
		margin-bottom: .3rem;
	}
	.solu3 .story-list2 .text-box {
		padding: .25rem .35rem .35rem;
		background-color: #ffffff;
	}
	.solu3 .story-list2 .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .15rem;
	}
	.solu3 .story-list2 .text {
		font-size: .2rem;
		color: #666666;
		line-height: 1.4;
	}
	.solu3 .scenes2 {
		background-color: #f9f9f9;
		padding-bottom: .75rem;
	}
	.solu3 .scenes2 .carousel .text-box {
		text-align: center;
		padding: .6rem .3rem;
		background-color: #ffffff;
	}
	.solu3 .scenes2 .carousel .h1 {
		font-size: .2rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .3rem;
	}
	.solu3 .scenes2 .carousel .text {
		font-size: .14rem;
		color: #333333;
		white-space: nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.hard-solu {
		padding: .9rem .3rem 0;
	}
	.hard-solu .title {
		margin-bottom: .88rem;
	}
	.hard-solu .solu-list3 .column {
		margin-bottom: .8rem;
	}
	.hard-solu .solu-list3 .column:nth-child(2n) {
		text-align: right;
	}
	.hard-solu .text-box {
		margin-top: .35rem;
	}
	.hard-solu .text-box .h1 {
		font-size: .32rem;
		color: #010101;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: .16rem;
	}
	.hard-solu .text-box .text {
		font-size: .2rem;
		color: #333333;
		line-height: .36rem;
	}
	.hard-solu .detail {
		display: inline-block;
		vertical-align: top;
		font-size: .2rem;
		color: #ffffff;
		line-height: .48rem;
		padding: 0 .2rem;
		background-color: #2b9dd9;
		margin-top: .37rem;
	}
	.solu3 .soft-solu {
		padding: .75rem .3rem .7rem;
		background-color: #f9f9f9;
	}
	.solu3 .soft-solu .title {
		margin-bottom: .55rem;
	}
	.solu3 .soft-solu .solu-list3 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.solu3 .soft-solu .column {
		width: 33.33%;
		text-align: center;
		margin-bottom: .5rem;
	}
	.solu3 .soft-solu .img {
		width: 1.53rem;
		margin: 0 auto;
	}
	.solu3 .soft-solu .column:nth-child(3n) {
		margin-right: 0;
	}
	.solu3 .soft-solu .name {
		font-size: .2rem;
		color: #333333;
		line-height: .26rem;
		margin-top: .25rem;
	}
	.solu3 .soft-solu .detail {
		display: block;
		width: 2.45rem;
		font-size: .22rem;
		color: #828282;
		line-height: .5rem;
		text-align: center;
		border: .02rem solid #e5e5e5;
		border-radius: .27rem;
		margin: 0 auto;
	}
	.privacy-page .banner .suspen {
		width: 100%;
		padding: 0 .4rem;
	}
	
	.rela-prod2 .carousel{
		position: relative;
	}
	
	.rela-prod2 .swiper-button-next,
	.rela-prod2 .swiper-button-prev{
		display: none;
	}
}

/*新闻列表 分页*/
div.meneame {    padding: 23px 0 0;
    margin: 3px 3px 30px;
    text-align: center;
    clear: both;
    font-size: 16px;}div.meneame li{ display:inline-block;}
div.meneame li.thisclass a{border: 1px solid #2f2f73;  background-image: none;background-color: #2f2f73;color: white;}
div.meneame a {border: 1px solid gray; padding:3px 7px;  margin-right: 3px; text-decoration: none;color:black; background:#f6f6f6; border-radius:5px;}
div.meneame a:hover {border: 1px solid #4489ec;  background-image: none;background-color: #4489ec;color: white;}
div.meneame a.thisclass,div.meneame a.active{border: 1px solid #4489ec;  background-image: none;background-color: #4489ec;color: white;}

div.meneame span.thisclass {border: 1px solid #f6f6f6; padding:5px 7px;   font-weight: bold;  margin-right: 3px;   background:  #4489ec;color:white}
div.meneame span.disabled {border: 1px solid gray; padding:5px 7px; margin-right: 3px;}

/*首页产品*/
.index_product {padding:0.5rem 0 0.6rem;}
.index_title {
    font-family:'ProximaNova-Bold';
    font-size:0.6rem;
	line-height:15px;
    font-weight:bold;
}
.index_product {background:#eee;}
.index_product .index_title {
    margin-bottom:.2rem;
    color:#000;
    text-align:center;
}
@media(max-width:780px){
    .link-box .column {
		float: left;
		width: 48.82%;
		position: relative;
		margin-bottom: 4px;
	}
    .link-box .swiper-button-next{
        display: none;
    }
    .link-box .swiper-button-prev{
        display: none;
    }
	.link-box .column.special {
		margin-right: 2.36%;
	}

	.link-box .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 45px 45px;
	}
	.link-box .suspen .h1{
		color: #fff;
		font-size: 16px;
	}
	.link-box .suspen .words{
		color: #fff;

	}

	.link-box .column.special .suspen {
		padding-bottom: 55px;
	}
	.link-box .suspen{
	    padding: 0 15px;
	}
}
.prodlt .swiper-button-prev,.prodlt .swiper-button-next{
    height: 40px;
    width: 40px;
    display: grid;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    font-size: 14px;
    color: #fff;
    border-radius: 100%;
}

/* ===== basic.css ===== */
.r_side {
    float:right;
    margin-top:2rem;
}
.r_side > div {
    float:left;
    margin-left:5px;
}
.msearch{
    margin-left: 20px;
    margin-top:2.3rem;
}
.msearch .isearch{
    position: fixed;
    width: 100%;
    top: 100px;
    background: #fff;
    padding:30px 0;
    left: 0;
    display: none;
}
.msearch .isearch form{
    max-width: 360px;
    margin: auto;
    position: relative;
}
.msearch .isearch form input{
    border-bottom: 1px solid #00a7d2;
    width: 100%;
    padding:10px;
    font-size: 16px;
}
.msearch .isearch form button{
    position: absolute;
    right: 0;
    border: none;
    background: none;
    top:14%;
    font-size: 16px;
}
.msearch .isearch form .mclose{
    position: absolute;
    right: -50px;
    border: none;
    background: none;
    top:30%;
    width: 20px;
    height: 20px;
    filter: brightness(0.5);
    
}

.r_side .lan_wrap {
    width:9.25rem;
    line-height:2.5rem;
    background:#333 url(../images/top_lang.png) no-repeat .75rem 1.1rem ;
    background-size:19px 19px;
    position:relative;
    z-index:10;
 }



    .r_side .lan_wrap #top_lan2 {
    position:absolute;
    top:3.5rem;
    font-size:1rem;
    color:#ffffff;
    background-color:#333;
    width:9.25rem;
    left:0;
}
.r_side .lan_wrap #top_lan2 a {
    width:9.25rem;
    display:block;
 }

 .r_side .lan_wrap .sel {
    position:absolute;
    right:0.75rem;
    top:0.5rem;
 }


    .r_side .lan_wrap .sel img {
    width:1.2rem;
    height:0.65rem;
        transform: rotate(180deg);
    }
.r_side .lan_wrap:hover .sel img {
    transform: rotate(0);
}
 .r_side .lan_wrap a {
    display:block;
    font-size:1rem;
    color:#ffffff;
    height:3.5rem;
    line-height:3.5rem;
    padding-left:2.5rem;
 }

.r_side .lan,.footer .lan {
    display:block;
    width:4rem;
    height:2.5rem;
    line-height:2.5rem;
    padding-left:2.5rem;
    
    font-size:1rem;
    color:#dcdcdc;
    
}
.r_side .search {
    display:block;
    width:2.5rem;
    height:2.5rem;
    background:#333 url(../images/icon1-2.png) no-repeat center center;
    background-size:1.3rem 1.3rem;
    cursor:pointer;
}
.r_side .search_box {
    z-index:2;
    position:absolute;
    right:10%;
    top:4.5rem;
    display:none;
    width:20rem;
    padding:.5rem 1rem;
    font-size:1rem;
    background-color:#fff;
}
.r_side .search_box .str {
    position:absolute;
    top:-.45rem;
    right:3.5rem;
    display:block;
    width:0;
    height:0;
    border-bottom:.5rem solid #fff;
    border-left:.35rem solid transparent;
    border-right:.35rem solid transparent;
}
.r_side .search_box .input_text {
    width:15rem;
    height:2.5rem;
    line-height:2.5rem;
    background-color:#fff;
}
.r_side .search_box .go_search {
    width:5rem;
    height:2.5rem;
    font-size:1rem;
    color:#fff;
    line-height:2.5rem;
    background-color:#4489ec;
}
.r_side .login {
    display:block;
    width:2.5rem;
    height:2.5rem;
    background:#333 url(../images/top_ico_menber.png) no-repeat center center;
    background-size: 1.3rem 1.3rem;
}

.newbanner {
	width:100%;
	height:32.7rem;
}
.newsinfo {
	width:100%;
	background:#f2f5f8;
}
.newsinfo .layouts {
	width:83%;
	display:table;
}
.infobox {
	width:100%;
	padding:2rem 0;
    overflow: hidden;
}
.infobox .leftbox {
	width:66.25%;
	float:left;
	background:#fff;
	position:relative;
	padding:2rem;
	box-sizing:border-box;
}
.infobox .leftbox .sharebar {
	left:0;
}
.infobox .leftbox .entbox {
	line-height: 1.5;
    text-align: left;
}
.infobox .rightbox {
	width:32%;
	height:auto;
	float:right;
	background:#fff;
}
.infobox .rightbox .title{
	width:100%;
	height:5.5rem;
	background:#74787c;
	color:#fff;
	text-align:center;
	line-height:5.5rem;
    font-size:1.5rem;
    font-weight: bold;
}
.infobox .rightbox .list {
	width:100%;
	padding:2.1rem 2.2rem 0;
	box-sizing:border-box;
}
.infobox .rightbox .list li {
	list-style:none;
	margin-bottom:2rem;
    text-align: center;
}
.infobox .rightbox .list li .img {
	width:100%;
}
.infobox .rightbox .list li .t1 {
	color:#c82506;
	font-weight:bold;
	font-size:1rem;
	line-height:1.5rem;
	margin-top:1rem;
    text-align: center;
}
.infobox .rightbox .list li .t2 {
	font-size:1rem;
	color:#333333;
    line-height:1.3rem;
    margin-top: 0.5rem;
}

.newsinfo .more_stories.content {
	width:83%;
	margin:auto;
}
.newsinfo .page_normal_title.layouts {
	box-sizing:border-box;
	padding-left:1.9rem;
}
.newsinfo .more_stories.content .layouts {
	width:100%;
}
.newsinfo .more_stories.content .layouts .more_case_list_list {
	margin-left:0;
}

.single_product .nlist {
	width:100%;
	background:#f5f5f5;
	padding:5.6rem 0;
}
.single_product .nlist ul {
	width:80%;
	margin:auto;
	display:table;
}
.single_product .nlist li {
	width:48.8%;
	float:left;
	margin-right:2.4%;
	position:relative;
	list-style:none;
	margin-bottom:1.9rem;
}
.single_product .nlist li:nth-child(2n) {
	margin-right:0;
}
.single_product .nlist li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
}
.single_product .nlist li .img {
	width:100%;
}
.single_product .nlist li .tbox {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:2;
	text-align:center;
	color:#000;
	padding-top:2.5rem;
}
.single_product .nlist li .tbox .t1 {
	font-size:1.8rem;
	font-weight:bold;
}
.single_product .nlist li .tbox .t2 {
	font-size:1rem;
	width:78%;
	margin:0.6rem auto 0;
}
.single_product .nlist li .tbox .t3 {
	font-size:1rem;
	color:#4489ec;
	margin-top:1.2rem;
}

.product_detail .blue_btn2 {
	 float: initial!important; 
     width: auto!important; 
     height: auto!important; 
    margin-top: 0!important;
}






/*--2.25修改end--*/

.normal_more {
    display:inline-block;
    width:10rem;
    height:2.5rem;
    font-size:1.1rem;
    color:#fff;
    line-height:2.5rem;
    text-align:center;
    background-color:#4489ec;
}
.normal_more i {
    display:inline-block;
    width:1.75rem;
    height:1rem;
    margin-left:.5rem;
    background:url(../images/more1.png) no-repeat center center;
    background-size:100% 100%;
    vertical-align:-.15rem;
}
/*首页about Chainway*/
.index_news_event, .footer .subcribe_wrap {
	background-color: rgb(242,245,248);
}
.index_about_inner {position:relative;}
.index_about_inner .about_pic img {display:block;}
.index_about_inner .text-wrap {
    position:absolute;
    top:0;
    left:0;
    width:40%;
    height:100%;
    padding-left:10%;
    background:rgba(0,0,0,.3);
}
.index_about_inner .text-inner {
    position:absolute;
    top:50%;
    padding-right:7.5rem;
    transform:translateY(-50%);
}
.index_about_inner .text-inner .index_title {
    margin-bottom:.5rem;
    color:#fff;
    line-height:1.35;
}
.index_about_inner .text-inner .tips {
    margin-bottom:2.5rem;
    font-size:1rem;
    color:#fff;
    line-height:1.6;
}
.index_about_inner .text-inner .more {
    display:inline-block;
    text-align:center;
    width:4.5rem;
}
.index_about_inner .text-inner .more .icon {
    display:block;
    width:3.9rem;
    margin:0 auto;
}
.index_about_inner .text-inner .more .word {
    font-size:1.1rem;
    color:#fff;
}
.index_about .list_list ul {
    padding:2rem 0;
    margin-left:-8.33%;
}
.index_about .list_list li {
    float:left;
    width:25%;
    margin-left:8.33%;
}
.index_about .list_list li .pic {
    display:block;
    width:7.5rem;
    margin:0 auto;
    text-align:center;
}
.index_about .list_list .text {
    display:block;
    padding:2rem 0;
    color:#000;
}
.index_about .list_list .s_title {
    display:table;
    height:4rem;
    margin-bottom:.75rem;
    font-family:'ProximaNova-Bold';
    font-size:1.4rem;
    line-height:2rem;
    overflow:hidden;
}
.index_about .list_list .des {
    display:block;
    min-height:2.2rem;
    font-size:.9rem;
    line-height:1.5rem;
    text-align:justify;
}
/*首页INDUSTRIES*/
.index_industry {
    position:relative;
    height:42.5rem;
    overflow:hidden;
}
.index_indestry_tab {
    position:relative;
    height:27.2rem;
    overflow:hidden;
}
.index_indestry_tab .item_list {
    position:relative;
}
.index_indestry_tab .item_list.active {
    top:-27.2rem;
}
.index_industry .small_side_bar {
    z-index:2;
    position:absolute;
    left:0;
    top:0;
    width:18%;
    height:100%;
    padding-left:10%;
    border-right:1px solid #fff;
}
.index_industry .small_side_bar .bar_inner {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.index_industry .small_side_bar .index_title {
    margin-bottom:1rem;
    color:#fff;
}
.index_industry .small_side_bar li a {
    position:relative;
    display:block;
    width:9rem;
    height:3.4rem;
    font-size:1.4rem;
    color:#fff;
    line-height:3.4rem;
}
.index_industry .small_side_bar li.on a {font-weight:bold;}
.index_industry .small_side_bar li a .icon {
    position:absolute;
    top:.8rem;
    right:-2rem;
    display:none;
    width:1.7rem;
    height:1.7rem;
    background:url(../images/nav-icon1-1.png) no-repeat center center;
    background-size:1rem 1rem;
    border:.1rem solid #fff;
    border-radius:100%;
}
@media (max-width:1115px){
    .index_industry .small_side_bar li a {width:100%;}
    .index_industry .small_side_bar li a .icon {right:0;}
}
.index_industry .small_side_bar li.on a .icon {display:block;}
.index_industry .small_side_bar .more-btn {
    position:absolute;
    bottom:-2rem;
    right:6.25rem;
    width:5rem;
    height:2rem;
    background:url(../images/down-icon.png) no-repeat center center;
    background-size:2.3rem 1.1rem;
    cursor:pointer;
}
.index_industry .small_side_bar .more-btn.active {
    transform:rotate(180deg);
}
.index_industry .tab_content_wrap {height:42.5rem;}
.index_industry .tab_content_per {display:none;}
.index_industry .tab_content_per .image-wrap img {position:absolute;right:0;width:100%;height:100%;}
.index_industry .tab_content_per .text-wrap {
    position:absolute;
    top:0;
    left:32%;
    width:26.5rem;
    height:100%;
    font-size:.9rem;
    color:#fff;
    line-height:1.6;
}
.index_industry .tab_content_per .text-inner {padding-top:10rem;}
.index_industry .tab_content_per .text-wrap .title {
    margin-bottom:.5rem;
    font-size:1.4rem;
    font-weight:bold;
}
.index_industry .tab_content_per .tips {
    margin-bottom:1.5rem;
}
.index_industry .tab_content_per .text-wrap .links a {
    display:inline-block;
    color:#fff;
    line-height:2rem;}

/*css绘制小图标*/
.normal_icon {
    position: relative;
    width:.5rem;
    height:1rem;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    transition:all 0.15s ease-in;
    -moz-transition:all 0.15s ease-in;
    -webkit-transition:all 0.15s ease-in;
}
.normal_icon:before {
    font-family: "Sony-System-Icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inner_banner .text_box .normal_icon {
    width:1rem;
    height:1rem;
}
.inner_banner .text_box .icon1 {
    background:url(../images/sicon1-1.png) no-repeat left top;
    background-size:100% 100%;
}
.inner_banner .text_box .icon2 {
    background:url(../images/sicon1-2.png) no-repeat left top;
    background-size:100% 100%;
}
.product_wrap .left_side_bar .normal_icon {
    width:.9rem;
    height:.5rem;
    margin-right:1rem;
    background:url(../images/up.png) no-repeat left top;
    background-size:100% 100%;
}
.product_wrap .left_side_bar .on .normal_icon {
    transform:rotate(180deg);
}
/*index other*/
.index_other {
    padding:6.5rem 0;
    background:#f2f5f8;
}
.index_other_list ul {margin-left:-2%;}
.index_other .each_item {
    float:left;
    width:31.33%;
    margin-left:2%;
    background:#fff;
}
.index_other .each_item .dt {position:relative}
.index_other .each_item .image_wrap img {width:100%;}
.index_other .each_item .dt_title {
    position:absolute;
    left:2.3rem;
    bottom:2rem;
}
.index_other .each_item .dt_title .title {
    font-weight:bold;
    font-size:1.8rem;
    color:#fff;
}
.index_other .each_item .dd_content {
    padding:0 2.5rem 2rem;
}
.index_other .each_item .dd_content .dd_one {
    padding:1rem 0;
    border-top:1px solid #ebebeb;
}
.index_other .each_item .dd_content .dd_one:first-child {border-top:0;}
.index_other .each_item .dd_content .small {
    display:block;
    font-size:.9rem;
    font-weight:bold;
    color:#696969;
    white-space: nowrap;
    overflow:hidden;
}
.index_other .each_item .dd_content .small_title {
    height:3rem;
    margin-top:.5rem;
    font-size:1.1rem;
    font-weight:bold;
    color:#000;
    line-height:1.5rem;
    overflow:hidden;
}
.index_other .each_item .dd_content .more-w {text-align:right}
.index_other .each_item .dd_content .more {
    font-size:1.1rem;
    color:#444;
}
.index_other .each_item .dd_content .dd_one:hover .small_title,
.index_other .each_item .dd_content .more:hover {color:#4489ec;}
.index_other .each_item .dd_content .more .icon {
    margin-left:1rem;
    vertical-align:-.45rem;}

/*footer*/
.footer .subcribe_wrap {padding:3rem 0 3.5rem;}
.footer .left_illustrate {
    float:left;
    width:28%;
}
.footer .left_illustrate .s_title {
    margin-bottom:1rem;
    font-family:'微软雅黑';
    font-size:1.5rem;
	color:rgb(25,25,25);
    font-weight:bold;
}
.footer .left_illustrate .tips {
    
    font-size:1rem;
    color:rgb(48,53,58);
	line-height:1.35;
}
.footer .email_wrap {
    float:left;
    width:50%;
    margin:0 2%;
}
.footer .contact_wrap {
    position:relative;
    float:left;
    width:18%;
    padding:.5rem 0;
}
.footer .email_wrap .input_text {
    width:63%;
    padding-left:5%;
    margin-right:2%;
    height:3rem;
    font-size:.9rem;
    line-height:3rem;
    background-color:#fff;
}
.footer .email_wrap .input_submit {
    width:25%;
    height:3rem;
    font-size:1rem;
    color:#fff;
    line-height:3rem;
    background:#4489ec;
    font-weight:bold;
    font-family:'微软雅黑';
}
.footer .email_wrap .s_tips {
	font-size: .9rem;
	color: rgb(79,83,98);
}
.footer .contact_wrap li {
    position:relative;
    display:inline;
    padding:1rem .15rem;
}
.footer .cont {
    display:inline-block;
    width:2.15rem;
    height:2.15rem;
    text-align:center;
    background-color:#74787c;
    border-radius:.25rem;
}
.footer .cont .icon {
    display:inline-block;
    width:1.6rem;
    height:1.6rem;
    border-radius:.35rem;
    vertical-align:-0.8rem;
}
.footer .contact .icon1 {
    background:#fff url(../images/icon2-1.png) no-repeat center center;
    background-size:100% 100%;
}
.footer .contact .icon2 {
    background:url(../images/icon2-2.png) no-repeat center center;
    background-size:100% 100%;
}
.footer .contact .icon3 {
    background:url(../images/icon2-3.png) no-repeat center center;
    background-size:100% 100%;
}
.footer .contact .icon4 {
    background:url(../images/icon2-4.png) no-repeat center center;
    background-size:100% 100%;
}
.footer .contact .icon5 {
    background:url(../images/icon2-5.png) no-repeat center center;
    background-size:100% 100%;
}
.footer .contact .each {
    z-index:2;
    position:absolute;
    left:-5.5rem;
    top:-7rem;
    display:none;
    width:11rem;
    height:5rem;
    padding:1rem;
    background-color:#fff;
}
.footer .contact li:hover .each {display:block;}
.footer .contact .each strong {
    display:block;
    margin-bottom:1.5rem;
    font-family:'ProximaNova-Light';
    font-size:1rem;
}
.footer .contact .each .btn {
    display:block;
    width:100%;
    height:2rem;
    font-size:.8rem;
    color:#fff;
    line-height:2rem;
    text-align:center;
    background-color:#507da2;
}
.footer .contact .each .str {
    position:absolute;
    bottom:-.45rem;
    left:50%;
    margin-left:-.25rem;
    display:block;
    width:0;
    height:0;
    border-left:.5rem solid transparent;
    border-right:.5rem solid transparent;
    border-top:.5rem solid #fff;
}
.bottom_footer {
    background-color:rgb(25,25,25);
}
.bottom_footer .menu_list {padding:3.5rem 0 4.5rem;}
.bottom_footer .menu_list dl {
    float:left;
    width:23%;
    padding-right:2%
}
.bottom_footer .menu_list dt {
    margin-bottom:.75rem;
    font-family:'微软雅黑';
    font-size:1.2rem;
    color:rgb(227,230,233);
    font-weight:bold;
}
.footer .bottom .lan {
    width:6rem;
    padding-left:3rem;
    background: #333 url(../images/icon1-1.png) no-repeat 1rem center;
    background-size: 1.3rem 1.3rem;
}
.bottom_footer .menu_list dd a {
    display:block;
    padding:.35rem 0;
    font-size:1rem;
    color:rgb(227,230,233);
}
.copyright {
    margin-top:1.5rem;
    padding:1rem 0 0.5rem;
    font-size:.8rem;
    color:#a0a3a6;
    border-top:1px solid #4f5357;
}
.copyright a {
    display:inline-block;
    padding:0 .5rem;
    color:#a0a3a6;
    text-decoration:underline;
}
/*product*/
.inner_banner .banner_bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.inner_banner .box_wrap {
    display:table;
    height:34rem;
}
.inner_banner .gray_box {
    display:table-cell;
    vertical-align:middle;
}
.inner_banner .text_box {
    width:30rem;
    padding:3.6rem 3rem 3.2rem;
    color:#bcbccc;
    background:rgba(33,37,48,0.95);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.inner_banner .text_box .s_title1 {
    font-size:1rem;
}
.inner_banner .text_box .s_title2 {
    font-size:2.4rem;
    color:#fff;
    margin:.5rem 0 1rem;
}
.inner_banner .text_box .des {
    margin-bottom:2rem;
    font-size:1rem;
    line-height:1.5;
}
.inner_banner .text_box .link {
    display:block;
    margin-top:.5rem;
    font-size:1rem;
    color:#fff;
}
.inner_banner .text_box .normal_icon {
    margin-right:.25rem;
    font-size:1rem;
    color:#4572ed;
}
.industry_banner .text_box .title {
    margin-bottom:1rem;
    font-size:2.5rem;
    color:#fff;
}
.product_wrap .left_side_bar {
    float:left;
    width: 16%;
}
.product_wrap .left_side_bar .kind_title,
.product_wrap .product_list .title,
.product_wrap .left_side_bar .s_k_title {
	font-family: '微软雅黑';
	font-size: 1rem;
	font-weight:bold;
}
.product_wrap .left_side_bar .kind_title,
.product_wrap .product_list .title{
    padding:1.75rem 0 1.5rem 2rem;
    background-color:#e8ebee;
    color:rgb(51,51,51);
}
.product_wrap .product_list .title {
	border-left: 1px solid #dcdee0;
}
.product_wrap .left_side_bar .s_k_title {padding:1.5rem 0 .75rem;}
.product_wrap .left_side_bar li {
    padding:0 0 .75rem 1.5rem;
    border-top:1px solid #dcdee0;
    color:rgb(51,51,51);
}
.product_wrap .left_side_bar li:first-child {
    border-top:0 none;
}
.product_wrap .left_side_bar .each {
    padding:.45rem 0;
	font-family: 'ProximaNova-Medium';
	font-size: .95rem;
    color:rgb(51,51,51);
}
.product_wrap .left_side_bar .each strong {
    display:inline-block;
    margin:0 .5rem;
}
.product_wrap .left_side_bar .each span:last-child {
	display: inline-block;
	padding: .25rem .35rem;
	font-size: .7rem;
    color:rgb(83,83,83);
	background-color: #e8ebee;
}
.check_wrap {
    position: relative;
    display: inline-block;
    line-height:1;
}
.check_wrap input {
    z-index: 2;
    position: relative;
    width:1.25rem;
    height:1.25rem;
    opacity: 0;
    cursor: pointer;
}
.check_wrap label {
    width:1.25rem;
    height:1.1rem;
    position: absolute;
    top: -2px;
    left: 0;
    background: url(../images/check.png) no-repeat left top;
    background-size:100% 100%;
    cursor: pointer;
}
.check_wrap input:checked + label:after {
    content: '';
    width:1.25rem;
    height:1.1rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/checked.png) no-repeat left top;
    background-size:100% 100%;
}
.product_wrap .product_list {
    float:left;
    width: 84%;
    min-height:60rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.product_wrap .product_list ul {
    min-height:70rem;
	padding: 3rem 2% 0;
	border-left: 1px solid #dcdee0;
	box-shadow: -10px 0 15px rgba(0,0,0,.075);
	-moz-box-shadow: -10px 0 15px rgba(0,0,0,.075);
	-webkit-box-shadow: -10px 0 15px rgba(0,0,0,.075);
}
.product_wrap .product_list li {
    float:left;
    width:22%;
    padding:3% 1.5%;
}
.product_wrap .product_list li:nth-child(4n+1) {
    clear:both;
}
.product_wrap .product_list .picture a {
    display:block;
}
.product_wrap .product_list .picture .model {
	display: inline-block;
	margin-top: 1rem;
	padding: .5rem 1rem;
	font-family: 'ProximaNova-Medium';
	font-size: .9rem;
	color: #000;
    line-height:1;
	background-color: #e8ebee;
    white-space:nowrap;
    overflow:hidden;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.product_wrap .product_list .pro_name a {
	display: block;
	margin: 1rem 0 .5rem;
	font-family: '微软雅黑';
	font-size:1rem;
	/*white-space: nowrap;
	overflow: hidden;*/
    letter-spacing:.05em;
    text-transform:uppercase;
    font-weight:bold;
}
.product_wrap .product_list .des {
	height: 2.8rem;
	margin-bottom: 1rem;
	font-size:0.9rem;
	color: #535353;
	line-height: 1.4;
    letter-spacing:.05em;
    overflow:hidden;
}
.product_wrap .product_list .more_com {
    opacity:0;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
}
.product_wrap .product_list li:hover .more_com {
    opacity:1;
}
.product_wrap .product_list .m_com {
    display:inline-block;
    height:2.25rem;
    line-height:2.35rem;
    text-align:center;
}
.product_wrap .product_list .m_com1 {
    width:7.5rem;
    background-color:#2f353d;
    color:#fefefe;
    border-radius:.1rem;
    font-size:0.9rem;
}
.product_wrap .product_list .m_com2 {
	position: relative;
	padding: 0 1rem;
	margin-left: .25rem;
	font-family: '微软雅黑';
	font-size:0.9rem;
	background-color: #e8ebee;
    letter-spacing:.05em;
    border-radius:.1rem;
}
.product_wrap .product_list .m_com2 input {
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
}
.product_wrap .product_list .icon {
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
    margin-right:.25rem;
    vertical-align:-.425rem;
}
.product_wrap .product_list .icon1 {
    background:url(../images/p_icon1-1.png) no-repeat left top;
    background-size:100% 100%;
}
.product_wrap .product_list .icon2 {
    background:url(../images/p_icon1-2.png) no-repeat left top;
    background-size:100% 100%;
}
.compare_window {
    z-index:9;
    position:fixed;
    left:0;
    bottom:0;
    display:none;
    width:100%;
    padding:20px 0;
    background-color:#e8ebee;
}
.compare_window .side_text {
    float:left;
    display:table;
    width:30%;
    height:8rem;
    margin-right:.5rem;
    font-family:'ProximaNovaCond-Light';
}
.compare_window .side_text .text {
    display:table-cell;
    color:rgb(83,83,83);
    vertical-align:middle;
}
.compare_window .side_text h2 {
    margin-bottom:1rem;
    font-size:2rem;
}
.compare_window .side_text h2 b {
    font-weight:normal;
}
.compare_window .side_text p {
    font-family:'ProximaNova-Light';
    font-size:1.2rem;
}
.compare_window .compare_pro {
    float:left;
}
.compare_window .each_pic {
    position:relative;
    display:inline-block;
    width:6rem;
    padding:1rem;
    margin:0 .5rem;
    background-color:#fff;
}
.compare_window .each_pic .close,.compare_window .total_close {
    position:absolute;
    display:block;
    width:1.5rem;
    height:1.5rem;
    background:url(../images/close.png) no-repeat left top;
    background-size:100% 100%;
    cursor:pointer;
}
.compare_window .each_pic .close {
    right:-.75rem;
    top:-.75rem;
}
.compare_window .total_close {
    right:.25rem;
    top:.25rem;
}
.compare_window .compare_or_not {
    float:right;
    display:table;
    height:8rem;
}
.compare_window .compare_clear {
    display:table-cell;
    vertical-align:middle;
}
.compare_window .compare_clear .clear_all {color:rgb(83,83,83);}
.compare_window .compare_clear .compare {
    display:inline-block;
    width:7.5rem;
    height:3rem;
    margin-left:.5rem;
    
    font-size:1rem;
    color:#fff;
    line-height:3rem;
    text-align:center;
    background-color:#4489ec;
}
/*产品详情*/
.fix_white_wrap.active,.pro_menu.active {
    z-index:10;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    box-shadow:0 0 .5rem rgba(0,0,0,.3);
}
.product_detail .page_menu {
    box-shadow:0 0 25px rgba(0,0,0,.2);
}
.product_detail .page_menu .pro-logo {
    position:absolute;
    left:0;
    top:0;
    height:100%;
}
.product_detail .page_menu .pro-logo img {display:block;height:100%;}
.product_detail .page_menu ul {padding-right:9.5rem;text-align:right;}
.product_detail .page_menu ul li {float:none;display:inline-block;}
.product_detail .blue_btn {
    float:right;
    width:9.5rem;
    height:2.5rem;
    margin-top:.9rem;
    font-family:'微软雅黑';
    line-height:2.5rem;
    font-weight:bold;
}
.page_menu li {
    float:left;
}
.page_menu li a {
    display:block;
    height:4.3rem;
    margin-right:2rem;
    
    font-size:1.1rem;
    line-height:4.5rem;
    border-bottom:.3rem solid transparent;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     font-weight:bold;
}
.page_menu li.on a,.page_menu li:hover a {
    font-family:'微软雅黑';
    border-bottom-color:#4489ec;
   
}
.pro_picture_scroll {
    float:left;
    width:28.4rem;
    /*height:44rem;*/
}
.pc-slide {
    width:28.4rem;
    margin: 0 auto;
    padding-top:2.5rem;
}
.product_detail .pro_picture_scroll .view  .swiper-container {
    background-color:rgb(230,232,234);
}

.view .swiper-container {
    width:28.4rem;
    height:28.4rem;

}

.view .arrow-left {
    background:;
    position: absolute;
    left: .5px;
    top: 50%;
    margin-top: -1.25rem;
    width: 1.4rem;
    height:2.5rem;
    z-index: 10;
}
.view .arrow-right {
    background:;
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -1.25rem;
    width: 1.4rem;
    height: 2.5rem;
    z-index: 10;
}
.preview {
    width: 100%;
    margin-top:2rem;
    position: relative;
}
.preview .swiper-container {
    width:100%;
    /*height:5.2rem;*/
    /*text-align:center;*/
}
.preview .swiper-container .swiper-wrapper {
    display: block;
    margin-left:-.5rem;
}
.preview .swiper-slide {
    float: left;
    display: inline-block!important;
    width: 4.2rem;
    height: 4.2rem;
    margin:0 0 .5rem .5rem;
    cursor: pointer;
    background:#e7e8ea;
}
.preview .swiper-slide img {
    width:4.2rem;
    background-color:#f2f2f2;
}
.preview .swiper-slide.active img {
    padding:.1rem;
    width:4rem;
}
.preview .slide6 {
    width:5rem;
}
.preview .swiper-slide.active img,
.preview .active-nav img{
    padding: 0;
    border:.1rem solid #4489ec;
}
.pro_container {
    padding:4rem 0;
}
.parameters {
    margin-left:50%;
    width:50%;
    color:#535353;
}
.parameters .title1 {
    margin:.25rem 0 1rem;
    font-size:2.2rem;
    color:#000;
    line-height:1.6;
}
.parameters .title2 {
    padding:2rem 0;
    font-size:2.4rem;
    color:#000;
    line-height:1.3;
}
.parameters .icon_para_each {
    padding-bottom:2rem;
}
.parameters .icon_para_each .dt_title {
    position:relative;
    width:100%;
    height:1.9rem;
    margin-bottom:1rem;
    font-size:1rem;
    color:#fff;
    text-align:center;
    background:#6e7071;
    border-radius:.25rem;
    overflow:hidden;
}
.parameters .icon_para_each .dt_title span {
    position:absolute;
    top:50%;
    display:block;
    width:100%;
    font-weight:bold;
    line-height:1;
    transform:translateY(-50%);
}
.parameters .icon_para_each:nth-child(2n) .dt_title {background:#a7acae;}
.parameters .icon_para .icon {
    float:left;
    display:block;
    width:2.5rem;
    margin-bottom:.5rem;
}
.parameters .icon_para em {
    display:block;
    margin-left:3rem;
    font-style:normal;
    color:#232323;
    line-height:1.35rem;
}
.parameters td {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.product_detail .parameters .btn_wrap {
    padding-top:2rem;
    height:3rem;
    font-family:'微软雅黑';
    font-size:1.1rem;
}
.product_detail .parameters .blue_btn {
    float:left;
    width:14rem;
    height:3rem;
    margin-top:0;
    margin-right:1rem;
    line-height:3rem;
}
.product_detail .parameters .btn {
    display:inline-block;
    width:14rem;
    height:3rem;
    color:#4489ec;
    line-height:2.8rem;
    text-align:center;
    border:.2rem solid #4489ec;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.product_detail .parameters .tips {
    margin-top:1rem;
    
    font-size:.9rem;
}
.product_detail .parameters .tips i {
    display:inline-block;
    width:1rem;
    height:.8rem;
    margin-right:.25rem;
    background:url(../images/ship.jpg) no-repeat left top;
    vertical-align:-.1rem;
}

.product_detail .wrap2 {
    padding:5rem 0 8rem;
}
.product_detail .box_left {
    padding:3rem 2rem;
    width:40rem;
    color:#000;
}
.product_detail .box_left .eyebrow {
    font-size:1rem;
    font-weight:bold;
}
.product_detail .box_left .t2 {
    margin-bottom:1rem;
    font-size:2rem;
    font-weight:bold;
}
.product_detail .box_left .p2 {
    font-size:.9rem;
    line-height:1.35;
}
.product_detail .box_left .blue_btn {
    float:none;
    height:2rem;
    padding:0 2rem;
    font-size:.8rem;
    line-height:2rem;
}
.product_detail .wrap2 .each {
    float:left;
    width:33.33%;
    padding:1rem 2%;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.product_detail .wrap2 .each .text {
    padding:1rem 0;
    font-size:.8rem;
}
.product_detail .wrap2 .each .title {
    font-size:1rem;
    color:#000;
    font-weight:bold;
}
.product_detail .wrap2 .each .des {
    padding:.5rem 0;
    color:#535353;
}
.product_detail .wrap2 .each .link_group a {
    color:#4489ec;
}
.product_detail .wrap2 .each .link_group a:hover {
    color:#535353;
}
.product_detail .wrap3,.product_detail .wrap4 {
    padding-bottom:6rem;
}
.product_detail_title {
    padding:2rem 0 1.75rem;
    font-family:'微软雅黑';
    font-size:1.8rem;
    background-color:#f2f5f8;
}
.product_detail .wrap3 .each_spe,.product_detail .wrap4 .each_load {
    float:left;
    width:47%;
    padding:3rem 6% 0 0;
}
.product_detail .wrap3 .each_spe:nth-child(2n),.product_detail .wrap4 .each_load:nth-child(2n) {
    width:47%;
    padding:3rem 0 0;
}
.product_detail .wrap3 .each_spe tr:first-child td,.product_detail .wrap4 .each_load tr:first-child td {
    padding:.75rem;
    font-family:'微软雅黑';
    font-size:1.3rem;
    background-color:#f2f5f8;
}
.product_detail .wrap3 .each_spe td,.product_detail .wrap4 .each_load td {
    padding:.5rem .75rem;
    font-size:.95rem;
    line-height:1.5;
}
.product_detail .wrap3 .each_spe td:first-child {
    font-family:'微软雅黑';
}
.product_detail .wrap3 .each_spe tr:nth-child(2) td,.product_detail .wrap4 .each_load tr:nth-child(2) td {
    padding:1.5rem .75rem .5rem;
}
.product_detail .wrap4 .each_load td {
    font-size:.8rem;
}
.product_detail .wrap4 .each_load .blue {
    margin-bottom:.2rem;
    font-weight:bold;
    font-size:1rem;
    color:#4489ec;
}
.product_detail .wrap4 .each_load td .date {
    font-size:.9rem;
    color:rgb(83,83,83);
}
.product_detail .wrap4 .each_load .down_btn {
    display:inline-block;
    width:3rem;
    height:1.5rem;
    font-size:.8rem;
    color:#999;
    line-height:1.65rem;
    text-align:center;
    background-color:#f7f8f9;
    border:1px solid #707473;
}
.product_detail .wrap5 .video_list {
    padding:4rem 0 5rem;
}
.how_to_video .video_list .e_video {
    float:left;
    width:31.33%;
    padding:1% 1% 4%;
}
.product_detail .wrap5 .video_list .e_video {
    float:left;
    width:23%;
    padding:1% 1% 4%;
}
.product_detail .wrap5 .video_list .video_pic,.how_to_video .video_list .video_pic {
    position:relative;
}
.product_detail .wrap5 .video_list .play_btn,.how_to_video_list .e_video .play_btn,.how_to_video .video_list .play_bt  {
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:3.8rem;
    height:2.6rem;
    margin-left:-1.9rem;
    margin-top:-.8rem;
    background:url(../images/play.jpg) no-repeat left top;
    background-size:100% 100%;
}
.product_detail .wrap5 .video_list .video_des h2 a,.how_to_video .video_list .video_des h2 a {
    display:block;
    padding:1rem 0 1.15rem;
    font-family:'微软雅黑';
    font-size:1.15rem;
    line-height:1.3;
    overflow: hidden;
}
.product_detail .wrap5 .video_list .date,.how_to_video .video_list .date {
    display:inline-block;
    padding:.5rem;
    font-size:.9rem;
    color:rgb(83,83,83);
    background-color:#f2f5f8;
}
/*compare产品*/
.compare_content {
    padding:2rem 0 4rem;
}
.compare_pro_list {padding-bottom:3rem;}
.each_compare_pro {
    position:relative;
    float:left;
    width:24.25%;
    padding:2%;
    margin-left:1%;
    background-color:#f2f5f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.each_compare_pro:first-child {
    margin-left:0;
}
.each_compare_pro .close {
    position:absolute;
    right:1rem;
    top:1rem;
    display:none;
    width:1rem;
    height:1rem;
    background:url(../images/close1.jpg) no-repeat left top;
    background-size:100% 100%;
    cursor:pointer;
}
.each_compare_pro:hover .close {
    display:block;
}
.each_compare_pro .series {
    display:inline-block;
    padding:.3rem .75rem;
   
    margin:0 auto;
     margin-top:.5rem;
    font-size:.7rem;
    color:#000;
    background-color:#e8ebee;
}
.each_compare_pro .pro_name {
    margin:1rem 0 .4rem 0;
    font-family:'微软雅黑';
    font-size:1.1rem;
    white-space:nowrap;
    overflow: hidden;
    font-weight:bold;
}
.each_compare_pro .des {
    font-size:.9rem;
    color:#535353;
}
.compare_title {
    padding:.75rem 1rem;
    font-size:1.3rem;
    background-color:#f2f5f8;
    cursor:pointer;
    font-weight:bold;
}
.compare_title i {
    float:right;
    display:block;
    width:1.15rem;
    height:.7rem;
    margin-top:.4rem;
    background:url(../images/down.png) no-repeat left top;
    background-size:100% 100%;
    cursor:pointer;
}
.compare_title.on i {
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.each_point_detail {background-color:#f2f5f8;}
.each_point {
    float:left;
    width:25%;
    padding:.75rem 1rem;
    font-size:.9rem;
    color:#535353;
    line-height:1.3;
    border-left:1px solid #fff;
    background-color:#f2f5f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.each_point:first-child {
    border-left:0;
}
.small_compare_title {
    padding:.75rem 1rem;
    font-family:'微软雅黑';
    font-size:1rem;
    color:#000;
    font-weight:bold;
}
.compare_each_point {margin-bottom:1.25rem;}
/*industries*/
.content {
    padding:4rem 0;
}
.case_studies_list.content,
.our_partner.content {padding:5rem 0 .5rem;}
.case_studies_list .layouts,.more_stories .layouts {
    padding-bottom:4rem;
}
.more_stories.content,
.how_to_videos.content {
    padding:4rem 0 .5rem;
}
.how_to_video.content {
    padding:3rem 0 .5rem;
}
.news_event_list.content {
    padding:4rem 0;
}
.news_event_list.layouts {
    width:100%;
    background:#f2f5f8;
}

.industry_close {
    position:absolute;
    right:1rem;
    top:1rem;
    display:block;
    width:1.5rem;
    height:1.5rem;
    background:url(../images/close.png) no-repeat left top;
    background-size:100% 100%;
}
.industry_close.on {
    position:fixed;
}
.industry_content .wrap1 .artical {
    float:left;
    width:70%;
}
.industry_content .wrap1 .title1 {
    padding: .5rem 0;
    font-family:'ProximaNova-Light';
    font-size:2.5rem;
}
.industry_content .wrap1 .title2 {
    font-family:'微软雅黑';
    font-size:2.6rem;
    font-weight:bold;
}
.industry_content .wrap1 .title3 {
    padding:2.5rem 0 1.25rem;
    font-family:'微软雅黑';
    font-size:1.3rem;
}

.industry_content .linkGroup .blue_btn {
    display:inline-block;
    height:2.5rem;
    padding:0 1.5rem;
    line-height:2.5rem;
}
.industry_content .linkGroup .blue_btn i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/add.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.2rem;
}
.industry_content .wrap1 .gray_box {
    margin-left:75%;
}
.industry_content .wrap1 .gray_box .each_box {
    padding:1.5rem 2rem;
    margin-bottom:1.5rem;
    background-color:#f2f5f8;
}
.industry_content .wrap1 .title {
    padding-bottom:.75rem;
    font-family:'微软雅黑';
    font-size:1.1rem;
    font-weight:bold;
}
.industry_content .wrap1 .video_box .title {
    padding:.75rem 0;
    font-size:1.3rem;
    font-weight:bold;
}
.industry_content .wrap1 .gray_box .des {
    font-size:1rem;
    color:#666;
    line-height:1.6;
}
.industry_content .wrap1 .links_wrap a {
    font-weight:bold;
    font-size:;
    color:#4489ec;
    line-height:1.8;
}
.industry_content .wrap2.content {
    padding:3.5rem 0 5rem;
}
.industry_content .wrap2 .text_wrap {
    padding-bottom:2rem;
    font-size:1.2rem;
    color:#535353;
    line-height:1.4;
    text-align:center;
}
.industry_content .wrap2 .text_wrap .title {
    padding-bottom:1rem;
    font-family:'ProximaNova-Light';
    font-size:40px;
    color:#000;
    font-weight: normal;
}
.industry_content .wrap2 .text_wrap .des {
    padding-bottom:1rem;
    font-size: 15px;
}
.industry_content .wrap2 .manager {
    float:left;
    width:23.875%;
    margin-left:1.5%;
    background-color:#fff;
    margin-bottom:1rem;
}

    .industry_content .wrap2 .manager:nth-child(4n+1) {
      clear:both;
       margin-left:0;
    }
.industry_content .wrap2 .man_text {
    padding:1rem 1.25rem;
    font-size:.8rem;
    line-height:1.6;
    color:#535353;
    overflow:hidden;
    height:180px;
}
.industry_content .wrap2 .man_text .stitle {
    margin-bottom:.5rem;
    font-size:1.6rem;
    font-family:'微软雅黑';
    color:#000;
    white-space:nowrap;
    overflow:hidden;
    font-weight:bold;
}
.industry_content .wrap2 .man_text .des {

    font-size:1.2rem;
    font-family:'微软雅黑';
    color:#000;

}
.industry_content .wrap3 {
    padding:8rem 0;
    font-size:1.1rem;
    color:#fff;
    line-height:1.4;
    text-align:center;
    background-color:#43ae76;
}
.industry_content .wrap3 .title {
    font-size:2rem;
    font-family:'微软雅黑';
}
.industry_content .wrap4 {
    padding:4rem 0;
}
.industry_content .wrap5 {
    padding:4rem 0;
}
.industry_content .wrap5 .stories_list {margin-left:-2%;overflow: hidden;}
.page_normal_title {
    margin-bottom:1.5rem;
    font-family:'微软雅黑';
    font-size:2rem;
    color:#000;
    font-weight:bold;
}
.support_page .product_support .page_normal_title {
    margin-bottom:1.75rem;
}
.support_page  .product_support .page_normal_tips {
    margin-bottom:1.5rem;
}
.support_page .page_normal_tips {
    font-size:1rem;
}
.more_stories .page_normal_title,
.how_to_videos .page_normal_title{
    margin-bottom:2.5rem;
}
.c_s_detail .more_stories .page_normal_title {
    margin-bottom:0;
    padding-bottom:2.75rem;
}
.how_to_video .page_normal_title {
    margin-bottom:2rem;
}
.page_normal_title a {
    display:inline-block;
    margin-top:.75rem;
    
    font-size:.9rem;
    color:rgb(79,83,87);
    text-decoration:underline;
}
.page_normal_tips {
    padding-bottom:.75rem;
    font-size:1.1rem;
}
.industry_content .wrap4 .each_one,
.each_story {
    float:left;
    width:49%;
    margin-left:2%;
    overflow:hidden;
}

   .industry_content .wrap4 .each_one:nth-child(2n-1) {
       margin-left:0%;
    }

.each_story {
    margin-bottom:2%;
}
.each_story a {
    position:relative;
    display:block;
}
.industry_content .wrap4 .each_one h2 a {
    display:block;
    padding:1rem 0 1.5rem;
    font-family:'微软雅黑';
    font-size:1.5rem;
    color:#000;
}
.industry_content .wrap4 .each_one .date {
    display:inline-block;
    padding:.5rem;
    font-size:1rem;
    color:#535353;
    background-color:#f2f5f8;
}
.each_story .picture,
.each_story .text_wrap {
    float:left;
    width:50%;
    margin-bottom:-9999px;
    padding-bottom:9999px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
}

.each_story .text_wrap {
    padding:2.5rem 2rem 9999px;
    background-color:#fff;
}
/*.each_story:hover .text_wrap {*/
    /*background-color:#333;*/
/*}*/
.each_story .retall {
    display:block;
    font-size:.8rem;
    font-family:'微软雅黑';
    color:#c82506;
}
.each_story .stitle {
    display:block;
    margin:3rem 0 2rem;
    font-family:'微软雅黑';
    font-size:1.35rem;
    color:#000;
    line-height:1.3;
    text-transform: uppercase;
    letter-spacing:.0015em;
    font-weight:bold;
}
.each_story .des {
    font-family:'ProximaNova-Light';
    font-size:1rem;
    color:rgb(51,51,51);
    line-height:1.3;
}
#case_list {
    margin-left:-2%;
}
.each_story{
    width:48%;
    margin-left:2%;
}

.each_story_big {
    width:98%;
}
.each_story_big .picture {
    float:right;
    width:75.5%;
}
.each_story_big .text_wrap {
    width:24.5%;
    background-color:#333;
}
.each_story_big .retall,
.each_story_big .stitle,
.each_story_big .stitle,
.each_story_big .des {
    color:#fff;
}

/*CASE STUDIES*/
.more_case_list_list {
    margin-left:-2%;
}
.normal_banner_title {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4.3rem;
    line-height:4.5rem;
    background-color:#fff;
}
.support_page .normal_banner_title {
    height:4.3rem;
    line-height:4.5rem;
}
.case_studies_title .down_wrap {
    float:right;
}
.normal_banner_title h2,.support_title_wrap .one_title {
    font-family:'微软雅黑';
    font-size:1.8rem;
    font-weight:bold;
}
.support_title.normal_banner_title h2 {line-height:4.5rem;}
.case_studies_title li {
    position:relative;
    display:inline;
}
.case_studies_title .down {
    padding:0 1rem;
    display:inline-block;
    font-family:'微软雅黑';
    font-size:1.05rem;
    color:rgb(25,25,25);
    line-height:2.5rem;
    border-left:1px solid #ddd;
    font-weight:bold;
}
.case_studies_title li:first-child .down {
    border-left:0 none;
}
.case_studies_title .down i {
    display:inline-block;
    width:1.2rem;
    height:1.2rem;
    margin-left:.5rem;
    background:url(../images/down1.jpg) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.2rem;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
}
.case_studies_title li:hover .down i,.case_studies_title .on .down i {
    background:url(../images/down1a.jpg) no-repeat left top;
    background-size:100% 100%;
}
.inner_down_list {
    position:absolute;
    left:0;
    top:2.7rem;
    display:none;
    width:15rem;
    padding:1.5rem;
    background-color:#fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.inner_down_list .each {
    padding:.5rem 0;
    font-size:1.05rem;
    line-height:1;
}
.inner_down_list .each .check_wrap {
    margin-right:.5rem;
    vertical-align:.05rem;
}
.inner_down_list .each .check_wrap label,.inner_down_list .each .check_wrap input:checked + label:after  {
    width:1.5rem;
    height:1.25rem;
}
.inner_down_list .each strong {
    font-family:'微软雅黑';
    color:rgb(25,25,25);
}
/*CASE STUDIES DETAIL*/

.c_s_detail .artical li {
   
}
.c_s_detail .artical {
    float:left;
    width:57%;
    padding:5% 0 5% 8%;
    margin-right:5%;
    font-size:1.3rem;
    color:#535353;
    line-height:1.6;
}
.c_s_detail .artical .title1 {
    margin-bottom:1.5rem;
    font-family:'ProximaNova-Light';
    font-size:1.8rem;
}
.c_s_detail .artical .title2 {
    margin-bottom:1rem;
    
    font-size:1.3rem;
    color:#000;
}
.c_s_detail .artical h4 {
    font-family:'微软雅黑';
}
.c_s_detail .related_articles {
    float:left;
    width:30%;
    padding:4%;
    font-family:'微软雅黑';
    background-color:#f2f5f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.c_s_detail .related_articles .title {
    display:block;
    margin:.75rem 0 1rem;
    font-size:1rem;
    color:#000;
    line-height:1.5;
    font-weight:bold;
}
.c_s_detail .related_articles .each_retall {
    margin-bottom:1.75rem;
}
.c_s_detail .related_articles .retall {
    display:block;
    padding:1.35rem 0 .6rem;
    font-size:.8rem;
    color:#c82506;
    text-transform:uppercase;
}
/*SUPPORT*/
.support_page .inner_banner .box_wrap,
.company_info .inner_banner .box_wrap,
.sign_in_page .inner_banner .box_wrap {
    height:20rem;
}
.support_page .inner_banner .search_box,
.company_info .search_box,
.sign_in_page .search_box{
    padding-top:10rem;
}
.support_page .inner_banner .search_box .input_text,
.company_info .search_box .input_text,
.sign_in_page .search_box .input_text {
    width:28rem;
    height:4rem;
    padding:0 1rem;
    font-size:1.3rem;
    line-height:4rem;
    background-color:#fff;
}
.support_page .inner_banner .search_box .input_submit,
.company_info .input_submit,
.sign_in_page .inner_banner .input_submit{
    width:7rem;
    height:4rem;
    background:#4489ec url(../images/right.png) no-repeat center center;
}
.support_menu {
    position: absolute;
    right: 0;
    top: 0;
}
.support_menu li {
    float:left;
}
.support_menu .per,.support_menu_list .per {
    display: block;
    height:4.3rem;
    margin-right: 2rem;
    font-size: 1.1rem;
    line-height:4.5rem;
    border-bottom: .3rem solid transparent;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
      font-family:'微软雅黑';
      font-weight:bold;
}
.support_menu .on .per,
.support_menu li:hover .per,
.support_menu_list .on .per,
.support_menu_list li:hover .per{
    font-family:'微软雅黑';
    border-bottom-color:#4489ec
}
.support_menu li:hover .per i,
.support_menu .on .per i,
.support_menu_list .on .per i,
.support_menu_list li:hover .per i{
    height:.3rem;
}
.pro_sup_list .each_sup_pro {
    float:left;
    width:18.6%;
    margin-left:1.75%;
    padding:1% 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.pro_sup_list .each_sup_pro:nth-child(5n+1) {
    margin-left:0;
}
.pro_sup_list .each_sup_pro .pro_about {
    display:block;
    padding:.5rem 0;
    text-align:center;
}
.pro_sup_list .each_sup_pro .pro_about .name {
    display:inline-block;
    padding:.25rem 0;
    font-family:'微软雅黑';
    font-size:1.2rem;
    border-bottom:.25rem solid rgb(228,231,235);
    text-transform:uppercase;
    font-weight:bold;
}
.technical_support .title_wrap {
    padding-top:4rem;
}
.technical_support .support_tab {
    padding-top:1rem;
}
.technical_support .support_tab .tab {
    float:left;
    display:inline-block;
    width:30%;
    height:3rem;
    font-family:'微软雅黑';
    font-size:1.1rem;
    color:#000;
    line-height:3rem;
    text-align:center;
    border:1px solid transparent;
    border-bottom:0;
     font-weight:bold;
}
.technical_support .support_tab .tab.on,.technical_support .support_tab .tab:hover {
    background-color:#fff;
    border-color:#ddd;
   
}
.technical_support_list {padding:5rem 0 3rem;}
.each_tech_sup,.how_to_video_list .e_video {
    position:relative;
    float:left;
    width:23.6875%;
    margin-left:1.75%;
    text-align:center;
}
.each_tech_sup:nth-child(4n+1),.how_to_video_list .e_video:nth-child(4n+1) {
    margin-left:0;
}
.each_tech_sup .text_wrap {
    padding:2rem 1.5rem 2.5rem;
    background-color:#fff;
}
.repair_service .each_tech_sup .text_wrap {
    box-shadow:0 0 .1rem rgba(220,222,224,.5);
   
}
.each_tech_sup .stitle {
    margin-bottom:1rem;
    font-family:'微软雅黑';
    font-size:1.4rem;
    color:#000;
    white-space:nowrap;
    overflow:hidden;
     font-weight:bold;
}
.each_tech_sup .des {
    height:4.5rem;
    margin-bottom:1rem;
    font-size:1rem;
    line-height:1.5;
    overflow:hidden;
}
.each_tech_sup .normal_more {
    
    font-size:1.05rem;
}
.faq_list .each_faq {
    padding:.8rem 2% .8rem 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.faq_list .each_faq .faq {
    position:relative;
    display:block;
    font-family:'微软雅黑';
    font-size:1.1rem;
    padding-left:2rem;
    font-weight:bold;
}
.faq_list .each_faq .faq i {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:1.25rem;
    height:1.25rem;
    margin-right:.5rem;
    background:url(../images/add1.png) no-repeat left top;
    background-size:100% 100%;
}
.faq_list .each_faq .answer {
    display:none;
    margin-top:1rem;
    padding:.5rem 1.75rem;
    color:#535353;
}
.how_to_video_list {padding-bottom:4rem;}
.how_to_video_list .e_video .video_des {
    text-align:left;
}
.how_to_video_list .e_video h2 a {
    display:block;
    padding: 1rem 0 1.15rem;
    font-family: '微软雅黑';
    font-size: 1.15rem;
    line-height: 1.2;
}
.how_to_video_list .e_video .date {
    display:inline-block;
    padding:.5rem 1rem;
    font-size: .9rem;
    color: rgb(83,83,83);
    background-color: rgb(228,231,235);
}
.how_to_video_list .e_video .play_btn {
    margin-top:-3.8rem;
}
/*NEWS & EVENTS瀑布流布局样式*/
#brand-waterfall { position: relative; width:80%;margin:0 auto; }
#brand-waterfall .item { float:left;width:31.33%;padding:1%;left: 0px; top: 0; }
#brand-waterfall .item a {position:relative;display:block;}
#brand-waterfall .text_wrap { padding:.5rem 1.5rem 2rem;font-size:.9rem;color:#535353;line-height:1.5;background:#fff;}
#brand-waterfall .picture img { height: auto; display: block; border: 0 }
#brand-waterfall h3 {
height:2.6rem;
    padding-top: 1rem;
    font-weight:bold;
    font-size:1.3rem;
    color:#000;

    line-height:1.3;
    overflow:hidden;
    }
    #brand-waterfall .des {    
    height:4.05rem;
    overflow:hidden;
}
#brand-waterfall .date {
    display:block;
    padding:1rem 0;
}
#brand-waterfall .read_more {
    display:inline-block;
    padding:.5rem 2rem;
    
}
#brand-waterfall .more_wrap {
    padding-top:1.5rem;
}
#brand-waterfall .read_more i,.our_partner_list .each_partner .read_more i {
    display:inline-block;
    width:.75rem;
    height:.75rem;
    margin-right:.5rem;
    background:url(../images/add.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}
.our_partner_list .each_partner .read_more i {
    vertical-align:-.1rem;
}
#brand-waterfall .item { -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s }
/*Product Support*/
.support_title_wrap .one_title {
   padding:3.5rem 0 1.5rem;
   font-weight:bold;
}
.support_menu_list li {
    float:left;
}
.support_menu_list .per {
    margin-right:2rem;
    margin-left:0;
    padding-bottom:1.5rem;
}
.support_menu_list .per i {
    bottom:0;
}
.bread_menu {
    padding:2rem 0;
    font-family:'微软雅黑';
    background-color:#e6e9ec;
}
.bread_menu a {
    display:inline-block;
    font-size:1rem;
    font-weight:bold;
}
.product_support .bread_menu a {
    text-transform:uppercase;
}
.bread_menu .line {
    display:inline-block;
    padding:0 .5rem;
}
.product_support_wrap .single_p_model {
    padding:1rem 0 2rem;
}
.product_support_wrap .single_p_model .model {
    margin-bottom:1rem;
}
.product_support_wrap .single_p_model .picture {
    float:left;
    width:30%;
}
.product_support_wrap .single_p_model .text_wrap {
    position:relative;
    margin-left:35%;
    padding:8% 0 5%;
    font-size:1rem;
    color:#000;
}
.product_support_wrap .single_p_model .print {
    position:absolute;
    right:0;
    top:1rem;
    display:block;
    font-size:.9rem;
    color:#535353;
}
.product_support_wrap .single_p_model .print i {
    display:inline-block;
    width:1.5rem;
    height:1rem;
    margin-left:.5rem;
    background:url(../images/print.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}
.product_support_wrap .single_p_model .model em {
    display:inline-block;
    margin-right:.5rem;
    font-family:'微软雅黑';
    font-size:1.8rem;
    font-weight:bold;
}
.product_support_wrap .single_p_model .change_model {
    display:inline-block;
    margin-left:.5rem;
    font-size:1rem;
    color:#295ce9;
}
.product_support_wrap .single_p_model .change_model span {
    display:inline-block;
    width:.6rem;
    height:.6rem;
    margin-right:.35rem;
    background:url(../images/arrow.png) no-repeat left top;
    background-size:100% 100%;
}
.product_support_wrap .single_p_model .location_number {
    padding:1.5rem 0;
}
.product_support_wrap .single_p_model .location_number em {
   font-weight:bold;
}
.product_support_wrap .single_p_model .view_wrap a {color:#295ce9;}
.support_gray_tab {
    text-align:center;
    background-color:#e6e9ec;
}
.support_gray_tab .each_tab {
    float:left;
    display:block;
    width:25%;
    padding:1.5rem 1rem;
    border-right:1px solid #fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.support_gray_tab .each_tab:hover,.support_gray_tab .each_tab.on {
    background-color:#fff;
}
.support_gray_tab .each_tab .icon {
    display:inline-block;
    width:2.5rem;
}
.support_gray_tab .each_tab em {
    display:block;
    padding-top:.7rem;
    font-size:.9rem;
    color:#000;
}
.manuals_and_more {
    
    font-size:1rem;
}
.manuals_and_more .title {
    margin-bottom:.5rem;
    font-size:1.2rem;
    font-weight:bold;
}
.left_pdfs_down,.how_to_video .video_list {
    float:left;
    width:70%;
}
.how_to_video .video_list {
    padding-bottom:2rem;
}
.left_pdfs_down .each_pdfs {
    float:left;
    width:50%;
    margin-bottom:1rem;
}
.left_pdfs_down .pdf,.left_pdfs_down .rar,.left_pdfs_down .zip,.left_pdfs_down .doc,.left_pdfs_down .docx {
    display:block;
    padding:.5rem 0;
    color:#295ce9;
}
.left_pdfs_down .pdf i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/pdf.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}

.left_pdfs_down .rar i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/rar.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}

.left_pdfs_down .zip i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/zip.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}

.left_pdfs_down .doc i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/doc.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}

.left_pdfs_down .docx i {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-right:.5rem;
    background:url(../images/docx.png) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-.15rem;
}
.left_pdfs_down .bottom_tips {
    padding:.75rem 0;
    margin-top:2rem;
    border-top:1px solid #ddd;
}
.purchase_or_more,.how_to_video .looking_for_wrap {
    margin-left:78%;
}
.purchase_or_more .gray_box,.looking_for_wrap .gray_box {
    padding:1.8rem 2rem;
    margin-bottom:1.5rem;
    background-color:#f1f5f9;
}
.purchase_or_more .gray_box .title,.looking_for_wrap .gray_box .title  {
    margin-bottom:.5rem;
    font-size:1.2rem;
    font-weight:bold;
}
.purchase_more {
    background:#f1f5f9 ;
}
.looking_for_wrap .gray_box.get_help {
    padding:1rem 2rem 4rem;
    background:#f1f5f9 ;
}
.product_support .looking_for_wrap .gray_box.get_help {
    padding:1.8rem 2rem;
    background-image:none;
}
.faqs_page .get_help.gray_box,.faqs_page .purchase_more.gray_box {
    width:67%;
}
.looking_for_wrap .gray_box .title {
    font-size:1.2rem;
    font-weight:bold;
}
.purchase_or_more .tips {
    font-size:.9rem;
    color:#535353;
}
.purchase_or_more .more_tips,.looking_for_wrap .more_tips {
    padding:1rem 0;
}
.purchase_or_more .each_link,.looking_for_wrap .each_link {
    display:block;
    padding:.25rem 0;
    font-family:'微软雅黑';
    color:#295ce9;
}
.purchase_or_more .each_link i,.looking_for_wrap .each_link i {
    display:inline-block;
    width:0;
    height:0;
    margin-right:.25rem;
    border-left:.35rem solid #f69522;
    border-top:.25rem solid transparent;
    border-bottom:.25rem solid transparent;
    vertical-align:.15rem;
}
/*HOW-TO VIDEOS*/
.looking_for_wrap .recommends {
    margin-bottom:2rem;
}
.looking_for_wrap .recommend {
    display:inline-block;
    margin:.55rem .15rem 0;
    padding:.75rem 1rem .5rem;
    color:rgb(135,135,135);
    line-height:1;
    background-color:#e6e9ed;
    box-shadow:.15rem .15rem  #c7c9cc;
    -moz-box-shadow:.15rem .15rem  #c7c9cc;
    -webkit-box-shadow:.15rem .15rem  #c7c9cc;
}
.looking_for_wrap .recommend strong {
    font-family:'微软雅黑';
    color:rgb(116,116,116);
    font-weight:bold;
}
/*faqs*/
.faqs_page .looking_for_wrap {
    float:left;
    width:25%;
}
.faqs_page .faq_list {
    margin-left:28%;
}
.faqs_page .faq_list .each_faq {
    width:100%;
    padding:0 0 1.5rem 0;
}
/*OUR PARTNERS*/
.our_partner_list {
    padding-bottom:4rem;
}
.our_partner_list .each_partner {
    margin-bottom:2.5rem;
    padding:2rem 3rem 2rem 2rem;
    line-height:1.2;
    background-color:#fff;
}
.our_partner_list .each_partner .text_wrap {
    float:left;
    width:67%;
}
.our_partner_list .each_partner .title {
    
    font-size:1.5rem;
}
.our_partner_list .each_partner .tips {
    padding:1rem 0;
    
    font-size:1rem;
}
.our_partner_list .each_partner .per_side {
    float:left;
    width:47%;
    padding-right:3%;
}
.our_partner_list .each_partner .more_msg .label {
    float:left;
}
.our_partner_list .each_partner  .more_msg .detail {
    display:block;
    margin-left:6rem;
}
.our_partner_list .each_partner .des {
    padding-bottom:1rem;
}
.our_partner_list .each_partner .more_msg {
    margin-bottom:1rem;
}
.our_partner_list .each_partner .per_side .label {
    float:left;
    width:25%;
    display:block;
    font-family:'微软雅黑';
}
.our_partner_list .each_partner .per_side .detail {
    display:block;
    margin-left:25%;
    font-size:1rem;
}
.our_partner_list .each_partner .more_wrap {
    padding-top:1rem;
}
.our_partner_list .each_partner .read_more {
    display:inline-block;
    padding:.65rem 1.5rem .5rem;
}
.our_partner_list .each_partner .partner_logo {
    margin-left:70%;
    margin-top:.35rem;
    padding:2.5rem 0;
    text-align:center;
    border:1px solid #ddd;
}
/*company_info*/
.company_info {padding:6rem 0 .5rem;}
.company_info .layouts {
    padding-bottom:7rem;
}
.page_normal_title1 {
    margin-bottom:1.5rem;
    font-weight:bold;
    font-size:2rem;
}
.company_info_each {padding:4rem 8rem;background-color:#fff;}
.company_info_each:first-child {padding:4.5rem 8rem 0;}
.company_info_each .page_normal_title1 {
    margin-bottom:2.5rem;
}
.contact_us .company_info_each {
    padding:3rem 8rem 4rem;
    background-color:#f2f5f8;
}
.company_info_each .label_input {
    float:left;
    width:47.5%;
    height:3.5rem;
    overflow:hidden;
    margin-left:5%;
    margin-bottom:2rem;
    padding:1rem;
    
    font-size:1rem;
    color:rgb(116,120,124);
    background-color:#f2f5f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-shadow:0 .135rem rgb(210,214,218);
    -moz-box-shadow:0 .135rem rgb(210,214,218);
    -webkit-box-shadow:0 .135rem rgb(210,214,218);
}
.company_info_each .label_input:nth-child(2n+1) {
    margin-left:0;
}
.company_info_each .input_text {
    width:60%;
    font-size:1rem;
    background-color:#f2f5f8;
}
.company_info_each textarea {
    width:100%;
    height:10rem;
    padding:1rem;
    font-size:1rem;
    border:0 none;
    background-color:#f2f5f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-shadow:0 .135rem rgb(210,214,218);
    -moz-box-shadow:0 .135rem rgb(210,214,218);
    -webkit-box-shadow:0 .135rem rgb(210,214,218);
}
.contact_us .company_info_each .label_input,
.contact_us .company_info_each .input_text,
.contact_us .company_info_each textarea {
    background-color:#fff;
}
.company_info_each select {
   border:0px none;
   padding:5px;
    font-size:1rem;
    color:rgb(116,120,124);
    background-color:#f2f5f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.contact_wrap .company_info_each select {
    background-color:#fff;
}
.company_info_each select option{
   padding:5px;
}
.company_info_each .check_box {
    padding:1rem 0;
    
    font-size:1rem;
    color:rgb(116,120,124);
}
.company_info_each .check_box .check_wrap {
    margin-right:.5rem;
}
.company_info_each .check_box label,
.company_info_each .check_wrap input:checked + label:after {
    width:1.4rem;
    height:1.4rem
}
.company_info_each .submit_wrap {
    padding:3rem 0;
}
.company_info_each .blue_btn {
    display:inline-block;
    padding:1rem 2.5rem;
    font-size:1rem;
}
/*contact_us*/
.contact_wrap .page_normal_title1 {
    margin-bottom:2.2rem;
    font-size:2.2rem;
}
.contact_us .title_w {
    padding-top:4.5rem;
}
.contact_us .title_w .tips {
    font-size:1.1rem;
    line-height:1.35;
}
.contact_way {padding:4rem 0;}
.contact_way .each_one {padding:2.5rem 0;}
.contact_way .each_one .picture,.contact_way .each_one .cont_msg {
    float:left;
    width:45%;
}
.contact_way .each_one .picture {
    margin-right:10%;
}
.contact_way .each_one .name {
    padding:1rem 0 3rem;
    font-family:'微软雅黑';
    font-size:2.4rem;
    font-weight:bold;
}
.contact_way .each_one .each_detail {
    margin-bottom:.75rem;
}
.contact_way .each_one .label_w {
    float:left;
    font-family:'微软雅黑';
    font-size:1rem;
    font-weight:bold;
}
.contact_way .each_one .detail {
    margin-left:25%;
    line-height:1.5;
}
/*sign in*/
.sign_in_page {padding:6rem 0 .5rem;}
.sign_in {padding-bottom:6rem;}
.sign_in .layouts {
    padding:3rem 0;
    font-size:1rem;
    text-align:center;
    background-color:#fff;
}
.sign_in_title {
    margin-bottom:1.5rem;
    
    font-size:1.8rem;
}
.sign_in .each_input {
    width:28rem;
    padding:1rem;
    margin:1.5rem auto;
    
    color:rgb(116,120,124);
    text-align:left;
    background-color:#f2f5f8;
    box-shadow:0 .135rem rgb(210,214,218);
}
.sign_in .each_input .input_text {
    width:70%;
    padding-left:.5rem;
    font-size:1rem;
    background-color:#f2f5f8;
}
.sign_in .sign_submit {
    padding:1rem 0;
}
.sign_in .blue_btn {
    padding:.75rem 3rem;
    font-size:1rem;
}
/*forget*/
.forget_wrap {
    display:table;
    width:900px;
    height:360px;
    text-align:center;
    background-color:#f2f5f8;
}
.forget_wrap .container {
    display:table-cell;
    vertical-align:middle;
}
.forget_wrap .title {
    margin-bottom:50px;
    
    font-size:30px;
}
.forget_wrap .tips {
    font-size:20px;
    line-height:1.5;
}
/*about_us*/
.about_us .container {padding:6rem 0;}
.about_us .wrap1 {
    padding:5.5rem 0;
    font-size:1rem;
    line-height:1.5;
    text-align:center;
}
.about_us .wrap1 .title {
    font-family:'微软雅黑';
    font-size:1.3rem;
}
.about_us .wrap1 .des {
    padding:2.5rem 0;
}
.about_us .wrap2 .text_wrap .title,.about_us .wrap4 .text_wrap  .title {
    font-family:'微软雅黑';
    font-size:2.3rem;
    line-height:1.2;
    font-weight:bold;
}
.about_us .wrap2 .text_wrap .des,.about_us .wrap4 .text_wrap  .des {
    padding:1.5rem 0 2rem;
    font-size:1rem;
    color:#535353;
    line-height:1.5;
}
.about_us .three_list .each_one {
    float:left;
    width:31.33%;
    margin-left:3%;
}
.about_us .wrap3 .each_one {padding-bottom:4.5rem;}
.about_us .wrap3 .each_one:first-child {
    margin-left:0;
}
.about_us .two_list .each_one {
    float:left;
    width:48.5%;
    margin-left:3%;
}
.about_us .wrap3 .each_one h2 {
    padding:1.5rem 0 .75rem;
    font-family:'微软雅黑';
    font-size:1.3rem;
    white-space:nowrap;
    overflow:hidden;
     font-weight:bold;
}
.about_us .wrap3 .each_one .des {
    font-size:1rem;
    color:#535353;
}
.about_us .wrap2 .picture,.about_us .wrap4 .picture {
    width:85%;
}
.about_us_scroll .swiper-button-next,.about_us_scroll .swiper-button-prev {
    width:2rem;
    height:3.35rem;
}
.about_us_scroll .swiper-button-prev.swiper-button-disabled,
.about_us_scroll .swiper-button-next.swiper-button-disabled {
    opacity:0;
}
.about_us_scroll .swiper-button-next {
    background:url(../images/next1.png) no-repeat left top;
    background-size:100% 100%;
}
.about_us_scroll .swiper-button-prev {
    background:url(../images/prev1.png) no-repeat left top;
    background-size:100% 100%;
}
.about_us_scroll .picture {
    float:left;
    width:40%;
}
.about_us_scroll .text_edit {
    margin-left:45%;
}
.about_us_scroll .text_edit .title {
    padding:.75rem 0 2.5rem;
    font-family:'微软雅黑';
    font-size:2.4rem;
}
.about_us_scroll .text_edit .des {
    font-size:1.3rem;
    line-height:1.4;
}
.about_us_scroll .text_edit .inscribe_wrap {
    padding-top:5rem;
    font-size:1.3rem;
    line-height:1.35;
}
.about_us_scroll .text_edit .name_style {
    display:block;
    font-family:'微软雅黑';
    font-size:1.5rem;
    line-height:2rem;
}
.about_us_scroll .text_edit .name_style i {
    display:inline-block;
    height:2rem;
    width:2rem;
    color:#fff;
    background-color:#000;
    text-align:center
}
.about_us_scroll .text_edit .name {
    display:block;
    font-family:'微软雅黑';
    font-size:1.3rem;
}
.about_us_scroll .text_edit  .other {
    color:#535353;
}
/*电话弹窗*/
.telephone_box {
    font-family:'微软雅黑';
    font-size:16px;
    line-height:1.6;
    text-align:center;
    color:rgb(51,51,51);
}
.telephone_box .light_gray_box {
    padding:2.5rem 0;
    background-color:#f2f5f8;
}
.telephone_box .dark_gray_box {
    padding:4rem 0;
    background-color:#ddd;
}
.telephone_box .number {
    margin-bottom:1rem;
    font-size:22px;
}
.telephone_box .number i {
    display:inline-block;
    width:3.75rem;
    height:3.75rem;
    background:url(../images/phone.jpg) no-repeat left top;
    background-size:100% 100%;
    vertical-align:-3rem;
}
/*图片100%*/
.index_product li .p_picture img,
.index_news_event .each img,
.index_stories .each img,
.compare_window .each_pic img,
.product_wrap .product_list li img,
.pro_picture_scroll img,
.product_detail .wrap2 .pic img,
.e_video img,
.industry_content .wrap2 .manager img,
.industry_content .wrap1 .video img,
.industry_content .wrap4 .each_one img,
.each_story img,
.picture img {
    display:block;
    width:100%;
}
/*背景色*/
.industry_content .wrap2,
.industry_content .wrap5,
.case_studies_list,
.bg1 {
    background-color:#f2f5f8;
}


.page{margin-top:10px; text-align:center;}
.page a{display:inline-block;padding:0px 8px;line-height:20px;border:1px solid #ddd;margin-right:5px;}
.page .current{display:inline-block;padding:0px 8px;font-size:.9rem;line-height:1.6;color:#ccc;}


.editor{line-height:1.5;text-align:left;}
.editor p{text-align:left;}
.editor img{display:-webkit-box;margin:0 auto;}
.editor ol li{list-style-type:square;list-style-position:outside;margin-left:26px;}
.editor ul li{list-style-type:disc;list-style-position:outside;margin-left:26px;}
    .editor b, .editor strong {font-weight:bold;
    }

.case_info_layout {
    position:absolute;
    bottom:10%;
    left:10%;
    width:73.75%;
    padding-left:6.25%
}
.case_info_type {padding-top:20rem;color:#FFF;}
.case_info_type span{display:inline-block;padding:0 10px;
    font-family:'微软雅黑';
    font-size:.95rem;font-weight:bold;
}
.case_info_type span:first-child {
    padding:0 10px 0 0;
}
.case_info_title {width:75%;padding-top:1.25rem;color:#FFF;font-size:4rem;font-weight:100;font-family:'微软雅黑';line-height:1.15;}

.faq_list .each_faq {
    width:48%;float:left;
}

.get_more_page {
   background-color:#ececec;width:120px;line-height:40px;height:40px;margin:10px auto;cursor:pointer;text-align:center;clear:both;
}
.compare_parameter_wrap,.compare_title {margin-bottom:1.25rem;}
.compare_title.on {margin-bottom:0;}

.lan_wrap {
    position: relative;
    z-index:100;
}
.lan_select {
    position:absolute;
    top:2.5rem;
    left:0;
    background-color:#333;
}
.lan_select {
    width: 100%;
    display:none;
}
 .lan_select a {
        display: block;
        text-align: center;
        height: 2rem;
        line-height: 2rem;
        color:#dcdcdc;
        font-size:0.9rem;
}
        .lan_select a:hover
{
    background-color:#999;
    color:#fff;
}


.fadeInUp {
    display:block;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.frlinks {
    display: block;
    line-height:24px;
    padding-bottom:20px;
}
.frlinks a{
    display:inline-block;padding-right:4px;color:#a0a3a6;font-size:12px;
}
.frlinks span{
    display:inline-block;padding-right:4px;color:#a0a3a6;font-size:12px;
}
.bottom {
    padding-bottom: 16px;
}

.str_page{clear:both;}
.str_page li{list-style:none;display:inline-block;padding:3px 10px;text-align:center;color:#74787c;border:0 none;font-weight:bold; margin-right:10px;border-radius:2px;}
.str_page li.on{ color: #fff;background-color: #4489ec;}
.str_page li.on a {color:#fff;}



.mike_mvc_pager{clear:both;margin-top:50px;text-align:center;}
.mike_mvc_pager a{list-style:none;display:inline-block;padding:3px 10px;text-align:center;color:#74787c;border:0 none;font-weight:bold; margin-right:10px;}
.mike_mvc_pager a.current{color:#fff;border:1px solid #4489ec;background-color:#4489ec;border-radius:2px;}
/*product-detail*/
.product_detail .page_banner .banner_inner {
    position:relative;
}
.product_detail .page_banner .banner_inner img {display:block;}
.product_detail .page_banner .text-wrap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.product_detail .page_banner .text-inner {
    position:absolute;
    top:50%;
    right:10%;
    width:30rem;
    font-size:.9rem;
    color:#fff;
    line-height:1.5;
    transform:translateY(-50%);
}
.product_detail .page_banner .text-inner .title {
    font-size:2.4rem;
    font-weight:bold;
    line-height:1.2;
    padding-bottom:.5rem;
}
.product_detail .page_banner .text-inner .small {
    display:block;
    padding:.5rem 0 3rem;
    font-weight:bold;
    font-size:1.4rem;
}
.product_detail .page_banner .text-inner .descrition {margin-bottom:.75rem;}
.product_detail .page_banner .text-inner .blue_btn {float:none;}

.c_s_detail .more_stories .each_story:nth-child(2n+1) {margin-left:0;}



.new-about {
	min-width:1024px;
}
.a-banner {
	width:100%;
	min-height:46rem;
	position:relative;
}
.a-banner .box {
	max-width:1240px;
	margin:auto;
	text-align:center;
	padding-top:6rem;
}
.a-banner .box .icon {
	margin-bottom:1.2rem;
}
.a-banner .box .t1 {
	font-size:2.9rem;
	line-height:1;
	color:#fff;
	font-weight:bold;
	margin-bottom:2.8rem;
}
.a-banner .box .t2 {
	width:65rem;
	font-size:1.2rem;
	line-height:1.8rem;
	color:#fff;
	margin:0 auto 4.6rem;
}
.a-banner .box .cks a{
    color:#fff;
}
.a-banner .box .cks div {
	display:inline-block;
	width:11.5rem;
	height:3.1rem;
	text-align:center;
	line-height:3.1rem;
	background:#4489ec;
	color:#fff;
	font-size:1rem;
	margin:0 15px;
}
.a-banner .box .cks div img {
	display:inline-block;
	vertical-align:middle;
	margin-right:0.6rem;
    width:1.8rem;
}
.a-banner .box2 {
	width:100%;
	height:9rem;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	background:rgba(23,27,32,.6);
	text-align:center;
}
.a-banner .box2 a {
	display:inline-block;
	padding-top:2rem;
	margin:0 3.5rem;
}
.a-banner .box2 a .icon {
	width:3rem;
	margin:0 auto 1rem;
}
.a-banner .box2 a .txt {
	font-size:1.1rem;
	line-height:1;
	color:#fff;
}

.a-us {
	min-width:1024px;
	background:#eee;
	box-sizing:border-box;
	padding:4.7rem 10% 5.1rem;
}
.a-us .title {
	font-size:2.9rem;
	line-height:1;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-bottom:3rem;
}
.a-us .list {
	max-width:1500px;
	margin:auto;
	display:table;
}
.a-us .list li {
	width:calc(50% - 10px);
	float:left;
	margin-right:20px;
	background:#fff;
	list-style:none;
	padding-bottom:2.3rem;
	margin-bottom:0.9rem;
}
.a-us .list li:nth-child(2n) {
	margin-right:0;
}
.a-us .list li .img {
	width:100%;
}
.a-us .list li .tbox {
	width:100%;
	box-sizing:border-box;
	padding:1rem 1.5rem 0 2.5rem;
}
.a-us .list li .txt1 {
	font-size:1.4rem;
	line-height:2.1rem;
	height:4.2rem;
	color:#323333;
	font-weight:bold;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.a-us .list li .line {
	width:6.4rem;
	height:0.4rem;
	background:#4489ec;
	margin:0.9rem 0 1.2rem;
}
.a-us .list li .txt2 {
	font-size:1rem;
	line-height:1.5rem;
	height:3rem;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.a-news {
	min-width:1024px;
	height:40rem;
	box-sizing:border-box;
	padding:0 10%;
}
.a-news .box {
	max-width:1500px;
	margin:auto;
	padding-top:5.3rem;
}
.a-news .box .title {
	font-size:2.9rem;
	font-weight:bold;
	color:#fff;
	line-height:1;
	margin-bottom:2rem;
}
.a-news .box .list {
	width:100%;
}
.a-news .box .list li {
	font-size:1.1rem;
	line-height:1.7rem;
	margin-bottom:0.7rem;
}
.a-news .box .list li .t1 {
	color:#fff;
}
.a-news .box .list li .t2 {
	color:#fff;
	padding-left:0.6rem;
}
.a-news .box .cks {
	margin-top:5rem;
}
.a-news .box .cks div {
	display:inline-block;
	width:11.5rem;
	height:3.1rem;
	text-align:center;
	line-height:3.1rem;
	color:#fff;
	background:#4489ec;
	font-size:1.1rem;
	margin-right:0.7rem;
}
.a-news .box .cks a {
	color:#fff;
	display:block;
}

.a-video {
	min-width:1024px;
	box-sizing:border-box;
	padding:0 10%;
}
.a-video .box {
	max-width:1500px;
	margin:auto;
	display:table;
	padding:6.1rem 0 5rem;
}
.a-video .box .video {
	width:52.5%;
	float:left;
	margin-left:-1rem;
}
.a-video .box .tbox {
	width:42%;
	float:right;
}
.a-video .box .tbox .t1 {
	font-weight:bold;
	font-size:2.9rem;
	line-height:3.9rem;
	color:#000;
}
.a-video .box .tbox .t2 {
	font-size:1rem;
	line-height:1.6rem;
	color:#000;
	margin-top:2.8rem;
}

.a-case {
	min-width:1024px;
	height:42.5rem;
	box-sizing:border-box;
	padding:0 10%;
}
.a-case .box {
	max-width:1500px;
	margin:auto;
	display:table;
	padding-top:8rem;
}
.a-case .box .tbox {
	width:38%;
	float:left;
}
.a-case .box .tbox .t1 {
	font-size:2.9rem;
	font-weight:bold;
	color:#fff;
	line-height:3.6rem;
}
.a-case .box .tbox .t2 {
	font-size:1rem;
	line-height:1.5;
	color:#fff;
	margin-top:1.5rem;
}
.a-case .box .tbox .t3 {
	width:11.5rem;
	height:3.1rem;
	background:#4489ec;
	color:#fff;
	text-align:center;
	line-height:3.1rem;
	font-size:1.1rem;
	display:block;
	margin-top:9.9rem;
}
.a-case .box .list {
	width:58%;
	float:right;
}
    .a-case .box .list ul {
        float:left;
        width:48%;
        margin-left:2%;
    }
.a-case .box .list li {
	width:100%;
	border-left:1px solid #fff;
	box-sizing:border-box;
	font-size:1.1rem;
	line-height:1.6rem;
	list-style:none;
	margin-left:1.5rem;
	padding:0.3rem 0 1.4rem 2.5rem;
    color:#fff;
}
.a-case .box .list li span{
    display:inline-block;
    width:24px;
	color:#fff;
    vertical-align:top;
}
.a-case .box .list li a {
	color:#fff;
    display:inline-block;
    width:16.6rem;
}

.a-use {
	min-width:1024px;
	box-sizing:border-box;
	padding:0 10%;
}
.a-use .box {
	max-width:1500px;
	margin:auto;
	text-align:center;
	padding:4.6rem 0;
}
.a-use .box .title {
	font-size:2.9rem;
	line-height:3.9rem;
	font-weight:bold;
	color:#000;
}
.a-use .box .txt {
	max-width:1024px;
	margin:1.6rem auto 2.4rem;
	font-size:1rem;
	line-height:1.5rem;
	color:#000;
}
.a-use .box .list {
	width:100%;
	display:table;
}
.a-use .box .list li {
	width:calc(25% - 9px);
	margin-right:12px;
	margin-bottom:9px;
	float:left;
	position:relative;
	list-style:none;
    overflow:hidden;
}
.a-use .box .list li:nth-child(4n) {
	margin-right:0;
}
.a-use .box .list li span {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	left:0;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
}


/* 2021.11.1新增 */
.product_detail .page_banner .text-inner .more-wrap {
	display: flex;
	align-items: center;
}

.product_detail .page_banner .btnPlay {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 1rem;
}

.product_detail .iconPlay {
	width: 0.8rem;
	margin-right: 10px;
}

.popupVideo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99999;
	display: none;
}

.popupVideo .wrapVideo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 80%;
	width: 80%;
	max-height: 80vh;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popupVideo .btnPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
}

.popupVideo .close {
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
	width: 1.5rem;
}

.product_detail .pro_picture_scroll .view .swiper-container {
	display: flex;
   justify-content: center;
	align-items: center;
}

.product_detail .view .videoBox {
	display: none;
    width:100%;
}

.product_detail .videoBox .btnPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
	cursor: pointer;
}

@media(max-width: 780px){
    .industry_content .wrap1 .artical{
        width: 100%;
        float: none;
    }
    .industry_content .wrap1 .gray_box{
        margin-left: 0;
        width: 100%;
    }
    .industry_content .wrap1 .title2{
        font-size: 24px;
    }

    
}

/* ===== newcss3661.css ===== */
@media  (min-device-width: 1200px){

    .v5000s .box1 .words {
        font-size: 24px;
        color: #000;
        line-height: 40px;
    }

    .v5000s .box1 .h1 {
        font-size: 48px;
        color: #000;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .v5000s .box11 .suspen {
        top: 8%;
        transform: translate(-50%, 0);
        text-align: center;
    }

    .v5000s .box1 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box1 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 24px;
        text-align: center;
    }

    .v5000s .box1 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box1 .name {
        font-size: 20px;
        color: #fff;
        margin-top: 16px;
    }


    .v5000s .box1:last-child .words {
        font-size: 24px;
        color: #fff;
        line-height: 40px;
    }

    .v5000s .box1:last-child .h1 {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .v5000s .box1:last-child .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box1:last-child .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 24px;
        text-align: center;
    }

    .v5000s .box1:last-child .column:last-child {
        margin-right: 0;
    }

    .v5000s .box1:last-child .name {
        font-size: 20px;
        color: #fff;
        margin-top: 16px;
    }


    .v5000s .box7 .rongliang {
        font-size: 24px;
        color: #ffffff;
        margin-top: 100px;
        line-height: 42px;
    }

    .v5000s .box7 .rongliang span {
        font-size: 72px;
        color: #ffffff;
    }

    .v5000s .box9 .text-box {
        max-width: 570px;
    }

    .v5000s .box9 .h1 {
        color: #ffffff;
        /* font-size: 48px; */
    }

    .v5000s .box9 .words {
        font-size: 44px;
        color: #ffffff;
        font-weight: normal;
        margin-bottom: 30px;
    }

    .v5000s .box4 .suspen {
        top: auto;
        bottom: 10%;
    }

    .v5000s .box5 .words {
        font-size: 24px;
        line-height: 41px;
    }

    .v5000s .box4 .words {
        font-size: 24px;
        line-height: 30px;
    }

    .v5000s .box4 .h1 {
        color: #ffffff;
        margin-bottom: 20px !important;
    }

    .v5000s .box7 .words {
        color: #c2c2c4;
        font-weight: normal;
        font-size: 24px;
        line-height: 40px;
    }

    .v5000s .box11 .words {
        color: #ffffff;
        font-weight: normal;
        font-size: 24px;
        line-height: 40px;
    }

    .wff {
        color: #fff !important;
    }

    /*.v5000s .box1 {*/
    /*    height: 1035px;*/
    /*}*/

    /*.v5000s .box2 {*/
    /*    height: 1070px;*/
    /*}*/

    /*.v5000s .box3 {*/
    /*    height: 922px;*/
    /*}*/

    /*.v5000s .box4 {*/
    /*    height: 892px;*/
    /*}*/

    /*.v5000s .box5 {*/
    /*    height: 974px;*/
    /*}*/

    /*.v5000s .box7 {*/
    /*    height: 793px;*/
    /*}*/

    /*.v5000s .box8 {*/
    /*    height: 874px;*/
    /*}*/

    /*.v5000s .box9 {*/
    /*    height: 713px;*/
    /*}*/

    /*.v5000s .box10 {*/
    /*    height: 852px;*/
    /*}*/

    /*.v5000s .box11 {*/
    /*    height: 1021px;*/
    /*}*/

    .v5000s .box1 .h1 {
        font-size: 48px;
        color: #5c5350;
        font-weight: bold;
        margin-bottom: 24px;
    }

    .v5000s .box1 .words {
        font-size: 24px;
        color: #5c5350;
        line-height: 52px;
    }

    .v5000s .box2 .play-box {
        text-align: center;
    }

    .play-but-icon {
        cursor: pointer;
    }

    .v5000s .box2 .h1 {
        font-size: 26px;
        color: #eeeeee;
        font-weight: bold;
        line-height: 1;
        margin-top: 27px;
    }

    .v5000s .box3 .text-box {
        float: right;
        max-width: 500px;
    }

    .summ-box .h1 {
        font-size: 48px;
        color: #333333;
        line-height: 55px;
        font-weight: bold;
        margin-bottom: 19px;
    }

    .summ-box .words {
        font-size: 24px;
        color: #333333;
        line-height: 42px;
        font-weight: 300;
    }

    .v5000s .box3 .suspen {
        top: 30%;
    }

    .v5000s .box4 .suspen {
        top: auto;
        bottom: 3%;
    }

    .v5000s .box4 .text-box {
        max-width: 620px;
        text-align: center;
        margin: 0 auto;
    }

    .v5000s .box4 .h1 {
        color: #ffffff;
        margin-bottom: 30px;
    }

    .v5000s .box4 .words {
        font-size: 22px;
        color: #ffffff;
        line-height: 38px;
    }

    .v5000s .box5 .suspen {
        width: 86%;
        top: 30%;
    }

    .v5000s .box5 .text-box {
        float: right;
        max-width: 465px;
    }

    .v5000s .box5 .h1 {
        color: #ffffff;
        margin-bottom: 30px;
    }

    .v5000s .box5 .words {
        font-size: 22px;
        color: #ffffff;
        line-height: 38px;
    }

    .v5000s .box6 {
        padding: 82px 0 90px;
        background-color: #eceef1;
    }

    .v5000s .box6 .text-box {
        text-align: center;
        margin-bottom: 75px;
    }

    .v5000s .box6 .h1 {
        margin-bottom: 18px;
    }

    .v5000s .box6 .words {
        color: #999999;
        line-height: 38px;
        font-weight: normal;
    }

    .v5000s .box6 .list-box {
        max-width: 1252px;
        margin: 0 auto;
    }

    .v5000s .box6 .column {
        float: left;
        width: 32%;
        margin-right: 2%;
        border-radius: 15px;
        position: relative;
    }

    .v5000s .box6 .column:nth-child(3n) {
        margin-right: 0;
    }

    .v5000s .box7 .suspen {
        top: 55%;
    }

    .v5000s .box7 .text-box {
        max-width: 570px;
    }

    .v5000s .box7 .h1 {
        color: #ffffff;
    }

    .v5000s .box7 .words {
        color: #c2c2c4;
        font-weight: normal;
    }

    .v5000s .box8 .text-box {
        float: right;
        max-width: 475px;
    }

    .v5000s .box8 .h1 {
        color: #ffffff;
    }

    .v5000s .box8 .words {
        color: #ffffff;
        font-weight: normal;
    }

    .v5000s .box9 .text-box {
        max-width: 530px;
    }

    .v5000s .box9 .h1 {
        color: #ffffff;
    }

    .v5000s .box9 .words {
        color: #ffffff;
        font-weight: normal;
    }

    .v5000s .box10 .text-box {
        float: right;
        max-width: 410px;
    }

    .v5000s .box10 .suspen {
        top: 58%;
    }

    .v5000s .box10 .words {
        font-weight: normal;
    }

    .v5000s .box11 .suspen {
        top: auto;
        top: 7%;
        transform: translate(-50%, 0);
        text-align: center;
    }

    .v5000s .box11 .text-box {
        max-width: 505px;
        margin: 0 auto;
        margin-bottom: 130px;
    }

    .v5000s .box11 .h1 {
        color: #ffffff;
    }

    .v5000s .box11 .words {
        color: #ffffff;
        font-weight: normal;
    }

    /*a100*/
    .a100 .box1 {

    }

    .a100 .box1 .p1 {
        font-size: 44px;
        text-align: right;
        color: #fff;
    }

    .a100 .box1 .p2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: right;
        margin: 44px 0;
    }

    .a100 .box1 .p3 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: right;
    }

    .a100 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .a100 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .a100 .box2 {

    }

    .a100 .box2 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .a100 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0;
    }

    .a100 .box3 {

    }

    .a100 .box3 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .a100 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .a100 .box4 {

    }

    .a100 .box4 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .a100 .box4 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .a100 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .a100 .box5 {

    }

    .a100 .box5 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
    }

    .a100 .box5 .p2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: right;
        margin: 20px 0;
    }

    .a100 .box5 {

    }

    .a100 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .a100 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .a100 .box1 .suspen {

    }

    .a100 .box2 .suspen {

    }

    .a100 .box3 .suspen {

        top: 15%;
    }

    .a100 .box4 .suspen {

        top: 26%;
    }

    .a100 .box5 .suspen {

    }

    .a100 .box6 .suspen {

        top: 86%;
    }

    /*k319*/
    .k319 .box1 {

    }

    .k319 .box1 .p1 {
        font-size: 71px;
        text-align: left;
        color: #bd7d50;
        font-weight: 700;
        display: block;
        /* margin-bottom: 20px; */
    }

    .k319 .box1 .p2 {
        color: #bd7d50;
        font-size: 47px;
        font-weight: normal;
        text-align: left;
        margin: 47px 0;
    }

    .k319 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k319 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k319 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k319 .box2 {

    }

    .k319 .box2 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        width: 36%;
        line-height: 46px;
    }

    .k319 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0;
        margin-bottom: 29px;
    }

    .k319 .box3 {

        margin-top: 50px;
    }

    .k319 .box3 .p1 {
        font-size: 48px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .k319 .box3 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 40px;
    }

    .k319 .box4 {

    }

    .k319 .box4 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .k319 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
    }

    .k319 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k319 .box5 {

    }

    .k319 .box5 .p1 {
        font-size: 44px;
        text-align: left;
        color: #333;
    }

    .k319 .box5 .p2 {
        color: #333;
        font-size: 20px;
        /* font-weight: 700; */
        text-align: left;
        margin: 20px 0 44px 0;
    }

    .k319 .box5 {

    }

    .k319 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k319 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k319 .box6 .p1 {
        font-size: 48px;
        text-align: left;
        color: #fe6723;
        font-weight: 700;
        width: 76%;
        margin: 0 auto;
    }

    .k319 .box6 .p2 {
        color: #333;
        font-size: 18px;
        font-weight: normal;
        text-align: left;
        margin: 24px auto;
        width: 76%;
        line-height: 37px;
    }

    .k319 .box7 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .k319 .box7 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k319 .box8 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .k319 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
    }

    .k319 .box1 .suspen {

    }

    .k319 .box2 .suspen {

    }

    .k319 .box3 .suspen {

        top: 15%;
    }

    .k319 .box4 .suspen {

        top: 42%;
    }

    .k319 .box5 .suspen {

        max-width: 388px;

        right: 0;

        left: auto;
    }

    .k319 .box6 .suspen {

        top: 86%;
    }

    .k319 .box7 .suspen {

        top: 11%;
    }

    .k319 .box8 .suspen {

        top: 30%;

        width: 50%;

        left: 85%;
    }

    .k319 .icontb {

        text-align: center;
    }

    .k319 .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .k319 .icontb a img {

        margin-bottom: 30px;
    }

    .k319 .box5 .list-box {
        margin-top: 40px;
    }

    .k319 .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .k319 .box5 .list-box li .name {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 20px;
    }

    .k319 .lr {

        overflow: hidden;
    }

    .k319 .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .k319 .lr2 {

        float: right;

        width: 50%;
    }

    .k319 .lr2 img {
        width: 100%;
    }

    /*k219*/
    .k219 .box1 {

    }

    .k219 .box1 .p1 {
        font-size: 73px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        display: block;
        /* margin-bottom: 59px; */
    }

    .k219 .box1 .p2 {
        color: #fff;
        font-size: 39px;
        font-weight: normal;
        text-align: left;
        margin: 49px 0;
    }

    .k219 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k219 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k219 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k219 .box2 {

    }

    .k219 .box2 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        width: 47%;
        line-height: 46px;
    }

    .k219 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0;
        margin-bottom: 29px;
    }

    .k219 .box3 {

        padding-top: 50px;

        background: #fe6723;
    }

    .k219 .box3 .p1 {
        font-size: 48px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .k219 .box3 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 40px;
    }

    .k219 .box4 {

    }

    .k219 .box4 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .k219 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
    }

    .k219 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k219 .box5 {

    }

    .k219 .box5 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
    }

    .k219 .box5 .p2 {
        color: #fff;
        font-size: 23px;
        /* font-weight: 700; */
        text-align: left;
        line-height: 32px;
        margin: 20px 0 44px 0;
    }

    .k219 .box5 {

    }

    .k219 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k219 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k219 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 76%;
        margin: 0 auto;
    }

    .k219 .box6 .p2 {
        color: #fe6723;
        font-size: 38px;
        font-weight: 700;
        text-align: center;
        margin: 24px auto;
        width: 76%;
        line-height: 37px;
    }

    .k219 .box7 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .k219 .box7 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k219 .box8 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .k219 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
    }

    .k219 .box1 .suspen {

        left: 102%;
    }

    .k219 .box2 .suspen {

    }

    .k219 .box3 .suspen {

        top: 15%;
    }

    .k219 .box4 .suspen {

        top: 42%;
    }

    .k219 .box5 .suspen {

        max-width: 408px;

        right: 0;

        left: auto;
    }

    .k219 .box6 .suspen {

        top: 50%;

        left: 70%;
    }

    .k219 .box7 .suspen {

        top: 11%;
    }

    .k219 .box8 .suspen {

        top: 30%;

        width: 50%;

        left: 85%;
    }

    .k219 .icontb {

        text-align: center;
    }

    .k219 .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #fff;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .k219 .icontb a img {

        margin-bottom: 30px;
    }

    .k219 .box5 .list-box {
        margin-top: 40px;
    }

    .k219 .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .k219 .box5 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .k219 .lr {

        overflow: hidden;
    }

    .k219 .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .k219 .lr2 {

        float: right;

        width: 50%;
    }

    .k219 .lr2 img {
        width: 100%;
    }

    /*k419*/
    .k419 .box1 {

    }

    .k419 .box1 .p1 {
        font-size: 75px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        display: block;
        margin-bottom: 59px;
    }

    .k419 .box1 .p2 {
        color: #fff;
        font-size: 39px;
        font-weight: normal;
        text-align: left;
        margin: 44px 0;
    }

    .k419 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k419 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k419 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k419 .box2 {

    }

    .k419 .box2 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 46px;
    }

    .k419 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 29px;
    }

    .k419 .box3 {

        padding-top: 50px;

        background: #fff;
    }

    .k419 .box3 .p1 {
        font-size: 48px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .k419 .box3 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 40px;
    }

    .k419 .box4 {

    }

    .k419 .box4 .p1 {
        font-size: 21px;
        text-align: left;
        color: #fff;
    }

    .k419 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
    }

    .k419 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k419 .box5 {

    }

    .k419 .box5 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
    }

    .k419 .box5 .p2 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
        line-height: 24px;
        margin: 20px 0 44px 0;
    }

    .k419 .box5 {

    }

    .k419 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k419 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k419 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 76%;
        margin: 0 auto;
    }

    .k419 .box6 .p2 {
        color: #fe6723;
        font-size: 38px;
        font-weight: 700;
        text-align: center;
        margin: 24px auto;
        width: 76%;
        line-height: 37px;
    }

    .k419 .box7 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .k419 .box7 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k419 .box8 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
    }

    .k419 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
    }

    .k419 .box1 .suspen {

        left: 50%;
    }

    .k419 .box2 .suspen {

        top: 22%;
    }

    .k419 .box3 .suspen {

        top: 15%;
    }

    .k419 .box4 .suspen {

        top: 42%;
    }

    .k419 .box5 .suspen {

        max-width: 404px;

        right: -73px;

        left: auto;
    }

    .k419 .box6 .suspen {

        top: 50%;

        left: 70%;
    }

    .k419 .box7 .suspen {

        top: 11%;
    }

    .k419 .box8 .suspen {

        top: 30%;

        width: 50%;

        left: 85%;
    }

    .k419 .icontb {

        text-align: center;
    }

    .k419 .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .k419 .icontb a img {

        margin-bottom: 30px;
    }

    .k419 .box5 .list-box {
        margin-top: 40px;
    }

    .k419 .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .k419 .box5 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .k419 .lr {

        overflow: hidden;
    }

    .k419 .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .k419 .lr2 {

        float: right;

        width: 50%;
    }

    .k419 .lr2 img {
        width: 100%;
    }

    /*s810*/
    .s810 .box1 .suspen {

        left: 50%;
    }

    .s810 .box2 .suspen {

        top: 52%;
    }

    .s810 .box3 .suspen {

        top: 15%;
    }

    .s810 .box4 .suspen {

        top: 42%;
    }

    .s810 .box1 {

    }

    .s810 .box1 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        display: block;
        margin-bottom: 37px;
    }

    .s810 .box1 .p2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: left;
        margin: 44px 0;
    }

    .s810 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .s810 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .s810 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .s810 .box2 {

    }

    .s810 .box2 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
        width: 100%;
        line-height: 46px;
        width: 626px;
        float: right;
    }

    .s810 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: right;
        margin: 19px 0;
        margin-bottom: 29px;
    }

    .s810 .box3 {

        padding-top: 50px;

        background: #fff;
    }

    .s810 .box3 .p1 {
        font-size: 48px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .s810 .box3 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 40px;
    }

    .s810 .box4 {

    }

    .s810 .box4 .p1 {
        font-size: 21px;
        text-align: left;
        color: #fff;
        width: 500px;
        line-height: 40px;
    }

    .s810 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
    }

    .s810 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }


    /*s770*/
    .s770 .box1 {

    }

    .s770 .box1 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
    }

    .s770 .box1 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 44px 0;
    }

    .s770 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .s770 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .s770 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .s770 .box2 {

    }

    .s770 .box2 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
        line-height: 40px;
    }

    .s770 .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: right;
        margin: 19px 0 40px;
    }

    .s770 .box3 {

    }

    .s770 .box3 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        max-width: 600px;
        line-height: 45px;
    }

    .s770 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
    }

    .s770 .box4 {

    }

    .s770 .box4 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
        line-height: 40px;
    }

    .s770 .box4 .p2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: right;
        margin: 24px 0 40px;
    }

    .s770 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .s770 .box5 {

    }

    .s770 .box5 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        line-height: 40px;
    }

    .s770 .box5 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 44px 0;
    }

    .s770 .box5 {

    }

    .s770 .box6 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
        width: 608px;
        float: right;
        line-height: 40px;
        margin-top: 16px;
    }

    .s770 .box6 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: right;
        margin: 24px 0;
    }

    .s770 .box1 .suspen {

        top: 39%;
    }

    .s770 .box2 .suspen {

    }

    .s770 .box3 .suspen {

        top: 64%;
    }

    .s770 .box4 .suspen {

        top: 49%;
    }

    .s770 .box5 .suspen {

        top: 25%;
    }

    .s770 .box6 .suspen {

        top: 37%;
    }

    /*i6310*/
    .i6310 .box1 {

    }

    .i6310 .box1 .p1 {
        font-size: 55px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        /* background-color: white; */
        margin-bottom: 36px;
    }

    .i6310 .box1 .p2 {
        color: #fff;
        font-size: 38px;
        font-weight: 700;
        text-align: left;
        margin: 28px 0;
    }

    .i6310 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
        line-height: 40px;
    }

    .i6310 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .i6310 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .i6310 .box2 {

    }

    .i6310 .box2 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
        line-height: 40px;
    }

    .i6310 .box2 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 25px 0;
    }

    .i6310 .box3 {

    }

    .i6310 .box3 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .i6310 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6310 .box4 {

    }

    .i6310 .box4 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        line-height: 40px;
    }

    .i6310 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
        line-height: 62px;
    }

    .i6310 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .i6310 .box5 {

    }

    .i6310 .box5 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
        line-height: 40px;
    }

    .i6310 .box5 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: right;
        margin: 23px 0;
        line-height: 60px;
    }

    .i6310 .box5 {

    }

    .i6310 .box6 {

    }

    .i6310 .box6 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        line-height: 40px;
    }

    .i6310 .box6 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
        line-height: 60px;
    }

    .i6310 .box7 {

        text-align: center;

        padding: 40px 0;
    }

    .i6310 .box7 .p1 {
        font-size: 48px;
        text-align: center;
        color: #00a9ff;
        font-weight: 700;
        margin: 40px 0;
    }

    .i6310 .box7 .p2 {
        color: #333;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: center;
        margin: 24px 0;
        line-height: 40px;
    }

    .i6310 .box8 {

    }

    .i6310 .box8 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        line-height: 40px;
    }

    .i6310 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6310 .box9 {

    }

    .i6310 .box9 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        line-height: 40px;
    }

    .i6310 .box9 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6310 .box1 .suspen {

    }

    .i6310 .box2 .suspen {

        top: 16%;
    }

    .i6310 .box3 .suspen {

        top: 15%;
    }

    .i6310 .box4 .suspen {

        top: 55%;
    }

    .i6310 .box5 .suspen {

    }

    .i6310 .box6 .suspen {

        top: 58%;
    }

    .i6310 .box7 .suspen {

        top: 86%;
    }

    .i6310 .box8 .suspen {

        top: 18%;
    }

    .i6310 .box9 .suspen {

        top: 21%;
    }

    /*i6200s*/
    .i6200s .box1 {

    }

    .i6200s .box1 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
        /* font-weight: 700; */
        display: block;
        margin-bottom: 30px;
    }

    .i6200s .box1 .p2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
    }

    .i6200s .box1 .p3 {
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        text-align: left;
    }

    .i6200s .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .i6200s .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .i6200s .box2 {

    }

    .i6200s .box2 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 41px;
    }

    .i6200s .box2 .p2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 29px;
        line-height: 63px;
    }

    .i6200s .box3 {

        /* margin-top: 50px; */
    }

    .i6200s .box3 .p1 {
        font-size: 18px;
        text-align: left;
        color: #333;
        font-weight: normal;
        width: 600px;
    }

    .i6200s .box3 .p2 {
        color: #333;
        font-size: 42px;
        font-weight: 700;
        text-align: left;
        margin: 24px auto;
        max-width: initial;
        line-height: 60px;
    }

    .i6200s .box4 {

    }

    .i6200s .box4 .p1 {
        font-size: 18px;
        text-align: right;
        color: #fff;
    }

    .i6200s .box4 .p2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        text-align: right;
        margin: 30px 0;
        line-height: 62px;
    }

    .i6200s .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .i6200s .box5 {

    }

    .i6200s .box5 .p1 {
        font-size: 41px;
        text-align: left;
        color: #333;
    }

    .i6200s .box5 .p2 {
        color: #333;
        font-size: 18px;
        /* font-weight: 700; */
        text-align: left;
        margin: 0 0 44px 0;
        max-width: 437px;
    }

    .i6200s .box5 {

    }

    .i6200s .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .i6200s .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6200s .box6 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
        font-weight: normal;
        width: 54%;
        margin: 0 auto;
        float: left;
    }

    .i6200s .box6 .p2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        text-align: left;
        margin: 24px auto;
        /* width: 76%; */
        line-height: 60px;
    }

    .i6200s .box7 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
    }

    .i6200s .box7 .p2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
        line-height: 60px;
    }

    .i6200s .box8 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
        line-height: 34px;
    }

    .i6200s .box8 .p2 {
        color: #fff;
        font-size: 41px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
        line-height: 60px;
    }

    .i6200s .box9 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        line-height: 35px;
    }

    .i6200s .box9 .p2 {
        color: #fff;
        font-size: 41px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
        line-height: 60px;
    }

    .i6200s .box1 .suspen {width: 528px;left: 76%;top: 50%;}

    .i6200s .box2 .suspen {

        top: 21%;
    }

    .i6200s .box3 .suspen {

        top: 48%;
    }

    .i6200s .box4 .suspen {

        top: 42%;
    }

    .i6200s .box5 .suspen {

        /* max-width: 388px; */

        /* right: 0; */

        left: 50%;
    }

    .i6200s .box6 .suspen {

        top: 45%;
    }

    .i6200s .box7 .suspen {

        top: 63%;
    }

    .i6200s .box8 .suspen {top: 48%;/* width: 100%; *//* left: 64%; */}

    .i6200s .box9 .suspen {

        top: 36%;

        width: 100%;

        left: 50%;
    }

    .i6200s .icontb {

        text-align: center;
    }

    .i6200s .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .i6200s .icontb a img {

        margin-bottom: 30px;
    }

    .i6200s .box5 .list-box {
        margin-top: 40px;
    }

    .i6200s .box5 .list-box img {
        height: 40px;
    }

    .i6200s .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .i6200s .box5 .list-box li .name {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 20px;
    }

    .i6200s .lr {

        overflow: hidden;
    }

    .i6200s .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .i6200s .lr2 {

        float: right;

        width: 50%;
    }

    .i6200s .lr2 img {
        width: 100%;
    }

    /*i6200ser*/
    .series .box1 {

    }

    .series .box1 .p1 {
        font-size: 44px;
        text-align: left;
        color: #fff;
        /* font-weight: 700; */
        display: block;
        margin-bottom: 34px;
    }

    .series .box1 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 29px 0;
    }

    .series .box1 .p3 {
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        text-align: left;
    }

    .series .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .series .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .series .box2 {

    }

    .series .box2 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 46px;
    }

    .series .box2 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 29px;
        line-height: 63px;
    }

    .series .box3 {

        /* margin-top: 50px; */
    }

    .series .box3 .p1 {
        font-size: 18px;
        text-align: left;
        color: #66778a;
        font-weight: normal;
        width: 540px;
        line-height: 33px;
    }

    .series .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px auto;
        max-width: initial;
        line-height: 60px;
    }

    .series .box4 {

    }

    .series .box4 .p1 {
        font-size: 17px;
        text-align: left;
        color: #333;
        line-height: 35px;
    }

    .series .box4 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 30px 0;
        line-height: 58px;
    }

    .series .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .series .box5 {

    }

    .series .box5 .p1 {
        font-size: 44px !important;
        text-align: left;
        color: #fff !important;
        line-height: 60px;
    }

    .series .box5 .p2 {
        color: #fff !important;
        font-size: 18px;
        /* font-weight: 700; */
        text-align: left;
        margin: 20px 0 44px 0;
        max-width: 46%;
        line-height: 33px;
    }



    .series .box51 .p2 {width: 39%;font-size: 17px;line-height: 30px;}

    .series .box5 {

    }

    .series .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .series .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .series .box6 .p1 {
        font-size: 19px;
        text-align: left;
        color: #fff;
        font-weight: normal;
        width: 54%;
        margin: 0 auto;
        float: left;
        line-height: 43px;
    }

    .series .box6 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px auto;
        /* width: 76%; */
        line-height: 60px;
    }

    .series .box7 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        line-height: 40px;
    }

    .series .box7 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
        line-height: 60px;
    }

    .series .box8 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        line-height: 37px;
    }

    .series .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0;
        line-height: 60px;
    }

    .series .box9 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    .series .box9 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
        line-height: 60px;
    }

    .series .box1 .suspen {

        width: 50%;

        left: 80%;
    }

    .series .box2 .suspen {

        top: 27%;
    }

    .series .box3 .suspen {

        top: 36%;
    }

    .series .box4 .suspen {

        top: 42%;

        width: 50%;

        left: 76%;
    }

    .series .box5 .suspen {

        /* max-width: 388px; */

        /* right: 0; */

        left: 50%;
    }

    .series .box6 .suspen {

        top: 29%;

        left: 94%;
    }

    .series .box7 .suspen {

        top: 24%;
    }

    .series .box8 .suspen {

        top: 48%;

        width: 35%;

        left: 76%;
    }

    .series .box9 .suspen {

        top: 36%;

        width: 100%;

        left: 50%;
    }

    .series .icontb {

        text-align: center;
    }

    .series .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .series .icontb a img {

        margin-bottom: 30px;
    }

    .series .box5 .list-box {
        margin-top: 40px;
    }

    .series .box5 .list-box img {
        height: 40px;
    }
    .series .box5 .list-box img {
        height: 40px;
        margin-top: 30px;

    }
    .series .box51 .list-box img {
        height: 40px;
        margin-top: 30px;
    }

    .series .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .series .box5 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .series .box51 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .series .box51 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .series .lr {

        overflow: hidden;
    }

    .series .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .series .lr2 {

        float: right;

        width: 50%;
    }

    .series .lr2 img {
        width: 100%;
    }


    @media screen and (min-device-width: 1026px) and (max-device-width: 1367px) {
        .v5000s .box1 .words {
            font-size: 24px;
            color: #000;
            line-height: 40px;
        }

        .v5000s .box1 .h1 {
            font-size: 48px;
            color: #000;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .v5000s .box11 .suspen {
            top: 8%;
            transform: translate(-50%, 0);
            text-align: center;
        }

        .v5000s .box1 .list-box {
            font-size: 0;
            margin-top: 55px;
        }

        .v5000s .box1 .column {
            display: inline-block;
            vertical-align: top;
            margin-right: 24px;
            text-align: center;
        }

        .v5000s .box1 .column:last-child {
            margin-right: 0;
        }

        .v5000s .box1 .name {
            font-size: 20px;
            color: #fff;
            margin-top: 16px;
        }


        .v5000s .box1:last-child .words {
            font-size: 24px;
            color: #fff;
            line-height: 40px;
        }

        .v5000s .box1:last-child .h1 {
            font-size: 48px;
            color: #fff;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .v5000s .box1:last-child .list-box {
            font-size: 0;
            margin-top: 55px;
        }

        .v5000s .box1:last-child .column {
            display: inline-block;
            vertical-align: top;
            margin-right: 24px;
            text-align: center;
        }

        .v5000s .box1:last-child .column:last-child {
            margin-right: 0;
        }

        .v5000s .box1:last-child .name {
            font-size: 20px;
            color: #fff;
            margin-top: 16px;
        }


        .v5000s .box7 .rongliang {
            font-size: 24px;
            color: #ffffff;
            margin-top: 100px;
            line-height: 42px;
        }

        .v5000s .box7 .rongliang span {
            font-size: 72px;
            color: #ffffff;
        }

        .v5000s .box9 .text-box {
            max-width: 570px;
        }

        .v5000s .box9 .h1 {
            color: #ffffff;
            font-size: 48px;
        }

        .v5000s .box9 .words {
            font-size: 44px;
            color: #ffffff;
            font-weight: normal;
            margin-bottom: 30px;
        }

        .v5000s .box4 .suspen {
            top: auto;
            bottom: 10%;
        }

        .v5000s .box5 .words {
            font-size: 24px;
            line-height: 41px;
        }

        .v5000s .box4 .words {
            font-size: 24px;
            line-height: 30px;
        }

        .v5000s .box4 .h1 {
            color: #ffffff;
            margin-bottom: 20px !important;
        }

        .v5000s .box7 .words {
            color: #c2c2c4;
            font-weight: normal;
            font-size: 24px;
            line-height: 40px;
        }

        .v5000s .box11 .words {
            color: #ffffff;
            font-weight: normal;
            font-size: 24px;
            line-height: 40px;
        }

        .wff {
            color: #fff !important;
        }

        /*a100*/
        .a100 .box1 {

        }

        .a100 .box1 .p1 {
            font-size: 30px;
            text-align: right;
            color: #fff;
        }

        .a100 .box1 .p2 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
            text-align: right;
            margin: 15px 0;
        }

        .a100 .box1 .p3 {
            color: #fff;
            font-size: 34px;
            font-weight: 700;
            text-align: right;
        }

        .a100 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 0px 0;
        }

        .a100 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
            height: 50px;
        }

        .a100 .box2 {

        }

        .a100 .box2 .p1 {
            font-size: 17px;
            text-align: left;
            color: #fff;
        }

        .a100 .box2 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: left;
            margin: 19px 0;
        }

        .a100 .box3 {

        }

        .a100 .box3 .p1 {
            font-size: 17px;
            text-align: center;
            color: #fff;
        }

        .a100 .box3 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: center;
            margin: 11px 0;
        }

        .a100 .box4 {

        }

        .a100 .box4 .p1 {
            font-size: 15px;
            text-align: center;
            color: #333;
        }

        .a100 .box4 .p2 {
            color: #333;
            font-size: 21px;
            font-weight: 700;
            text-align: center;
            margin: 4px 0;
        }

        .a100 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 0px 0;
        }

        .a100 .box4 .p4 img {
            height: 50px;
        }

        .a100 .box5 {

        }

        .a100 .box5 .p1 {
            font-size: 17px;
            text-align: right;
            color: #fff;
        }

        .a100 .box5 .p2 {
            color: #fff;
            font-size: 32px;
            font-weight: 700;
            text-align: right;
            margin: 20px 0;
        }

        .a100 .box5 {

        }

        .a100 .box6 .p1 {
            font-size: 14px;
            text-align: center;
            color: #333;
        }

        .a100 .box6 .p2 {
            color: #333;
            font-size: 28px;
            font-weight: 700;
            text-align: center;
            margin: 5px 0;
        }

        .a100 .box1 .suspen {

        }

        .a100 .box2 .suspen {

        }

        .a100 .box3 .suspen {

            top: 15%;
        }

        .a100 .box4 .suspen {

            top: 26%;
        }

        .a100 .box5 .suspen {

        }

        .a100 .box6 .suspen {

            top: 86%;
        }

        /*k319*/
        .k319 .box1 {

        }

        .k319 .box1 .p1 {
            font-size: 55px;
            text-align: left;
            color: #bd7d50;
            font-weight: 700;
            display: block;
            margin-bottom: 25px;
        }

        .k319 .box1 .p2 {
            color: #bd7d50;
            font-size: 37px;
            font-weight: normal;
            text-align: left;
            margin: 16px 0;
        }

        .k319 .box1 .p3 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
        }

        .k319 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .k319 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .k319 .box2 {

        }

        .k319 .box2 .p1 {
            font-size: 15px;
            text-align: left;
            color: #fff;
            width: 47%;
            line-height: 25px;
        }

        .k319 .box2 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            margin: 19px 0;
            margin-bottom: 17px;
        }

        .k319 .box3 {

            margin-top: 50px;
        }

        .k319 .box3 .p1 {
            font-size: 31px;
            text-align: center;
            color: #333;
            font-weight: 700;
        }

        .k319 .box3 .p2 {
            color: #333;
            font-size: 11px;
            font-weight: normal;
            text-align: center;
            margin: 14px auto;
            max-width: 680px;
            line-height: 40px;
        }

        .k319 .box4 {

        }

        .k319 .box4 .p1 {
            font-size: 18px;
            text-align: left;
            color: #fff;
        }

        .k319 .box4 .p2 {
            color: #fff;
            font-size: 27px;
            font-weight: 700;
            text-align: left;
            margin: 11px 0;
        }

        .k319 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .k319 .box5 {

        }

        .k319 .box5 .p1 {
            font-size: 28px;
            text-align: left;
            color: #333;
            margin-bottom: 2px;
        }

        .k319 .box5 .p2 {
            color: #333;
            font-size: 12px;
            /* font-weight: 700; */
            text-align: left;
            margin: 0;
            line-height: 23px;
        }

        .k319 .box5 {

        }

        .k319 .box6 .p1 {
            font-size: 24px;
            text-align: center;
            color: #333;
        }

        .k319 .box6 .p2 {
            color: #333;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .k319 .box6 .p1 {
            font-size: 18px;
            text-align: left;
            color: #fe6723;
            font-weight: 700;
            width: 76%;
            margin: 0 auto;
        }

        .k319 .box6 .p2 {
            color: #333;
            font-size: 8px;
            font-weight: normal;
            text-align: left;
            margin: 7px auto;
            width: 76%;
            line-height: 25px;
        }

        .k319 .box7 .p1 {
            font-size: 12px;
            text-align: center;
            color: #fff;
        }

        .k319 .box7 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin: -1px 0;
        }

        .k319 .box8 .p1 {
            font-size: 15px;
            text-align: left;
            color: #fff;
        }

        .k319 .box8 .p2 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            text-align: left;
            margin: 8px 0;
        }

        .k319 .box1 .suspen {

        }

        .k319 .box2 .suspen {

        }

        .k319 .box3 .suspen {

            top: 15%;
        }

        .k319 .box4 .suspen {

            top: 42%;
        }

        .k319 .box5 .suspen {

            max-width: 388px;

            left: 86%;

        }

        .k319 .box6 .suspen {

            top: 86%;
        }

        .k319 .box7 .suspen {

            top: 17%;

        }

        .k319 .box8 .suspen {

            top: 30%;

            width: 50%;

            left: 85%;
        }

        .k319 .icontb {

            text-align: center;
        }

        .k319 .icontb a {

            display: inline-block;

            font-size: 18px;

            color: #666;

            margin-bottom: 50px;

            margin-right: 19px;

        }

        .k319 .icontb a img {

            margin-bottom: 12px;

            height: 80px;

        }

        .k319 .list-box {
            margin-top: 11px;
        }

        .k319 .list-box li {

            float: left;

            text-align: center;

            margin-right: 48px;

        }

        .k319 .list-box li img {
            height: 40px;
        }

        .k319 .list-box li .name {

            font-size: 12px;

            color: #333;

            line-height: 17px;

            margin-top: 11px;

        }

        .k319 .lr {

            overflow: hidden;
        }

        .k319 .lr1 {

            float: left;

            width: 50%;

            margin-top: 5%;

        }

        .k319 .lr2 {

            float: right;

            width: 50%;
        }

        .k319 .lr2 img {
            width: 100%;
        }

        /*k219*/
        .k219 .box1 {

        }

        .k219 .box1 .p1 {
            font-size: 58px;
            text-align: left;
            color: #fff;
            font-weight: 700;
            display: block;
            margin-bottom: 0px;
        }

        .k219 .box1 .p2 {
            color: #fff;
            font-size: 31px;
            font-weight: normal;
            text-align: left;
            margin: 32px 0;
        }

        .k219 .box1 .p3 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
        }

        .k219 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .k219 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .k219 .box2 {

        }

        .k219 .box2 .p1 {
            font-size: 24px;
            text-align: left;
            color: #fff;
            width: 47%;
            line-height: 46px;
        }

        .k219 .box2 .p2 {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            text-align: left;
            margin: 19px 0;
            margin-bottom: 29px;
        }

        .k219 .box3 {

            padding-top: 50px;

            background: #fe6723;
        }

        .k219 .box3 .p1 {
            font-size: 48px;
            text-align: center;
            color: #fff;
            font-weight: 700;
        }

        .k219 .box3 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: normal;
            text-align: center;
            margin: 24px auto;
            max-width: 680px;
            line-height: 40px;
        }

        .k219 .box4 {

        }

        .k219 .box4 .p1 {
            font-size: 24px;
            text-align: left;
            color: #fff;
        }

        .k219 .box4 .p2 {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            text-align: left;
            margin: 30px 0;
        }

        .k219 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .k219 .box5 {

        }

        .k219 .box5 .p1 {
            font-size: 44px;
            text-align: left;
            color: #fff;
        }

        .k219 .box5 .p2 {
            color: #fff;
            font-size: 24px;
            /* font-weight: 700; */
            text-align: left;
            line-height: 24px;
            margin: 20px 0 44px 0;
        }

        .k219 .box5 {

        }

        .k219 .box6 .p1 {
            font-size: 24px;
            text-align: center;
            color: #333;
        }

        .k219 .box6 .p2 {
            color: #333;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .k219 .box6 .p1 {
            font-size: 18px;
            text-align: center;
            color: #fff;
            font-weight: normal;
            width: 76%;
            margin: 0 auto;
        }

        .k219 .box6 .p2 {
            color: #fe6723;
            font-size: 38px;
            font-weight: 700;
            text-align: center;
            margin: 24px auto;
            width: 76%;
            line-height: 37px;
        }

        .k219 .box7 .p1 {
            font-size: 24px;
            text-align: center;
            color: #fff;
        }

        .k219 .box7 .p2 {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .k219 .box8 .p1 {
            font-size: 24px;
            text-align: left;
            color: #fff;
        }

        .k219 .box8 .p2 {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            text-align: left;
            margin: 24px 0;
        }

        .k219 .box1 .suspen {

            left: 102%;
        }

        .k219 .box2 .suspen {

        }

        .k219 .box3 .suspen {

            top: 15%;
        }

        .k219 .box4 .suspen {

            top: 42%;
        }

        .k219 .box5 .suspen {

            max-width: 408px;

            right: 0;

            left: auto;
        }

        .k219 .box6 .suspen {

            top: 50%;

            left: 70%;
        }

        .k219 .box7 .suspen {

            top: 11%;
        }

        .k219 .box8 .suspen {

            top: 30%;

            width: 50%;

            left: 85%;
        }

        .k219 .icontb {

            text-align: center;
        }

        .k219 .icontb a {

            display: inline-block;

            font-size: 24px;

            color: #fff;

            margin-bottom: 50px;

            margin-right: 58px;
        }

        .k219 .icontb a img {

            margin-bottom: 30px;
        }

        .k219 .list-box {
            margin-top: 40px;
        }

        .k219 .list-box li {

            float: left;

            text-align: center;

            margin-right: 67px;
        }

        .k219 .list-box li .name {

            font-size: 16px;

            color: #fff;

            line-height: 26px;

            margin-top: 20px;
        }

        .k219 .lr {

            overflow: hidden;
        }

        .k219 .lr1 {

            float: left;

            width: 50%;

            margin-top: 14%;
        }

        .k219 .lr2 {

            float: right;

            width: 50%;
        }

        .k219 .lr2 img {
            width: 100%;
        }

        /*k419*/
        .k419 .box1 {

        }

        .k419 .box1 .p1 {
            font-size: 59px;
            text-align: left;
            color: #fff;
            font-weight: 700;
            display: block;
            margin-bottom: 23px;
        }

        .k419 .box1 .p2 {
            color: #fff;
            font-size: 33px;
            font-weight: normal;
            text-align: left;
            margin: 41px 0;
        }

        .k419 .box1 .p3 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
        }

        .k419 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .k419 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .k419 .box2 {

        }

        .k419 .box2 .p1 {
            font-size: 15px;
            text-align: center;
            color: #fff;
            width: 100%;
            line-height: 46px;
        }

        .k419 .box2 .p2 {
            color: #fff;
            font-size: 26px;
            font-weight: 700;
            text-align: center;
            margin: 10px 0;
            margin-bottom: 2px;
        }

        .k419 .box3 {

            padding-top: 50px;

            background: #fff;
        }

        .k419 .box3 .p1 {
            font-size: 26px;
            text-align: center;
            color: #333;
            font-weight: 700;
        }

        .k419 .box3 .p2 {
            color: #333;
            font-size: 17px;
            font-weight: normal;
            text-align: center;
            margin: 13px auto;
            max-width: 680px;
            line-height: 40px;
        }

        .k419 .box4 {

        }

        .k419 .box4 .p1 {
            font-size: 12px;
            text-align: left;
            color: #fff;
            line-height: 23px;
        }

        .k419 .box4 .p2 {
            color: #fff;
            font-size: 23px;
            font-weight: 700;
            text-align: left;
            margin: 10px 0;
        }

        .k419 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .k419 .box5 {

        }

        .k419 .box5 .p1 {
            font-size: 26px;
            text-align: left;
            color: #fff;
            margin-bottom: 15px;
        }

        .k419 .box5 .p2 {
            color: #fff;
            font-size: 15px;
            /* font-weight: 700; */
            text-align: left;
            line-height: 21px;
            width: 74%;
            margin: 0;
        }

        .k419 .box5 {

        }

        .k419 .box6 .p1 {
            font-size: 24px;
            text-align: center;
            color: #333;
        }

        .k419 .box6 .p2 {
            color: #333;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .k419 .box6 .p1 {
            font-size: 18px;
            text-align: center;
            color: #fff;
            font-weight: normal;
            width: 76%;
            margin: 0 auto;
        }

        .k419 .box6 .p2 {
            color: #fe6723;
            font-size: 38px;
            font-weight: 700;
            text-align: center;
            margin: 24px auto;
            width: 76%;
            line-height: 37px;
        }

        .k419 .box7 .p1 {
            font-size: 16px;
            text-align: center;
            color: #fff;
        }

        .k419 .box7 .p2 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
            text-align: center;
            margin: 13px 0;
        }

        .k419 .box8 .p1 {
            font-size: 17px;
            text-align: left;
            color: #fff;
        }

        .k419 .box8 .p2 {
            color: #fff;
            font-size: 33px;
            font-weight: 700;
            text-align: left;
            margin: 20px 0;
        }

        .k419 .box1 .suspen {left: 50%;top: 61%;}

        .k419 .box2 .suspen {

            top: 22%;
        }

        .k419 .box3 .suspen {

            top: 15%;
        }

        .k419 .box4 .suspen {

            top: 42%;
        }

        .k419 .box5 .suspen {

            max-width: 50%;

            /* right: -73px; */

            left: 85%;

            float: right;

        }

        .k419 .box6 .suspen {

            top: 50%;

            left: 70%;
        }

        .k419 .box7 .suspen {

            top: 14%;

        }

        .k419 .box8 .suspen {

            top: 30%;

            width: 50%;

            left: 85%;
        }

        .k419 .icontb {

            text-align: center;
        }

        .k419 .icontb a {

            display: inline-block;

            font-size: 24px;

            color: #666;

            margin-bottom: 50px;

            margin-right: 58px;
        }

        .k419 .icontb a img {

            margin-bottom: 30px;

            height: 89px;

        }

        .k419 .list-box {
            margin-top: 16px;
        }

        .k419 .list-box li {

            float: left;

            text-align: center;

            margin-right: 19px;

        }

        .k419 .list-box li .name {

            font-size: 1px;

            color: #fff;

            line-height: 15px;

            margin-top: 8px;

        }

        .k419 .lr {

            overflow: hidden;
        }

        .k419 .lr1 {

            float: left;

            width: 50%;

            margin-top: 14%;
        }

        .k419 .lr2 {

            float: right;

            width: 50%;
        }

        .k419 .lr2 img {
            width: 100%;
        }

        /*s810*/
        .s810 .box1 .suspen {

            left: 50%;
        }

        .s810 .box2 .suspen {

            top: 52%;
        }

        .s810 .box3 .suspen {

            top: 15%;
        }

        .s810 .box4 .suspen {

            top: 42%;
        }

        .s810 .box1 {

        }

        .s810 .box1 .p1 {
            font-size: 32px;
            text-align: left;
            color: #fff;
            font-weight: 700;
            display: block;
            margin-bottom: 25px;
        }

        .s810 .box1 .p2 {
            color: #fff;
            font-size: 34px;
            font-weight: 700;
            text-align: left;
            margin: 21px 0;
        }

        .s810 .box1 .p3 {
            color: #fff;
            font-size: 24px;
            /* font-weight: 700; */
            text-align: left;
        }

        .s810 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .s810 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .s810 .box2 {

        }

        .s810 .box2 .p1 {
            font-size: 13px;
            text-align: right;
            color: #fff;
            width: 100%;
            line-height: 28px;
            width: 58%;
            float: right;
        }

        .s810 .box2 .p2 {
            color: #fff;
            font-size: 25px;
            font-weight: 700;
            text-align: right;
            margin: 19px 0;
            margin-bottom: 14px;
        }

        .s810 .box3 {

            padding-top: 50px;

            background: #fff;
        }

        .s810 .box3 .p1 {
            font-size: 48px;
            text-align: center;
            color: #333;
            font-weight: 700;
        }

        .s810 .box3 .p2 {
            color: #333;
            font-size: 24px;
            font-weight: normal;
            text-align: center;
            margin: 24px auto;
            max-width: 680px;
            line-height: 40px;
        }

        .s810 .box4 {

        }

        .s810 .box4 .p1 {
            font-size: 14px;
            text-align: left;
            color: #fff;
            width: 50%;
            line-height: 26px;
        }

        .s810 .box4 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            margin: 10px 0;
        }

        .s810 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }


        /*s770*/
        .s770 .box1 {

        }

        .s770 .box1 .p1 {
            font-size: 37px;
            text-align: left;
            color: #fff;
        }

        .s770 .box1 .p2 {
            color: #fff;
            font-size: 31px;
            font-weight: 700;
            text-align: left;
            margin: 21px 0;
        }

        .s770 .box1 .p3 {
            color: #fff;
            font-size: 24px;
            /* font-weight: 700; */
            text-align: left;
        }

        .s770 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .s770 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .s770 .box2 {

        }

        .s770 .box2 .p1 {
            font-size: 17px;
            text-align: right;
            color: #fff;
            line-height: 29px;
        }

        .s770 .box2 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: right;
            margin: 19px 0 20px;
        }

        .s770 .box3 {

        }

        .s770 .box3 .p1 {
            font-size: 16px;
            text-align: left;
            color: #fff;
            max-width: 530px;
            line-height: 27px;
        }

        .s770 .box3 .p2 {
            color: #fff;
            font-size: 27px;
            font-weight: 700;
            text-align: left;
            margin: 10px 0;
        }

        .s770 .box4 {

        }

        .s770 .box4 .p1 {
            font-size: 17px;
            text-align: right;
            color: #fff;
            line-height: 28px;
        }

        .s770 .box4 .p2 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            text-align: right;
            margin: 24px 0 11px;
        }

        .s770 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .s770 .box5 {

        }

        .s770 .box5 .p1 {
            font-size: 15px;
            text-align: left;
            color: #fff;
            line-height: 29px;
        }

        .s770 .box5 .p2 {
            color: #fff;
            font-size: 26px;
            font-weight: 700;
            text-align: left;
            margin: 10px 0;
        }

        .s770 .box5 {

        }

        .s770 .box6 .p1 {
            font-size: 18px;
            text-align: right;
            color: #fff;
            width: 58%;
            float: right;
            line-height: 29px;
            margin-top: 0;
        }

        .s770 .box6 .p2 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            text-align: right;
            margin: 14px 0;
        }

        .s770 .box1 .suspen {

            top: 39%;
        }

        .s770 .box2 .suspen {

        }

        .s770 .box3 .suspen {

            top: 64%;
        }

        .s770 .box4 .suspen {

            top: 49%;
        }

        .s770 .box5 .suspen {

            top: 29%;

        }

        .s770 .box6 .suspen {

            top: 37%;
        }

        /*i6310*/
        .i6310 .box1 {

        }

        .i6310 .box1 .p1 {
            font-size: 38px;
            text-align: left;
            color: #fff;
            font-weight: 700;
            /* background-color: white; */
            margin-bottom: 3px;
        }

        .i6310 .box1 .p2 {
            color: #fff;
            font-size: 27px;
            font-weight: 700;
            text-align: left;
            margin: 14px 0;
        }

        .i6310 .box1 .p3 {
            color: #fff;
            font-size: 18px;
            /* font-weight: 700; */
            text-align: left;
            line-height: 40px;
        }

        .i6310 .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .i6310 .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .i6310 .box2 {

        }

        .i6310 .box2 .p1 {
            font-size: 11px;
            text-align: center;
            color: #333;
            line-height: 18px;
        }

        .i6310 .box2 .p2 {
            color: #333;
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin: 9px 0;
        }

        .i6310 .box3 {

        }

        .i6310 .box3 .p1 {
            font-size: 16px;
            text-align: center;
            color: #fff;
        }

        .i6310 .box3 .p2 {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 10px auto;
            width: 50%;
        }

        .i6310 .box4 {

        }

        .i6310 .box4 .p1 {
            font-size: 14px;
            text-align: left;
            color: #fff;
            line-height: 25px;
        }

        .i6310 .box4 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: left;
            margin: 16px 0;
            line-height: 38px;
        }

        .i6310 .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .i6310 .box5 {

        }

        .i6310 .box5 .p1 {
            font-size: 11px;
            text-align: right;
            color: #fff;
            line-height: 30px;
        }

        .i6310 .box5 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: right;
            margin: 13px 0;
            line-height: 24px;
        }

        .i6310 .box5 {

        }

        .i6310 .box6 {

        }

        .i6310 .box6 .p1 {
            font-size: 9px;
            text-align: left;
            color: #fff;
            line-height: 20px;
        }

        .i6310 .box6 .p2 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            text-align: left;
            margin: 24px 0;
            line-height: 37px;
        }

        .i6310 .box7 {

            text-align: center;

            padding: 40px 0;
        }

        .i6310 .box7 .p1 {
            font-size: 35px;
            text-align: center;
            color: #00a9ff;
            font-weight: 700;
            margin: 20px 0;
        }

        .i6310 .box7 .p2 {
            color: #333;
            font-size: 10px;
            /* font-weight: 700; */
            text-align: center;
            margin: 24px 0;
            line-height: 29px;
        }

        .i6310 .box8 {

        }

        .i6310 .box8 .p1 {
            font-size: 14px;
            text-align: center;
            color: #fff;
            line-height: 23px;
        }

        .i6310 .box8 .p2 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            text-align: center;
            margin: 17px 0;
        }

        .i6310 .box9 {

        }

        .i6310 .box9 .p1 {
            font-size: 12px;
            text-align: center;
            color: #fff;
            line-height: 19px;
        }

        .i6310 .box9 .p2 {
            color: #fff;
            font-size: 29px;
            font-weight: 700;
            text-align: center;
            margin: 13px 0;
        }

        .i6310 .box1 .suspen {

        }

        .i6310 .box2 .suspen {

            top: 17%;

        }

        .i6310 .box3 .suspen {

            top: 21%;

        }

        .i6310 .box4 .suspen {

            top: 55%;
        }

        .i6310 .box5 .suspen {

        }

        .i6310 .box6 .suspen {

            top: 38%;

        }

        .i6310 .box7 .suspen {

            top: 86%;
        }

        .i6310 .box8 .suspen {

            top: 22%;

        }

        .i6310 .box9 .suspen {

            top: 19%;

        }

        /*i6200s*/
        .i6200s .box1 {

        }

        .i6200s .box1 .p1 {
            font-size: 26px;
            text-align: right;
            color: #fff;
            font-weight: 700;
            display: block;
            margin-bottom: 18px;
        }

        .i6200s .box1 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: right;
            margin: 14px 0;
        }

        .i6200s .box1 .p3 {
            color: #fff;
            font-size: 15px;
            font-weight: normal;
            text-align: right;
            width: 50%;
            float: right;
        }

        .i6200s .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .i6200s .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .i6200s .box2 {

        }

        .i6200s .box2 .p1 {
            font-size: 3px;
            text-align: center;
            color: #fff;
            width: 100%;
            line-height: 20px;
        }

        .i6200s .box2 .p2 {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            margin: 1px 0;
            margin-bottom: 4px;
            line-height: 26px;
        }

        .i6200s .box3 {

            /* margin-top: 50px; */
        }

        .i6200s .box3 .p1 {
            font-size: 12px;
            text-align: left;
            color: #333;
            font-weight: normal;
            width: 50%;
        }

        .i6200s .box3 .p2 {
            color: #333;
            font-size: 21px;
            font-weight: 700;
            text-align: left;
            margin: 13px auto;
            max-width: initial;
            line-height: 26px;
        }

        .i6200s .box4 {

        }

        .i6200s .box4 .p1 {
            font-size: 2px;
            text-align: right;
            color: #fff;
            width: 50%;
            float: right;
        }

        .i6200s .box4 .p2 {
            color: #fff;
            font-size: 21px;
            font-weight: 700;
            text-align: right;
            margin: 10px 0;
            line-height: 32px;
        }

        .i6200s .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .i6200s .box5 {

        }

        .i6200s .box5 .p1 {
            font-size: 21px;
            text-align: left;
            color: #333;
            margin-bottom: -6px;
        }

        .i6200s .box5 .p2 {
            color: #333;
            font-size: 4px;
            /* font-weight: 700; */
            text-align: left;
            margin: 8px 0;
            max-width: 50%;
            line-height: 22px;
        }

        .i6200s .box5 {

        }

        .i6200s .box6 .p1 {
            font-size: 24px;
            text-align: center;
            color: #333;
        }

        .i6200s .box6 .p2 {
            color: #333;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .i6200s .box6 .p1 {
            font-size: 5px;
            text-align: left;
            color: #fff;
            font-weight: normal;
            width: 54%;
            margin: 0 auto;
            float: left;
        }

        .i6200s .box6 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            margin: 3px auto;
            /* width: 76%; */
            line-height: 39px;
        }

        .i6200s .box7 .p1 {
            font-size: 11px;
            text-align: left;
            color: #fff;
        }

        .i6200s .box7 .p2 {
            color: #fff;
            font-size: 23px;
            font-weight: 700;
            text-align: left;
            margin: 4px 0;
            line-height: 33px;
        }

        .i6200s .box8 .p1 {
            font-size: 12px;
            text-align: left;
            color: #fff;
        }

        .i6200s .box8 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            margin: 12px 0;
            line-height: 31px;
        }

        .i6200s .box9 .p1 {
            font-size: 13px;
            text-align: center;
            color: #fff;
        }

        .i6200s .box9 .p2 {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
            line-height: 28px;
        }

        .i6200s .box1 .suspen {

        }

        .i6200s .box2 .suspen {

            top: 21%;
        }

        .i6200s .box3 .suspen {

            top: 48%;
        }

        .i6200s .box4 .suspen {

            top: 42%;
        }

        .i6200s .box5 .suspen {

            /* max-width: 388px; */

            /* right: 0; */

            top: 45%;

            left: 50%;

        }

        .i6200s .box6 .suspen {

            top: 45%;
        }

        .i6200s .box7 .suspen {

            top: 63%;
        }

        .i6200s .box8 .suspen {

            top: 48%;

            width: 100%;

            left: 54%;
        }

        .i6200s .box9 .suspen {

            top: 47%;

            width: 100%;

            left: 50%;

        }

        .i6200s .icontb {

            text-align: center;
        }

        .i6200s .icontb a {

            display: inline-block;

            font-size: 24px;

            color: #666;

            margin-bottom: 50px;

            margin-right: 58px;
        }

        .i6200s .icontb a img {

            margin-bottom: 30px;
        }

        .i6200s .list-box {
            margin-top: -11px;
        }

        .i6200s .list-box img {
            height: 29px;
        }

        .i6200s .list-box li {

            float: left;

            text-align: center;

            margin-right: 31px;

        }

        .i6200s .list-box li .name {

            font-size: 10px;

            color: #333;

            line-height: 20px;

            margin-top: 1px;

        }

        .i6200s .lr {

            overflow: hidden;
        }

        .i6200s .lr1 {

            float: left;

            width: 50%;

            margin-top: 14%;
        }

        .i6200s .lr2 {

            float: right;

            width: 50%;
        }

        .i6200s .lr2 img {
            width: 100%;
        }

        /*i6200ser*/
        .series .box1 {

        }

        .series .box1 .p1 {
            font-size: 28px;
            text-align: left;
            color: #fff;
            /* font-weight: 700; */
            display: block;
            margin-bottom: 14px;
        }

        .series .box1 .p2 {
            color: #fff;
            font-size: 23px;
            font-weight: 700;
            text-align: left;
            margin: 11px 0;
        }

        .series .box1 .p3 {
            color: #fff;
            font-size: 12px;
            font-weight: normal;
            text-align: left;
        }

        .series .box1 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: right;
            margin: 40px 0;
        }

        .series .box1 .p4 img {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            margin: 10px;
        }

        .series .box2 {

        }

        .series .box2 .p1 {
            font-size: 15px;
            text-align: center;
            color: #fff;
            width: 100%;
            line-height: 29px;
        }

        .series .box2 .p2 {
            color: #fff;
            font-size: 25px;
            font-weight: 700;
            text-align: center;
            margin: 19px 0;
            margin-bottom: 8px;
            line-height: 33px;
        }

        .series .box3 {

            /* margin-top: 50px; */
        }

        .series .box3 .p1 {
            font-size: 10px;
            text-align: left;
            color: #66778a;
            font-weight: normal;
            width: 50%;
            line-height: 21px;
        }

        .series .box3 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            margin: 10px auto;
            max-width: initial;
            line-height: 34px;
        }

        .series .box4 {

        }

        .series .box4 .p1 {
            font-size: 12px;
            text-align: left;
            color: #333;
            line-height: 23px;
            width: 89%;
        }

        .series .box4 .p2 {
            color: #333;
            font-size: 26px;
            font-weight: 700;
            text-align: left;
            margin: 13px 0;
            line-height: 37px;
        }

        .series .box4 .p4 {
            color: #fff;
            font-size: 74px;
            font-weight: 700;
            text-align: center;
            margin: 44px 0;
        }

        .series .box5 {

        }

        .series .box5 .p1 {
            font-size: 24px !important;
            text-align: left;
            color: #fff !important;
            line-height: 35px;
            margin-bottom: 3px;
        }

        .series .box5 .p2 {
            color: #ffff;
            font-size: 8px;
            /* font-weight: 700; */
            text-align: left;
            margin: 0;
            max-width: 52%;
            line-height: 19px;
        }

        .series .box5 {

        }

        .series .box6 .p1 {
            font-size: 24px;
            text-align: center;
            color: #333;
        }

        .series .box6 .p2 {
            color: #333;
            font-size: 44px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
        }

        .series .box6 .p1 {
            font-size: 18px;
            text-align: left;
            color: #fff;
            font-weight: normal;
            width: 54%;
            margin: 0 auto;
            float: left;
            line-height: 30px;
        }

        .series .box6 .p2 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
            text-align: left;
            margin: 11px auto;
            /* width: 76%; */
            line-height: 37px;
        }

        .series .box7 .p1 {
            font-size: 15px;
            text-align: center;
            color: #fff;
            line-height: 31px;
        }

        .series .box7 .p2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin: 9px 0;
            line-height: 32px;
        }

        .series .box8 .p1 {
            font-size: 16px;
            text-align: left;
            color: #fff;
            line-height: 26px;
        }

        .series .box8 .p2 {
            color: #fff;
            font-size: 23px;
            font-weight: 700;
            text-align: left;
            margin: 4px 0;
            line-height: 38px;
        }

        .series .box9 .p1 {
            font-size: 16px;
            text-align: center;
            color: #fff;
        }

        .series .box9 .p2 {
            color: #fff;
            font-size: 26px;
            font-weight: 700;
            text-align: center;
            margin: 24px 0;
            line-height: 38px;
        }

        .series .box1 .suspen {

            width: 50%;

            left: 80%;
        }

        .series .box2 .suspen {

            top: 30%;

        }

        .series .box3 .suspen {

            top: 36%;
        }

        .series .box4 .suspen {

            top: 42%;

            width: 50%;

            left: 76%;
        }

        .series .box5 .suspen {

            /* max-width: 388px; */

            /* right: 0; */

            left: 50%;

            top: 50%;

        }

        .series .box6 .suspen {

            top: 29%;

            left: 94%;
        }

        .series .box7 .suspen {

            top: 24%;
        }

        .series .box8 .suspen {

            top: 48%;

            width: 35%;

            left: 76%;
        }

        .series .box9 .suspen {

            top: 36%;

            width: 100%;

            left: 50%;
        }

        .series .icontb {

            text-align: center;
        }

        .series .icontb a {

            display: inline-block;

            font-size: 24px;

            color: #666;

            margin-bottom: 50px;

            margin-right: 58px;
        }

        .series .icontb a img {

            margin-bottom: 30px;
        }

        .series .list-box {
            margin-top: 11px;
        }

        .series .list-box img {
            height: 27px;
        }

        .series .list-box li {

            float: left;

            text-align: center;

            margin-right: 19px;

        }

        .series .list-box li .name {

            font-size: 12px;

            color: #fff;

            line-height: 18px;

            margin-top: 3px;

            color: #fff;

        }

        .series .lr {

            overflow: hidden;
        }

        .series .lr1 {

            float: left;

            width: 50%;

            margin-top: 14%;
        }

        .series .lr2 {

            float: right;

            width: 50%;
        }

        .series .lr2 img {
            width: 100%;
        }


    }

    /*d5000*/
    .d5000 .box1 {

        background: #f5f5f5;
    }

    .d5000 .box1 .p1 {
        font-size: 63px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }

    .d5000 .box1 .p2 {
        color: #fff;
        font-size: 45px;
        /* font-weight: 700; */
        text-align: left;
        margin: 33px 0;
    }

    .d5000 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .d5000 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .d5000 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .d5000 .box2 {

        background: #f5f5f5;

        padding-top: 54px;

        padding-bottom: 69px;
    }

    .d5000 .box2 .p1 {
        font-size: 29px;
        text-align: center;
        color: #333;
        line-height: 44px;
    }

    .d5000 .box2 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0 20px;
    }

    .d5000 .box3 {

        background: #f5f5f5;
    }

    .d5000 .box3 .p1 {
        font-size: 29px;
        text-align: left;
        color: #000;
        max-width: 530px;
        line-height: 27px;
    }

    .d5000 .box3 .p2 {
        color: #000;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 26px 0;
    }

    .d5000 .box4 {

    }

    .d5000 .box4 .p1 {
        font-size: 17px;
        text-align: right;
        color: #fff;
        line-height: 28px;
    }

    .d5000 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0 11px;
    }

    .d5000 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d5000 .box5 {
        width: 100%; /* margin: 0 auto 57px; */
        background: #F3EFEE;
        padding: 0 2%;
        padding-bottom: 50px;
    }

    .d5000 .box5 .p1 {
        font-size: 29px;
        text-align: center;
        color: #000;
        line-height: 29px;
        margin: 37px;
    }

    .d5000 .box5 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 10px 0;
        margin-top: 60px;
    }

    .d5000 .box6 {

    }

    .d5000 .box6 .p1 {
        font-size: 29px;
        text-align: left;
        color: #000;
        width: 100%;
        float: left;
        line-height: 50px;
        margin-top: 0;
    }

    .d5000 .box6 .p2 {
        color: #8F7E60;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 14px 0;
        margin-bottom: 28px;
    }

    .d5000 .box7 .p1 {
        font-size: 29px;
        text-align: left;
        color: #fff;
        width: 37%;
        float: left;
        line-height: 52px;
        margin-top: 35px;
    }

    .d5000 .box7 .p2 {
        font-size: 44px;
        text-align: left;
        color: #fff;
        width: 100%;
        float: left;
        line-height: 29px;
        margin-top: 0;
        font-weight: 700;
    }

    .d5000 .box8 .p1 {
        color: #fff;
        font-size: 28px;
        /* font-weight: 700; */
        text-align: center;
        margin: 14px 0;
    }

    .d5000 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .d5000 .box9 .p1 {
        font-size: 29px;
        text-align: center;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 12px;
    }

    .d5000 .box9 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .d5000 .box10 .p1 {
        font-size: 29px;
        text-align: left;
        color: #000;
        width: 50%;
        float: left;
        line-height: 41px;
        margin-top: 0;
    }

    .d5000 .box10 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        /* margin-bottom: 45px; */
        margin: 14px 0;
        margin-bottom: 22px;
    }

    .d5000 .box1 .suspen {

        top: 39%;
    }

    .d5000 .box2 .suspen {

        top: 0;

        position: relative;
    }

    .d5000 .box3 .suspen {

        top: 76%;

        width: 50%;

        left: 77%;
    }

    .d5000 .box4 .suspen {

        top: 11%;
    }

    .d5000 .box5 .suspen {

        top: 29%;

    }

    .d5000 .box6 .suspen {

        top: 37%;

        width: 50%;

        left: 77%;
    }

    .d5000 .box7 .suspen {

        top: 42%;
    }

    .d5000 .box8 .suspen {

        top: 13%;
    }

    .d5000 .box9 .suspen {

        top: 15%;
    }

    .d5000 .box10 .suspen {

        top: 61%;
    }


    /*d6000*/
    .d6000 .box1 {

    }

    .d6000 .box1 .p1 {
        font-size: 62px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }

    .d6000 .box1 .p2 {
        color: #fff;
        font-size: 40px;
        /* font-weight: 700; */
        text-align: left;
        margin: 39px 0;
    }

    .d6000 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .d6000 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .d6000 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .d6000 .box2 {

    }

    .d6000 .box2 .p1 {
        font-size: 44px;
        text-align: left;
        color: #000;
        line-height: 29px;
        margin-top: 31px;
        margin-bottom: 26px;
        font-weight: 700;
    }

    .d6000 .box2 .p2 {
        color: #333;
        font-size: 49px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0 20px;
    }

    .d6000 .box3 {

    }

    .d6000 .box3 .p1 {
        font-size: 29px;
        text-align: center;
        color: #fff;
        max-width: 100%;
        line-height: 27px;
    }

    .d6000 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 40px 0 30px;
    }

    .d6000 .box4 {

    }

    .d6000 .box4 .p1 {
        font-size: 22px;
        text-align: left;
        color: #fff;
        line-height: 39px;
        width: 41%;
    }

    .d6000 .box4 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0 30px;
    }

    .d6000 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d6000 .box5 {

    }

    .d6000 .box5 .p1 {
        font-size: 29px;
        text-align: center;
        color: #333;
        line-height: 29px;
        margin-bottom: 50px;
    }

    .d6000 .box5 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 30px 0;
        margin-top: 50px;
    }

    .d6000 .box6 {

        background: #f5f5f5;

        padding-top: 40px;
    }

    .d6000 .box6 .p1 {
        font-size: 29px;
        text-align: center;
        color: #333;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .d6000 .box6 .p2 {
        color: #000;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0 30px;
    }

    .d6000 .box7 .p1 {
        font-size: 29px;
        text-align: right;
        color: #fff;
        width: 58%;
        float: right;
        line-height: 29px;
        margin-top: 30px;
    }

    .d6000 .box7 .p2 {
        font-size: 44px;
        text-align: right;
        color: #fff;
        width: 58%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        font-weight: 700;
    }

    .d6000 .box8 .p1 {
        color: #fff;
        font-size: 29px;
        /* font-weight: 700; */
        text-align: left;
        margin: 31px 0;
    }

    .d6000 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .d6000 .box1 .suspen {

        top: 47%;

        left: 82%;

        width: 50%;
    }

    .d6000 .box2 .suspen {width: 27%;float: left;left: 27%;}

    .d6000 .box3 .suspen {

        top: 18%;
    }

    .d6000 .box4 .suspen {

        top: 49%;
    }

    .d6000 .box5 .suspen {

        top: 29%;

    }

    .d6000 .box6 .suspen {

        top: 37%;
    }

    .d6000 .box7 .suspen {

        top: 46%;
    }

    .d6000 .box8 .suspen {

        top: 49%;
    }

    .d6000 .pro {
        width: 60%;
        margin: 40px auto;
    }

    .d6000 .pro2 {
        width: 90%;
        margin: 40px auto;
    }

    .d5000 .pro {
        width: 60%;
        margin: 0px auto;
    }

}

@media screen and (min-device-width: 1026px) and (max-device-width: 1367px) {


    /*d5000*/
    .d5000 .box1{

        background: #f5f5f5;
    }
    .d5000 .box1 .p1{
        font-size: 55px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .d5000 .box1 .p2{
        color: #fff;
        font-size: 33px;
        /* font-weight: 700; */
        text-align: left;
        margin: 33px 0;
    }
    .d5000 .box1 .p3{
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }
    .d5000 .box1 .p4{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }
    .d5000 .box1 .p4 img{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }
    .d5000 .box2{

        background: #f5f5f5;

        padding-top: 54px;

        padding-bottom: 69px;
    }
    .d5000 .box2 .p1{
        font-size: 29px;
        text-align: center;
        color: #333;
        line-height: 44px;
    }
    .d5000 .box2 .p2{
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0 20px;
    }
    .d5000 .box3{

        background: #f5f5f5;
    }
    .d5000 .box3 .p1{
        font-size: 29px;
        text-align: left;
        color: #000;
        max-width: 530px;
        line-height: 27px;
    }
    .d5000 .box3 .p2 {
        color: #000;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 26px 0;
    }
    .d5000 .box4{

    }
    .d5000 .box4 .p1{
        font-size: 17px;
        text-align: right;
        color: #fff;
        line-height: 28px;
    }
    .d5000 .box4 .p2{
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0 11px;
    }
    .d5000 .box4 .p4{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d5000 .box5{width: 100%;/* margin: 0 auto 57px; */background: #F3EFEE;padding: 0 2%;padding-bottom: 50px;}
    .d5000 .box5 .p1{
        font-size: 29px;
        text-align: center;
        color: #000;
        line-height: 29px;
        margin: 37px;
    }
    .d5000 .box5 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 10px 0;
        margin-top: 60px;
    }
    .d5000 .box6{

    }
    .d5000 .box6 .p1{
        font-size: 29px;
        text-align: left;
        color: #000;
        width: 100%;
        float: left;
        line-height: 50px;
        margin-top: 0;
    }
    .d5000 .box6 .p2 {
        color: #8F7E60;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 14px 0;
        margin-bottom: 28px;
    }
    .d5000 .box7 .p1{
        font-size: 29px;
        text-align: left;
        color: #fff;
        width: 37%;
        float: left;
        line-height: 52px;
        margin-top: 35px;
    }
    .d5000 .box7 .p2{
        font-size: 44px;
        text-align: left;
        color: #fff;
        width: 100%;
        float: left;
        line-height: 29px;
        margin-top: 0;
        font-weight: 700;
    }
    .d5000 .box8 .p1 {
        color: #fff;
        font-size: 28px;
        /* font-weight: 700; */
        text-align: center;
        margin: 14px 0;
    }
    .d5000 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }
    .d5000 .box9 .p1{
        font-size: 29px;
        text-align: center;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 12px;
    }
    .d5000 .box9 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }
    .d5000 .box10 .p1{
        font-size: 29px;
        text-align: left;
        color: #000;
        width: 50%;
        float: left;
        line-height: 41px;
        margin-top: 0;
    }
    .d5000 .box10 .p2 {
        color: #148CD8;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        /* margin-bottom: 45px; */
        margin: 14px 0;
        margin-bottom: 22px;
    }
    .d5000 .box1 .suspen{

        top: 39%;
    }
    .d5000 .box2 .suspen{

        top: 0;

        position: relative;
    }
    .d5000 .box3 .suspen{

        top: 76%;

        width: 50%;

        left: 77%;
    }
    .d5000 .box4 .suspen{

        top: 11%;
    }
    .d5000 .box5 .suspen{

        top: 29%;

    }
    .d5000 .box6 .suspen{

        top: 37%;

        width: 50%;

        left: 77%;
    }
    .d5000 .box7 .suspen{

        top: 42%;
    }
    .d5000 .box8 .suspen{

        top: 13%;
    }
    .d5000 .box9 .suspen{

        top: 15%;
    }
    .d5000 .box10 .suspen{

        top: 61%;
    }


    /*d6000*/
    .d6000 .box1{

    }
    .d6000 .box1 .p1{
        font-size: 58px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .d6000 .box1 .p2{
        color: #fff;
        font-size: 36px;
        /* font-weight: 700; */
        text-align: left;
        margin: 36px 0;
    }
    .d6000 .box1 .p3{
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }
    .d6000 .box1 .p4{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }
    .d6000 .box1 .p4 img{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }
    .d6000 .box2{

    }
    .d6000 .box2 .p1{
        font-size: 29px;
        text-align: left;
        color: #000;
        line-height: 29px;
        margin-top: 24px;
        margin-bottom: 20px;
    }
    .d6000 .box2 .p2{
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0 20px;
    }
    .d6000 .box3{

    }
    .d6000 .box3 .p1{
        font-size: 29px;
        text-align: center;
        color: #fff;
        max-width: 100%;
        line-height: 27px;
    }
    .d6000 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 40px 0 30px;
    }
    .d6000 .box4{

    }
    .d6000 .box4 .p1{
        font-size: 22px;
        text-align: left;
        color: #fff;
        line-height: 39px;
        width: 41%;
    }
    .d6000 .box4 .p2{
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0 30px;
    }
    .d6000 .box4 .p4{
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d6000 .box5{

    }
    .d6000 .box5 .p1{
        font-size: 29px;
        text-align: center;
        color: #333;
        line-height: 29px;
        margin-bottom: 50px;
    }
    .d6000 .box5 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 30px 0;
        margin-top: 50px;
    }
    .d6000 .box6{

        background: #f5f5f5;

        padding-top: 40px;
    }
    .d6000 .box6 .p1{
        font-size: 29px;
        text-align: center;
        color: #333;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        margin-bottom: 40px;
    }
    .d6000 .box6 .p2 {
        color: #000;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0 30px;
    }
    .d6000 .box7 .p1{
        font-size: 29px;
        text-align: right;
        color: #fff;
        width: 58%;
        float: right;
        line-height: 29px;
        margin-top: 30px;
    }
    .d6000 .box7 .p2{
        font-size: 44px;
        text-align: right;
        color: #fff;
        width: 58%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        font-weight: 700;
    }
    .d6000 .box8 .p1 {
        color: #fff;
        font-size: 29px;
        /* font-weight: 700; */
        text-align: left;
        margin: 31px 0;
    }
    .d6000 .box8 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .d6000 .box1 .suspen{

        top: 47%;

        left: 82%;

        width: 50%;
    }
    .d6000 .box2 .suspen{

    }
    .d6000 .box3 .suspen{

        top: 18%;
    }
    .d6000 .box4 .suspen{

        top: 49%;
    }
    .d6000 .box5 .suspen{

        top: 29%;

    }
    .d6000 .box6 .suspen{

        top: 37%;
    }
    .d6000 .box7 .suspen{

        top: 46%;
    }
    .d6000 .box8 .suspen{

        top: 49%;
    }

    .d6000 .pro{
        width: 60%;
        margin: 40px auto;
    }
    .d6000 .pro2{
        width: 90%;
        margin: 40px auto;
    }
    .d5000 .pro{
        width: 60%;
        margin: 0px auto;
    }
}

/* ===== mnewcss3661.css ===== */
@media(max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    .v5000s .box_1 .suspen {
        top: 17%;
        left: 0;
        width: 100%;
        padding: 0 .85rem;
    }

    .v5000s .box_1 .words {
        font-size: 24px;
        color: #fff;
        line-height: 40px;
        text-align: center;
    }

    .v5000s .box_1 .h1 {
        font-size: 29px !important;
        color: #fff !important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: center;
        margin-top: 7px;
    }

    .v5000s .box_11 .suspen {
        top: 5%;
        transform: translate(-50%, 0);
        text-align: center;
    }

    .v5000s .box_1 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_1 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_1 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_1 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_2 .wd3 {
        /* left: 50%; */
        top: 23%;
        z-index: 10;
        text-align: center;
        width: 100%;
    }

    .v5000s .box_2 .words {
        font-size: 14px;
        color: #fff;
        line-height: 40px;
        margin-top: 12px;
    }

    .v5000s .box_2 .h1 {
        font-size: 29px !important;
        color: #fff !important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: center;
    }


    .v5000s .box_2 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_2 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_2 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_2 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_6 .wd3 {
        /* left: 50%; */
        z-index: 10;
        text-align: center;
        bottom: 10%;
    }

    .v5000s .box_6 .words {
        font-size: 14px;
        color: #fff;
        line-height: 29px;
        margin-top: 17px;
    }

    .v5000s .box_6 .h1 {
        font-size: 29px !important;
        color: #fff !important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: center;
    }


    .v5000s .box_6 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_6 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_6 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_6 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_4 .wd3 {
        /* left: 50%; */
        bottom: 10%;
        z-index: 8;
        text-align: center;
    }

    .v5000s .box_4 .words {
        font-size: 14px;
        color: #fff;
        line-height: 22px;
    }

    .v5000s .box_4 .h1 {
        font-size: 29px !important;
        color: #fff !important;
        font-weight: bold;
        margin-bottom: 18px !important;
        text-align: center;
    }


    .v5000s .box_4 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_4 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_4 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_4 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_5 .wd3 {
        left: 5%;
        bottom: 6%;
        z-index: 6;
        text-align: center;
        top: auto;
    }

    .v5000s .box_5 .words {
        font-size: 12px;
        color: #5c5350;
        line-height: 40px;
        text-align: left;
    }

    .v5000s .box_5 .h1 {
        font-size: 24px !important;
        color: #333 !important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: left;
    }


    .v5000s .box_5 .list-box {
        font-size: 0;
        margin-top: 7px;
    }

    .v5000s .box_5 .list-box img {
        height: 23px;
    }

    .v5000s .box_5 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 30px;
        text-align: center;
        float: left;
    }

    .v5000s .box_5 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_5 .name {
        font-size: 13px;
        color: #333;
        margin-top: 16px;
    }


    .v5000s .box_3 .wd3 {
        /* left: 50%; */
        top: 10%;
        z-index: 6;
        text-align: center;
    }

    .v5000s .box_3 .words {
        font-size: 14px;
        color: #5c5350;
        line-height: 24px;
        margin-top: 17px;
    }

    .v5000s .box_3 .h1 {
        font-size: 29px !important;
        color: #5c5350;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: center;
    }


    .v5000s .box_3 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_3 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_3 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_3 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_7 .wd2 {
        top: auto;
        left: 8%;
        bottom: 10%;
        z-index: 10;
        text-align: center;
    }

    .v5000s .box_7 .words {
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        margin-top: 15px;
        text-align: left;
    }

    .v5000s .box_7 .h1 {
        font-size: 29px !important;
        color: #fff!important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: left;
    }


    .v5000s .box_7 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_7 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_7 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_7 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }


    .v5000s .box_7 .rongliang {
        font-size: 17px;
        color: #ffffff;
        margin-top: 28px;
        line-height: 32px;
        text-align: left;
    }

    .v5000s .box_7 .rongliang span {
        font-size: 43px;
        color: #ffffff;
    }


    .v5000s .box_8 .wd3 {
        /* left: 50%; */
        top: 10%;
        z-index: 10;
        text-align: center;
    }

    .v5000s .box_8 .words {
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        margin-top: 25px;
    }

    .v5000s .box_8 .h1 {
        font-size: 29px !important;
        color: #fff !important;
        font-weight: bold;
        margin-bottom: 36px;
        text-align: center;
    }


    .v5000s .box_8 .list-box {
        font-size: 0;
        margin-top: 55px;
    }

    .v5000s .box_8 .column {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        text-align: center;
    }

    .v5000s .box_8 .column:last-child {
        margin-right: 0;
    }

    .v5000s .box_8 .name {
        font-size: 20px;
        color: #ffffff;
        margin-top: 16px;
    }

    .v5000s .box_6 {
        background-color: #eceef1;
        padding-bottom: 0 !important;
    }


    /*a100*/
    .a100 .box1 {

    }

    .a100 .box1 .p1 {
        font-size: 24px;
        text-align: right;
        color: #fff;
    }

    .a100 .box1 .p2 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: right;
        margin: 20px 0;
    }

    .a100 .box1 .p3 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: right;
    }

    .a100 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 0px 0;
    }

    .a100 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px 0;
        width: 38px;
    }

    .a100 .box2 {

    }

    .a100 .box2 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
    }

    .a100 .box2 .p2 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
    }

    .a100 .box3 {

    }

    .a100 .box3 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
    }

    .a100 .box3 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0;
    }

    .a100 .box4 {

    }

    .a100 .box4 .p1 {
        font-size: 18px;
        text-align: center;
        color: #333;
        width: 90%;
        margin: 0 auto;
        line-height: 37px;
    }

    .a100 .box4 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 18px 0;
        margin-top: 30px;
    }

    .a100 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 0px 0;
    }

    .a100 .box4 .p4 img {
        width: 38px;
    }

    .a100 .box5 {

    }

    .a100 .box5 .p1 {
        font-size: 18px;
        text-align: right;
        color: #fff;
    }

    .a100 .box5 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: right;
        margin: 20px 0;
    }

    .a100 .box5 {

    }

    .a100 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #333;
    }

    .a100 .box6 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0;
    }

    .a100 .box1 .suspen {

        top: 0;
    }

    .a100 .box2 .suspen {

        top: 0;
    }

    .a100 .box3 .suspen {

        top: 15%;
    }

    .a100 .box4 .suspen {

        top: 26%;
    }

    .a100 .box5 .suspen {

        top: 66%;

        right: 10%;
    }

    .a100 .box6 .suspen {

        top: 63%;
    }

    .a100 .box1 .suspen {

        top: 33%;

        right: 8%;
    }

    .a100 .box2 .suspen {

        top: 8%;
    }

    .a100 .box3 .suspen {

        top: 6%;
    }

    .a100 .box4 .suspen {

        top: 1%;
    }

    .a100 .box5 .suspen {

    }

    .a100 .box6 .suspen {

        top: 66%;
    }


    /*k319*/
    .k319 .box1 {

    }

    .k319 .box1 .p1 {
        font-size: 33px;
        text-align: left;
        color: #bd7d50;
        font-weight: 700;
        display: block;
        margin-bottom: 19px;
    }

    .k319 .box1 .p2 {
        color: #bd7d50;
        font-size: 28px;
        font-weight: normal;
        text-align: left;
        margin: 21px 0;
    }

    .k319 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k319 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k319 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k319 .box2 {

    }

    .k319 .box2 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
        width: 100%;
        line-height: 31px;
    }

    .k319 .box2 .p2 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: left;
        margin: 5px 0;
        margin-bottom: 10px;
    }

    .k319 .box3 {

        margin-top: 50px;
    }

    .k319 .box3 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .k319 .box3 .p2 {
        color: #333;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 32px;
        width: 90%;
    }

    .k319 .box4 {

    }

    .k319 .box4 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
    }

    .k319 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 15px 0;
    }

    .k319 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k319 .box5 {

    }

    .k319 .box5 .p1 {
        font-size: 24px !important;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .k319 .box5 .p2 {
        color: #333;
        font-size: 17px;
        /* font-weight: 700; */
        text-align: left;
        margin: 20px 0 44px 0;
        line-height: 25px;
        text-align: center;
        width: 90%;
        margin: 16px auto;
    }

    .k319 .box5 {

    }

    .k319 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k319 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k319 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fe6723;
        font-weight: 700;
        width: 76%;
        margin: 0 auto;
    }

    .k319 .box6 .p2 {
        color: #333;
        font-size: 18px;
        font-weight: normal;
        text-align: left;
        margin: 24px auto;
        width: 91%;
        line-height: 29px;
    }

    .k319 .box7 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 90%;
        margin: 10px auto;
        line-height: 33px;
    }

    .k319 .box7 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 17px 0;
    }

    .k319 .box8 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
    }

    .k319 .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 15px 0;
    }

    .k319 .box1 .suspen {

        top: 21%;

        left: 14%;
    }

    .k319 .box2 .suspen {

        top: 12%;

        left: 5%;

        width: 90%;
    }

    .k319 .box3 .suspen {

        top: 15%;
    }

    .k319 .box4 .suspen {

        top: 57%;

        left: 10%;
    }

    .k319 .box5 .suspen {

        max-width: 388px;

        right: 0;

        left: auto;

        top: 10%;
    }

    .k319 .box6 .suspen {

        top: 86%;
    }

    .k319 .box7 .suspen {

        top: 11%;
    }

    .k319 .box8 .suspen {

        top: 8%;

        width: 100%;
    }

    .k319 .icontb {

        text-align: center;

        margin-bottom: 24px;
    }

    .k319 .icontb a {

        display: inline-block;

        font-size: 17px;

        color: #666;

        margin-bottom: 50px;

        /* margin-right: 26px; */

        margin: 20px 10px;
    }

    .k319 .icontb a img {

        margin-bottom: 30px;

        height: 64px;
    }

    .k319 .box5 .list-box {
        margin-top: 18px;
        text-align: center;
    }

    .k319 .box5 .list-box li {

        display: inline-block;

        text-align: center;

        margin-right: 26px;
    }

    .k319 .box5 .list-box li img {

        height: 45px;
    }

    .k319 .box5 .list-box li .name {

        font-size: 14px;

        color: #333;

        line-height: 18px;

        margin-top: 20px;
    }

    .k319 .lr {

        overflow: hidden;
    }

    .k319 .lr1 {

        float: left;

        width: 100%;

        margin-top: 14%;

        margin-bottom: 39px;
    }

    .k319 .lr2 {

        float: right;

        width: 100%;
    }

    .k319 .lr2 img {
        width: 100%;
    }

    /*k219*/
    .k219 .box1 {

    }

    .k219 .box1 .p1 {
        font-size: 31px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        display: block;
        margin-bottom: 25px;
    }

    .k219 .box1 .p2 {
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        margin: 10px 0;
    }

    .k219 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k219 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k219 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k219 .box2 {

    }

    .k219 .box2 .p1 {
        font-size: 14px;
        text-align: left;
        color: #fff;
        width: 84%;
        line-height: 26px;
    }

    .k219 .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0;
        margin-bottom: 10px;
    }

    .k219 .box3 {

        padding-top: 34px;

        background: #fe6723;

        padding-bottom: 40px;
    }

    .k219 .box3 .p1 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .k219 .box3 .p2 {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        margin: 15px auto;
        max-width: 680px;
        line-height: 27px;
        width: 83%;
    }

    .k219 .box4 {

    }

    .k219 .box4 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        width: 82%;
        line-height: 27px;
    }

    .k219 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 10px 0;
    }

    .k219 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k219 .box5 {

    }

    .k219 .box5 .p1 {
        font-size: 24px !important;
        text-align: center;
        color: #fff !important;
    }

    .k219 .box5 .p2 {
        color: #fff;
        font-size: 12px;
        /* font-weight: 700; */
        text-align: center;
        line-height: 28px;
        margin: 20px auto 15px auto;
        width: 93%;
    }

    .k219 .box5 {

    }

    .k219 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k219 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k219 .box6 .p1 {
        font-size: 13px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 82%;
        margin: 0 auto;
        line-height: 27px;
    }

    .k219 .box6 .p2 {
        color: #fe6723;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 14px auto;
        width: 76%;
        line-height: 37px;
    }

    .k219 .box7 .p1 {
        font-size: 17px;
        text-align: center;
        color: #fff;
        width: 60%;
        margin: 0 auto;
        line-height: 27px;
    }

    .k219 .box7 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k219 .box8 .p1 {
        font-size: 16px;
        text-align: center;
        color: #fff;
    }

    .k219 .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k219 .box1 .suspen {

        left: 0;

        top: 27%;
    }

    .k219 .box2 .suspen {

        top: 10%;

        left: 10%;
    }

    .k219 .box3 .suspen {

        top: 15%;
    }

    .k219 .box4 .suspen {

        top: 71%;

        left: 8%;
    }

    .k219 .box5 .suspen {

        max-width: 408px;

        right: 0;

        left: auto;

        top: 10%;
    }

    .k219 .box6 .suspen {

        top: 6%;

        left: 0;
    }

    .k219 .box7 .suspen {

        top: 5%;
    }

    .k219 .box8 .suspen {

        top: 8%;

        width: 100%;

        left: 0;
    }

    .k219 .icontb {

        text-align: center;
    }

    .k219 .icontb a {

        display: inline-block;

        font-size: 14px;

        color: #fff;

        margin-bottom: 50px;

        margin-right: 0;

        margin: 0 5px;
    }

    .k219 .icontb a img {

        margin-bottom: 10px;

        height: 78px;
    }

    .k219 .box5 .list-box {
        margin-top: 10px;
        text-align: center;
    }

    .k219 .box5 .list-box li {

        text-align: center;

        /* margin-right: 43px; */

        display: inline-block;

        margin: 0 22px;
    }

    .k219 .box5 .list-box li img {
        height: 40px;
    }

    .k219 .box5 .list-box li .name {

        font-size: 12px;

        color: #fff;

        line-height: 26px;

        margin-top: 10px;
    }

    .k219 .lr {

        overflow: hidden;
    }

    .k219 .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .k219 .lr2 {

        float: right;

        width: 50%;
    }

    .k219 .lr2 img {
        width: 100%;
    }

    /*k419*/
    .k419 .box1 {

    }

    .k419 .box1 .p1 {
        font-size: 27px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        display: block;
        margin-bottom: 18px;
    }

    .k419 .box1 .p2 {
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        text-align: left;
        margin: 14px 0;
    }

    .k419 .box1 .p3 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
    }

    .k419 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .k419 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .k419 .box2 {

    }

    .k419 .box2 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 30px;
    }

    .k419 .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 10px;
    }

    .k419 .box3 {

        padding-top: 50px;

        background: #fff;
    }

    .k419 .box3 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

    .k419 .box3 .p2 {
        color: #333;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 35px;
        width: 90%;
        margin: 20px auto;
    }

    .k419 .box4 {

    }

    .k419 .box4 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        line-height: 30px;
        width: 94%;
    }

    .k419 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .k419 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .k419 .box5 {

    }

    .k419 .box5 .p1 {
        font-size: 24px !important;
        text-align: center;
        color: #FFF !important;
        font-weight: 700;
    }

    .k419 .box5 .p2 {
        color: #fff;
        font-size: 12px;
        /* font-weight: 700; */
        text-align: center;
        line-height: 30px;
        margin: 20px auto 44px auto;
        width: 90%;
    }

    .k419 .box5 {

    }

    .k419 .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .k419 .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k419 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 76%;
        margin: 0 auto;
    }

    .k419 .box6 .p2 {
        color: #fe6723;
        font-size: 38px;
        font-weight: 700;
        text-align: center;
        margin: 24px auto;
        width: 76%;
        line-height: 37px;
    }

    .k419 .box7 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 90%;
        margin: 1px auto;
        line-height: 32px;
    }

    .k419 .box7 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .k419 .box8 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
    }

    .k419 .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .k419 .box1 .suspen {

        left: 10%;

        top: 25%;
    }

    .k419 .box2 .suspen {

        top: 6%;
    }

    .k419 .box3 .suspen {

        top: 15%;
    }

    .k419 .box4 .suspen {

        top: 69%;

        left: 6%;
    }

    .k419 .box5 .suspen {

        max-width: 404px;

        right: -73px;

        left: 0;

        top: 10%;
    }

    .k419 .box6 .suspen {

        top: 50%;

        left: 70%;
    }

    .k419 .box7 .suspen {

        top: 11%;
    }

    .k419 .box8 .suspen {

        top: 5%;

        width: 100%;

        left: 0;
    }

    .k419 .icontb {

        text-align: center;
    }

    .k419 .icontb a {

        display: inline-block;

        font-size: 14px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 0;

        margin: 10px 5px 40px;
    }

    .k419 .icontb a img {

        margin-bottom: 30px;

        height: 74px;
    }

    .k419 .box5 .list-box {
        margin-top: 40px;
    }

    .k419 .box5 .list-box li {

        text-align: center;

        /* margin-right: 67px; */

        display: inline-block;

        margin: 0 10px;
    }

    .k419 .box5 .list-box li img {
        height: 40px;
    }

    .k419 .box5 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .k419 .lr {

        overflow: hidden;
    }

    .k419 .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .k419 .lr2 {

        float: right;

        width: 50%;
    }

    .k419 .lr2 img {
        width: 100%;
    }

    /*s810*/
    .s810 .advan {
        width: 90%;
        margin: 40px auto;
        overflow: hidden;
    }

    .s810 .advan li {
        float: left;
        width: 33%;
        text-align: center;
    }

    .s810 .tmname {
        color: #ddd;
        font-size: 14px;
    }

    .s810 .tmnum {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        margin-top: 10px;
    }

    .s810 .box1 .suspen {

        left: 10%;

        top: 22%;
    }

    .s810 .box2 .suspen {

        top: 5%;
    }

    .s810 .box3 .suspen {

        top: 2%;
    }

    .s810 .box4 .suspen {

        top: 62%;
    }

    .s810 .box5 .suspen {

        top: 6%;
    }

    .s810 .box6 .suspen {

        top: 7%;
    }

    .s810 .box1 {

    }

    .s810 .box1 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }

    .s810 .box1 .p2 {
        color: #fff;
        font-size: 33px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .s810 .box1 .p3 {
        color: #fff;
        font-size: 18px;
        /* font-weight: 700; */
        text-align: left;
    }

    .s810 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .s810 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .s810 .box2 {

    }

    .s810 .box2 .p1 {
        font-size: 17px;
        text-align: center;
        color: #ddd;
        width: 100%;
        line-height: 33px;
        width: 90%;
        float: au;
        margin: 0 auto;
    }

    .s810 .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 20px;
    }

    .s810 .box3 {

        padding-top: 0;

        background: #fff;
    }

    .s810 .box3 .p1 {
        font-size: 18px;
        text-align: center;
        color: #ddd;
        /* font-weight: 700; */
        line-height: 30px;
        width: 90%;
        margin: 0 auto;
    }

    .s810 .box3 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px auto;
        max-width: 680px;
        line-height: 16px;
    }

    .s810 .box4 {

    }

    .s810 .box4 .p1 {
        font-size: 14px;
        text-align: left;
        color: #ddd;
        width: 89%;
        line-height: 26px;
        margin: 0 auto;
    }

    .s810 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 20px auto;
        width: 90%;
    }

    .s810 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .s810 .box5 .p1 {
        font-size: 14px;
        text-align: left;
        color: #ddd;
        width: 90%;
        line-height: 26px;
        margin: 0 auto;
    }

    .s810 .box5 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        width: 90%;
        margin: 20px auto;
    }

    .s810 .box6 .p1 {
        font-size: 14px;
        text-align: center;
        color: #ddd;
        width: 90%;
        line-height: 26px;
        margin: 0 auto;
    }

    .s810 .box6 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0;
    }

    /*s770*/
    .s770 .box1 {

        /* top: 50%; */

        /* left: 10%; */
    }

    .s770 .box1 .p1 {
        font-size: 30px;
        text-align: left;
        color: #fff;
    }

    .s770 .box1 .p2 {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .s770 .box1 .p3 {
        color: #fff;
        font-size: 18px;
        /* font-weight: 700; */
        text-align: left;
    }

    .s770 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .s770 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .s770 .box2 {

    }

    .s770 .box2 .p1 {
        font-size: 13px;
        text-align: center;
        color: #ddd;
        line-height: 29px;
        width: 100%;
        margin: 10px auto;
    }

    .s770 .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0 20px;
    }

    .s770 .box3 {

    }

    .s770 .box3 .p1 {
        font-size: 14px;
        text-align: left;
        color: #fff;
        max-width: 600px;
        line-height: 27px;
        text-align: center;
        width: 91%;
        margin: 0 auto;
    }

    .s770 .box3 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 17px 0;
    }

    .s770 .box4 {

    }

    .s770 .box4 .p1 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        line-height: 23px;
    }

    .s770 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0 20px;
    }

    .s770 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .s770 .box5 {

    }

    .s770 .box5 .p1 {
        font-size: 14px;
        text-align: center;
        color: #ddd;
        line-height: 25px;
    }

    .s770 .box5 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 17px 0;
    }

    .s770 .box5 {

    }

    .s770 .box6 .p1 {
        font-size: 14px;
        text-align: center;
        color: #ddd;
        width: 67%;
        /* float: right; */
        line-height: 29px;
        margin: 0 auto;
        margin-top: 16px;
    }

    .s770 .box6 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 17px 0;
    }

    .s770 .box1 .suspen {

        top: 20%;

        left: 7%;
    }

    .s770 .box2 .suspen {

        top: 63%;
    }

    .s770 .box3 .suspen {

        top: 58%;
    }

    .s770 .box4 .suspen {

        top: 3%;
    }

    .s770 .box5 .suspen {

        top: 6%;
    }

    .s770 .box6 .suspen {

        top: 6%;
    }

    /*i6310*/
    .i6310 .box1 {

    }

    .i6310 .box1 .p1 {
        font-size: 30px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        /* background-color: white; */
        margin-bottom: 10px;
    }

    .i6310 .box1 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 16px 0;
    }

    .i6310 .box1 .p3 {
        color: #fff;
        font-size: 17px;
        /* font-weight: 700; */
        text-align: left;
        line-height: 28px;
        width: 94%;
    }

    .i6310 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .i6310 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .i6310 .box2 {

    }

    .i6310 .box2 .p1 {
        font-size: 16px;
        text-align: center;
        color: #666;
        line-height: 26px;
        width: 78%;
        margin: 10px auto;
    }

    .i6310 .box2 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 13px 0;
    }

    .i6310 .box3 {

    }

    .i6310 .box3 .p1 {
        font-size: 15px;
        text-align: center;
        color: #ddd;
        line-height: 29px;
        width: 79%;
        margin: 10px auto;
    }

    .i6310 .box3 .p2 {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px auto;
        width: 75%;
    }

    .i6310 .box4 {

    }

    .i6310 .box4 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        line-height: 26px;
        width: 90%;
        margin: 10px auto;
        text-align: justify;
    }

    .i6310 .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 10px 0;
        line-height: 35px;
    }

    .i6310 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .i6310 .box5 {

    }

    .i6310 .box5 .p1 {
        font-size: 16px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        width: 90%;
        margin: 0 auto;
    }

    .i6310 .box5 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 18px 0;
        line-height: 33px;
    }

    .i6310 .box5 {

    }

    .i6310 .box6 {

    }

    .i6310 .box6 .p1 {
        font-size: 16px;
        text-align: left;
        color: #ddd;
        line-height: 33px;
        width: 84%;
        float: left;
        margin: 0 auto;
    }

    .i6310 .box6 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        width: 90%;
        text-align: left;
        margin: 20px auto;
        line-height: 9px;
        float: left;
    }

    .i6310 .box7 {

        text-align: center;

        padding: 40px 0;
    }

    .i6310 .box7 .p1 {
        font-size: 24px;
        text-align: center;
        color: #00a9ff;
        font-weight: 700;
        margin: 14px 0;
    }

    .i6310 .box7 .p2 {
        color: #333;
        font-size: 18px;
        /* font-weight: 700; */
        text-align: center;
        width: 90%;
        margin: 24px auto;
        line-height: 32px;
    }

    .i6310 .box8 {

    }

    .i6310 .box8 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        line-height: 29px;
        width: 90%;
        margin: 0 auto;
    }

    .i6310 .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6310 .box9 {

    }

    .i6310 .box9 .p1 {
        font-size: 16px;
        text-align: center;
        color: #fff;
        line-height: 29px;
        width: 90%;
        margin: 0 auto;
    }

    .i6310 .box9 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0;
    }

    .i6310 .box1 .suspen {

        top: 16%;

        left: 5%;
    }

    .i6310 .box2 .suspen {

        top: 8%;
    }

    .i6310 .box3 .suspen {

        top: 3%;
    }

    .i6310 .box4 .suspen {

        top: 9%;
    }

    .i6310 .box5 .suspen {

        top: 4%;
    }

    .i6310 .box6 .suspen {

        top: 6%;

        left: 9%;
    }

    .i6310 .box7 .suspen {

        top: 86%;
    }

    .i6310 .box8 .suspen {

        top: 3%;
    }

    .i6310 .box9 .suspen {

        top: 8%;
    }

    /*i6200s*/
    .i6200s .box1 {

    }

    .i6200s .box1 .p1 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        /* font-weight: 700; */
        display: block;
        margin-bottom: 20px;
    }

    .i6200s .box1 .p2 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        text-align: left;
        margin: 20px 0;
    }

    .i6200s .box1 .p3 {
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        width: 80%;
        text-align: left;
        line-height: 33px;
    }

    .i6200s .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .i6200s .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .i6200s .box2 {

    }

    .i6200s .box2 .p1 {
        font-size: 15px;
        text-align: center;
        color: #fff;
        width: 90%;
        line-height: 26px;
        margin: 0 auto;
    }

    .i6200s .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 19px 0;
        margin-bottom: 11px;
        line-height: 40px;
    }

    .i6200s .box3 {

        /* margin-top: 50px; */
    }

    .i6200s .box3 .p1 {
        font-size: 15px;
        text-align: left;
        color: #666;
        font-weight: normal;
        width: 90%;
        line-height: 30px;
        text-align: center;
        margin: 0 auto;
    }

    .i6200s .box3 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 10px auto;
        max-width: initial;
        line-height: 32px;
    }

    .i6200s .box4 {

    }

    .i6200s .box4 .p1 {
        font-size: 14px;
        text-align: left;
        color: #fff;
        line-height: 21px;
        width: 80%;
    }

    .i6200s .box4 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 10px 0;
        line-height: 36px;
    }

    .i6200s .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .i6200s .box5 {

    }

    .i6200s .box5 .p1 {
        font-size: 24px !important;
        text-align: left;
        color: #333;
    }

    .i6200s .box5 .p2 {
        color: #333;
        font-size: 14px;
        /* font-weight: 700; */
        text-align: left;
        margin: 20px 0 15px 0;
        max-width: 437px;
        line-height: 23px;
        width: 83%;
    }

    .i6200s .box5 {

    }

    .i6200s .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .i6200s .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0;
    }

    .i6200s .box6 .p1 {
        font-size: 14px;
        text-align: left;
        color: #fff;
        font-weight: normal;
        width: 79%;
        margin: 0 auto;
        float: left;
        line-height: 25px;
    }

    .i6200s .box6 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 15px auto;
        /* width: 76%; */
        line-height: 36px;
    }

    .i6200s .box7 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        line-height: 28px;
        margin-bottom: 8px;
        width: 80%;
    }

    .i6200s .box7 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 8px 0;
        line-height: 34px;
    }

    .i6200s .box8 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        line-height: 23px;
        width: 80%;
    }

    .i6200s .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 12px 0;
        line-height: 31px;
    }

    .i6200s .box9 .p1 {
        font-size: 16px;
        text-align: center;
        color: #fff;
        width: 90%;
        line-height: 26px;
        /* background-color: white; */
    }

    .i6200s .box9 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px 0;
        line-height: 35px;
    }

    .i6200s .box1 .suspen {

        top: 21%;

        left: 10%;
    }

    .i6200s .box2 .suspen {

        top: 2%;
    }

    .i6200s .box3 .suspen {

        top: 3%;
    }

    .i6200s .box4 .suspen {

        top: 7%;

        left: 10%;
    }

    .i6200s .box5 .suspen {

        /* max-width: 388px; */

        /* right: 0; */

        left: 8%;

        top: 36px;
    }

    .i6200s .box6 .suspen {

        top: 3%;

        left: 10%;
    }

    .i6200s .box7 .suspen {

        top: 45%;

        left: 10%;
    }

    .i6200s .box8 .suspen {

        top: 28%;

        width: 100%;

        left: 10%;
    }

    .i6200s .box9 .suspen {

        top: 31%;

        width: 100%;

        left: 4%;
    }

    .i6200s .icontb {

        text-align: center;
    }

    .i6200s .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .i6200s .icontb a img {

        margin-bottom: 30px;
    }

    .i6200s .box5 .list-box {
        margin-top: 0px;
    }

    .i6200s .box5 .list-box img {
        height: 40px;
    }

    .i6200s .box5 .list-box li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .i6200s .box5 .list-box li .name {

        font-size: 13px;

        color: #333;

        line-height: 26px;

        margin-top: 9px;
    }

    .i6200s .lr {

        overflow: hidden;
    }

    .i6200s .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .i6200s .lr2 {

        float: right;

        width: 50%;
    }

    .i6200s .lr2 img {
        width: 100%;
    }


    /*i6200ser*/
    .series .box1 {

    }

    .series .box1 .p1 {
        font-size: 28px;
        text-align: left;
        color: #fff;
        /* font-weight: 700; */
        display: block;
        margin-bottom: 5px;
    }

    .series .box1 .p2 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0;
    }

    .series .box1 .p3 {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }

    .series .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .series .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .series .box2 {

    }

    .series .box2 .p1 {
        font-size: 15px;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 24px;
        width: 90%;
        margin: 0 auto;
    }

    .series .box2 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 0px 0;
        margin-bottom: 11px;
        line-height: 37px;
    }

    .series .box3 {

        /* margin-top: 50px; */
    }

    .series .box3 .p1 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 90%;
        line-height: 25px;
        margin: 10px auto;
    }

    .series .box3 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 20px auto;
        max-width: initial;
        line-height: 34px;
    }

    .series .box4 {

    }

    .series .box4 .p1 {
        font-size: 14px;
        text-align: left;
        color: #333;
        line-height: 26px;
        width: 80%;
    }

    .series .box4 .p2 {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 10px 0;
        line-height: 36px;
    }

    .series .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .series .box5 {

    }

    .series .box5 .p1 {
        font-size: 25px !important;
        text-align: center;
        color: #fff !important;
        line-height: 44px;
        margin-bottom: 0;
    }

    .series .box5 .p2 {
        color: #fff;
        font-size: 16px;
        /* font-weight: 700; */
        text-align: center;
        margin: 0 auto;
        /* max-width: 437px; */
        line-height: 27px;
        margin-top: 12px;
    }

    .series .box51 {

    }

    .series .box51 {

    }

    .series .box51 .p1 {
        font-size: 25px !important;
        text-align: left;
        color: #333 !important;
        line-height: 40px;
        margin-bottom: 0;
        width: 90%;
        margin: 0 auto;
    }

    .series .box51 .p2 {
        color: #333;
        font-size: 16px;
        /* font-weight: 700; */
        text-align: left;
        width: 90%;
        margin: 0 auto;
        /* max-width: 437px; */
        line-height: 27px;
        margin-top: 12px;
    }

    .series .box6 {

    }

    .series .box6 .p1 {
        font-size: 24px;
        text-align: center;
        color: #333;
    }

    .series .box6 .p2 {
        color: #333;
        font-size: 44px;
        font-weight: 700;
        text-align: center;
        margin: 11px 0;
    }

    .series .box6 .p1 {
        font-size: 12px;
        text-align: center;
        color: #fff;
        font-weight: normal;
        width: 85%;
        margin: 0 auto;
        /* float: left; */
        line-height: 26px;
    }

    .series .box6 .p2 {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        /* width: 76%; */
        line-height: 38px;
    }

    .series .box7 .p1 {
        font-size: 15px;
        text-align: center;
        color: #eee;
        line-height: 29px;
        width: 90%;
        margin: 0 auto;
    }

    .series .box7 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 15px 0;
        line-height: 38px;
    }

    .series .box8 .p1 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        width: 90%;
        margin: 10px auto;
    }

    .series .box8 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 11px 0;
        line-height: 43px;
    }

    .series .box9 .p1 {
        font-size: 12px;
        text-align: center;
        color: #fff;
        line-height: 27px;
        width: 90%;
        margin: 0 auto;
    }

    .series .box9 .p2 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 11px 0;
        line-height: 37px;
    }

    .series .box1 .suspen {

        width: 90%;

        left: 22px;

        top: 20%;
    }

    .series .box2 .suspen {

        top: 5%;
    }

    .series .box3 .suspen {

        top: 1%;
    }

    .series .box4 .suspen {

        top: 4%;

        width: 100%;

        left: 10%;
    }

    .series .box5 .suspen {

        /* max-width: 388px; */

        /* right: 0; */

        left: 0;

        top: 7%;
    }

    .series .box51 .suspen {

        /* max-width: 388px; */

        /* right: 0; */

        left: 0;

        top: 4%;
    }

    .series .box6 .suspen {

        top: 2%;

        left: 0;
    }

    .series .box7 .suspen {

        top: 7%;
    }

    .series .box8 .suspen {

        top: 56%;

        width: 100%;

        left: 0;
    }

    .series .box9 .suspen {

        top: 23%;

        width: 100%;

        left: 0;
    }

    .series .icontb {

        text-align: center;
    }

    .series .icontb a {

        display: inline-block;

        font-size: 24px;

        color: #666;

        margin-bottom: 50px;

        margin-right: 58px;
    }

    .series .icontb a img {

        margin-bottom: 30px;
    }

    .series .box5 .list-box {
        margin-top: 20px;
        text-align: center;
    }

    .series  .box5 .list-box img {
        height: 29px;
    }

    .series .box5 .list-box li {/* float: none; */text-align: center;display: inline-block;margin: 0 13px;float: none;}

    .series .box5 .list-box li .name {

        font-size: 16px;

        color: #fff;

        line-height: 26px;

        margin-top: 20px;
    }

    .series .box51 .list-box li {

        float: left;

        text-align: center;

        display: inline-block;

        margin: 0 13px;
    }

    .series .box51 .list-box li .name {

        font-size: 13px;

        color: #000;

        line-height: 19px;

        margin-top: 11px;
    }

    .series .lr {

        overflow: hidden;
    }

    .series .lr1 {

        float: left;

        width: 50%;

        margin-top: 14%;
    }

    .series .lr2 {

        float: right;

        width: 50%;
    }

    .series .lr2 img {
        width: 100%;
    }


    /*d5000*/
    .d5000 .box1 {

    }

    .d5000 .box1 .p1 {
        font-size: 27px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }

    .d5000 .box1 .p2 {
        color: #fff;
        font-size: 21px;
        /* font-weight: 700; */
        text-align: left;
        margin: 17px 0;
    }

    .d5000 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .d5000 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .d5000 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .d5000 .box2 {

    }

    .d5000 .box2 .p1 {
        font-size: 16px;
        text-align: center;
        color: #000;
        line-height: 26px;
        margin-bottom: 22px;
    }

    .d5000 .box2 .p2 {
        color: #148CD8;
        font-size: 23px;
        font-weight: 700;
        text-align: center;
        margin: 28px 0 10px;
    }

    .d5000 .box3 {

    }

    .d5000 .box3 .p1 {
        font-size: 16px;
        text-align: left;
        color: #000;
        max-width: 530px;
        line-height: 27px;
    }

    .d5000 .box3 .p2 {
        color: #000;
        font-size: 23px;
        font-weight: 700;
        text-align: left;
        margin: 10px 0;
    }

    .d5000 .box4 {

    }

    .d5000 .box4 .p1 {
        font-size: 17px;
        text-align: right;
        color: #fff;
        line-height: 28px;
    }

    .d5000 .box4 .p2 {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0 11px;
    }

    .d5000 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d5000 .box5 {

        width: 90%;

        margin: 0 auto 20px;
    }

    .d5000 .box5 .p1 {
        font-size: 15px;
        text-align: center;
        color: #000;
        line-height: 29px;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .d5000 .box5 .p2 {
        color: #148CD8;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        margin: 10px 0;
        margin-top: 25px;
    }

    .d5000 .box6 {

        background: #565656;

        padding-top: 138px;
    }

    .d5000 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .d5000 .box6 .p2 {
        color: #fff;
        font-size: 28px;
        /* font-weight: 700; */
        text-align: center;
        margin: 14px 0;
        padding-top: 16px;
    }

    .d5000 .box7 .p1 {
        font-size: 18px;
        text-align: left;
        color: #ddd;
        width: 83%;
        margin-top: 0;
        line-height: 30px;
    }

    .d5000 .box7 .p2 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .d5000 .box8 .p2 {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0 20px;
    }

    .d5000 .box8 .p1 {
        color: #fff;
        font-size: 17px;
        /* font-weight: 700; */
        text-align: center;
        margin: 14px 0;
    }

    .d5000 .box9 .p1 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
    }

    .d5000 .box9 .p2 {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .d5000 .box10 .p1 {
        font-size: 14px;
        text-align: left;
        color: #333;
        /* width: 58%; */
        /* float: right; */
        line-height: 29px;
        margin-top: 0;
    }

    .d5000 .box10 .p2 {
        color: #148CD8;
        font-size: 20px;
        /* font-weight: 700; */
        text-align: left;
        margin: 14px 0;
    }

    .d5000 .box1 .suspen {

        top: 26%;

        left: 10%;
    }

    .d5000 .box2 .suspen {

        position: relative;
        text-align: center;
    }

    .d5000 .box2 {
        text-align: center;
    }

    .d5000 .box2 img {
        width: 90%;
        margin: 10px auto 30px;
    }

    .d5000 .box3 .suspen {

        top: 72%;

        left: 31%;
    }

    .d5000 .box4 .suspen {

        top: 3%;
    }

    .d5000 .box5 .suspen {

        top: 29%;

        position: relative;
    }

    .d5000 .box6 .suspen {

        top: 0;

        /* position: relative; */
    }

    .d5000 .box7 .suspen {

        top: 7%;

        left: 10%;
    }

    .d5000 .box8 .suspen {

        top: 3%;
    }

    .d5000 .box9 .suspen {

        top: 5%;
    }

    .d5000 .box10 .suspen {

        top: 79%;

        left: 10%;
    }


    /*d6000*/
    .d6000 .box1 {

    }

    .d6000 .box1 .p1 {
        font-size: 33px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .d6000 .box1 .p2 {
        color: #fff;
        font-size: 26px;
        /* font-weight: 700; */
        text-align: center;
        margin: 21px 0;
    }

    .d6000 .box1 .p3 {
        color: #fff;
        font-size: 24px;
        /* font-weight: 700; */
        text-align: left;
    }

    .d6000 .box1 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: right;
        margin: 40px 0;
    }

    .d6000 .box1 .p4 img {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        margin: 10px;
    }

    .d6000 .box2 {

        line-height: 24px;

        /* width: 90%; */
    }

    .d6000 .box2 .p1 {
        font-size: 17px;
        text-align: left;
        color: #000;
        line-height: 29px;
        margin-bottom: 10px;
    }

    .d6000 .box2 .p2 {
        color: #000;
        font-size: 29px;
        font-weight: 700;
        text-align: left;
        margin: 19px 0 12px;
    }

    .d6000 .box3 {

    }

    .d6000 .box3 .p1 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        max-width: 530px;
        line-height: 27px;
    }

    .d6000 .box3 .p2 {
        color: #fff;
        font-size: 27px;
        /* font-weight: 700; */
        text-align: left;
        margin: 10px 0;
    }

    .d6000 .box4 {

    }

    .d6000 .box4 .p1 {
        font-size: 17px;
        text-align: left;
        color: #fff;
        line-height: 28px;
    }

    .d6000 .box4 .p2 {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        text-align: left;
        margin: 24px 0 11px;
    }

    .d6000 .box4 .p4 {
        color: #fff;
        font-size: 74px;
        font-weight: 700;
        text-align: center;
        margin: 44px 0;
    }

    .d6000 .box5 {

        padding: 10px;
    }

    .d6000 .box5 .p1 {
        font-size: 15px;
        text-align: center;
        color: #000;
        line-height: 29px;
        margin-bottom: 26px;
    }

    .d6000 .box5 .p2 {
        color: #333;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        margin: 10px 0;
        margin-top: 37px;
    }

    .d6000 .box6 {

        background: #f5f5f5;

        margin-top: 21px;
    }

    .d6000 .box6 .p1 {
        font-size: 18px;
        text-align: center;
        color: #000;
        width: 100%;
        float: right;
        line-height: 25px;
        margin-top: 0;
    }

    .d6000 .box6 .p2 {
        color: #000;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .d6000 .box7 .p1 {
        font-size: 18px;
        text-align: left;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
    }

    .d6000 .box7 .p2 {
        font-size: 24px;
        text-align: left;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .d6000 .box8 .p2 {
        font-size: 18px;
        text-align: right;
        color: #fff;
        width: 100%;
        float: right;
        line-height: 29px;
        margin-top: 0;
    }

    .d6000 .box8 .p1 {
        color: #fff;
        font-size: 28px;
        /* font-weight: 700; */
        text-align: right;
        margin: 14px 0;
    }

    .d6000 .box8 .p1 {
        color: #fff;
        font-size: 15px;
        /* font-weight: 700; */
        text-align: center;
        margin: 14px 0;
    }

    .d6000 .box8 .p2 {
        color: #fff;
        font-size: 23px;
        font-weight: 700;
        text-align: center;
        margin: 14px 0;
    }

    .d6000 .box1 .suspen {

        top: 22%;
    }

    .d6000 .box2 .suspen {

        top: 10%;

        left: 10%;

        width: 74%;
    }

    .d6000 .box3 .suspen {

        top: 11%;

        width: 83%;

        left: 10%;
    }

    .d6000 .box4 .suspen {

        top: 6%;

        left: 10%;

        width: 84%;
    }

    .d6000 .box5 .suspen {

        top: 29%;

    }

    .d6000 .box6 .suspen {

        top: 37%;

        position: relative;

        padding: 30px;

        color: #000;

        padding-bottom: 55px;
    }

    .d6000 .box7 .suspen {

        top: 12%;

        left: 10%;
    }

    .d6000 .box8 .suspen {

        top: 74%;
    }

    .d6000 .pro {
        width: 96%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .d6000 .pro img {
        margin: 4px 0;
    }

}

/* ===== newcss2.css ===== */
.hf1 i{
    font-style: normal;
    font-weight: normal !important;
    margin-left: 10px;
    font-size: 62px;
}
.tse{
    display: none;
}

.p8100 .boxts{
    text-align: center;
}
.p8100 table{
    text-align: center;
    border-color:  #666;
}

@media (min-width:1440px) and (max-width:1920px) {
    .w33{
        width: 22% !important;
    }
    .list-boxm {
        margin-top: 40px;
    }

    .list-boxm li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .list-boxm li img{
        height: 40px;
    }
    .list-boxm li .name {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 20px;
    }
    .hf1{font-size: 67px;font-weight: 700;}
    .hf2{

        font-size: 40px;

        margin: 30px 0;
    }
    .hf3{font-size: 32px;line-height: 55px;min-width: 500px;}
    .f1{

        font-size: 44px;

        line-height: 60px;

        margin: 20px 0;

        font-weight: 700;
    }
    .f2{

        font-size: 22px;

        line-height: 40px;

        /* width: 43%; */

        /* margin: 0 auto; */
    }
    .f3{
        font-size: 22px;
        line-height: 40px;
        width: 70%;
        margin: 0 auto;
    }
    .wf{
        color: #fff !important;
    }
    .wb{
        color: #333;
    }
    .wl{
        color: #09A8FF;
    }
    .wc{
        width: 94%;
        margin: 0 auto;
    }


    /*4ps*/
    /*t5000*/
    .t5000 .a1{
        height: 872px;
    }
    .t5000 .a1 .suspen{

    }
    .t5000 .a2{
        height: 975px;
    }
    .t5000 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5000 .a3{
        height: 1000px;
    }
    .t5000 .a3 .suspen{/* width: 100%; */padding-right: 0;/* left: 50%; */top: 49%;text-align: left;}
    .t5000 .a4{
        /* height: 730px; */
    }
    .t5000 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5000 .a5{
        height: 667px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5000 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5000 .a6{
        height: 850px;
    }
    .t5000 .a6 .suspen{/* width: 46%; */padding-right: 78px;/* left: 31%; */top: 55%;}
    .t5000 .a7{
        height: 900px;
        position: relative;
    }
    .t5000 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5000 .a8{
        height: 729px;
    }
    .t5000 .a8 .suspen{

        top: 44%;

        text-align: left;

    }
    .t5000 .a9{
        height: 729px;
    }
    .t5000 .a9 .suspen{

        top: 14%;

        text-align: center;

        /* width: 50%; */

        /* left: 80%; */

    }
    .t5000 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5000 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5000 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5000 .hlcqitem img{
        height: 110px;
    }
    .t5000 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5000 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5000 .boxts{

    }
    .t5000 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5000 .tc ul{

    }
    .t5000 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5000 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5000 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5000 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5000 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*rt40*/

    .rt40 .hf1{

        font-size: 44px;

    }
    .rt40 .hf2{

        font-size: 36px;

    }
    .rt40 .hf3{

        font-size: 26px;

        line-height: 42px;

    }
    .rt40 .a1{
        height: 872px;
    }
    .rt40 .a1 .suspen{

    }
    .rt40 .a2{
        height: 818px;
    }
    .rt40 .a2 .suspen{width: 43%;padding-right: 78px;left: 79%;top: 50%;}
    .rt40 .a10{
        height:700px;
    }
    .rt40 .a10 .suspen{top: 50%;text-align: center;font-size: 31px;line-height: 60px;}
    .rt40 .a3{
        height: 1200px;
    }
    .rt40 .a3 .suspen{

        /* width: 100%; */

        /* padding-right: 0; */

        /* left: 50%; */

        /* top: 11%; */

        /* text-align: center; */

    }
    .rt40 .a4{
        height: 730px;
    }
    .rt40 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .rt40 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .rt40 .a5 .suspen{

        top: 23%;

        text-align: center;
    }
    .rt40 .a6{
        height: 850px;
    }
    .rt40 .a6 .suspen{

        width: 46%;

        /* padding-right: 78px; */

        left: 72%;

        top: 40%;

    }
    .rt40 .a7{
        height: 1042px;
        position: relative;
    }
    .rt40 .a7 .suspen{

        /* width: 53%; */

        /* padding-right: 78px; */

        /* left: 75%; */

        text-align: center;

        top: 12%;

    }
    .rt40 .a8{
        height: 729px;
    }
    .rt40 .a8 .suspen{

        top: 16%;

        text-align: center;

    }

    /*s715*/
    .s715 .a1{
        height: 900px;
    }
    .s715 .a1 .suspen{

        left: 51%;

        top: 44%;

    }
    .s715 .a2{
        height: 785px;
    }
    .s715 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s715 .a3{
        height: 914px;
    }
    .s715 .a3 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        /* top: 41%; */

        color: #000;

        text-align: right;

    }
    .s715 .a4{
        height: 800px;
    }
    .s715 .a4 .suspen{

        color: #fff;

        /* width: 46%; */

        /* padding-right: 78px; */

        top: 48%;

        /* left: 31%; */

        text-align: right;

    }
    .s715 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s715 .a5 .suspen{

        /* top: 17%; */

        text-align: left;

        color: #000;

    }
    /*3ps*/
    /*k100*/

    .k100 .a1{
        height: 785px;
    }
    .k100 .a1 .f1{
        font-size: 49px;
    }
    .k100 .a1 .f2{
        font-size: 36px;
    }
    .k100 .a1 .suspen{/* left: 81%; *//* width: 48%; */top: 54%;text-align: left;}
    .k100 .a2{
        height: 999px;
    }
    .k100 .a2 .suspen{

        width: 38%;

        padding-right: 78px;

        left: 69%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a3{
        height: 720px;
    }
    .k100 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 47%;

        text-align: left;

        color: #fff;

    }
    .k100 .a4{
        height: 700px;
    }
    .k100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 16%;

        margin: 0 auto;

        text-align: center;

        color: #1B1B1C;

    }
    .k100 .a5{
        height: 600px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
        color: #1B1B1C;
        text-align: center;
    }
    .k100 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 0;

        color: #232323;

    }
    .k100 .a6{
        height: 828px;
    }
    .k100 .a6 .f2{

        margin-bottom: 40px;
    }
    .k100 .a6 .suspen{

        width: 50%;

        padding-right: 0;

        left: 82%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a7{
        height: 750px;
        position: relative;
    }
    .k100 .a7 .suspen{

        /* width: 50%; */

        padding-right: 78px;

        /* left: 73%; */

        text-align: left;

        top: 37%;

        float: right;

        color: #1B1B1C;

    }
    .k100 .a8{
        height: 800px;
    }
    .k100 .a8 .suspen{

        top: 19%;

        text-align: center;

        color: #000;

        /* left: 81%; */

        /* width: 54%; */

    }
    .k100 .a9{
        height: 741px;
    }
    .k100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .k100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .k100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .k100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .k100 .hlcqitem img{
        height: 110px;
    }
    .k100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .k100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .k100 .boxts{

    }
    .k100 .tc {

        overflow: hidden;

        /* margin-top: 50px; */

        width: 553px;

        margin-top: -3px;

    }
    .k100 .tc ul{

    }
    .k100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 88px;margin-top: 3px;display: inline-block;line-height: 30px;}
    .k100 .tc ul li img{height: 42px;margin-bottom: 8px;}
    .k100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .k100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .k100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    .k100 .a8 .f1{
        margin-left: 20px;
    }
    .k100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .k100 .hf2 {
        margin: 10px 0;
        margin-top: 51px;
        font-size: 61px;
    }
    .k100 .hf3 {
        padding: 20px 35px;
    }
    .k100 .tz{

        overflow: hidden;

        margin-top: 23px;

    }
    .k100 .tz li {

        float: left;

        margin-right: 23px;

    }
    .k100 .tz li p{

        font-size: 19px;

        color: #A0A0A0;

        text-align: center;

        margin-bottom: 12px;

    }
    .k100 .tz li img{

        width: 100px;

    }
    .k100 .option{

        overflow: hidden;

        width: 506px;

        /* margin: 0 auto; */

        margin-top: 30px;

        margin-left: -54px;

    }
    .k100 .option li {

        float: left;

        width: 33%;

        text-align: center;

    }
    .k100 .option li p{

        margin: 20px 10px;

    }
    .k100 .option li img{

        height: 42px;

    }
    .k100  .shibie{display: inline-block;margin: 10px 0;line-height: 70px;font-size: 23px;margin-left: -13px;}
    .k100 .shibie p{

        /* background-color: white; */

        float: left;

    }
    .k100 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }
    /*q1300*/
    .q1300 .a1{
        height: 872px;
    }
    .q1300 .a1 .suspen{

        width: 60%;

        left: 87%;

        top: 55%;

    }
    .q1300 .a2{
        height: 626px;
    }
    .q1300 .a2 .f1{
        color: #1D9ED7;
    }
    .q1300 .a2 .f2{
        color: #666;
    }
    .q1300 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q1300 .a3{
        height: 720px;
    }
    .q1300 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .q1300 .a4{
        height: 730px;
    }
    .q1300 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q1300 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300 .a5 .suspen{

        top: 27%;

        text-align: center;

    }


    .q1300 .tc{

        overflow: hidden;

        margin-top: 61px;

    }
    .q1300 .tc ul{

    }
    .q1300 .tc ul li{float: left;text-align: center;/* margin-right: 29px; */width: 100px;}
    .q1300 .tc ul li img{

        width: 79px;

    }
    .q1300 .tc ul li p{

        margin-bottom: 12px;

        font-size: 16px;

    }

    /*q1300t*/

    .q1300t .a1{
        height: 872px;
    }
    .q1300t .a1 .suspen{

    }
    .q1300t .a2{
        height: 626px;
    }
    .q1300t .a2 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 80%; */

    }
    .q1300t .a3{
        height: 720px;
    }
    .q1300t .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 16%;

    }
    .q1300t .a4{
        height: 730px;
    }
    .q1300t .a4 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 78%; */

        top: 21%;

        color: #333;

        text-align: center;

    }
    .q1300t .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a5 .suspen{

        top: 37%;

        text-align: left;

        width: 45%;

        left: 80%;

    }
    .q1300t .a6{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a6 .suspen{

        top: 10%;

        text-align: center;

        color: #666;

    }



    /*s710*/
    .s710 .a1{
        height: 872px;
    }
    .s710 .a1 .suspen{

        left: 93%;

        top: 55%;

    }
    .s710 .a2{
        height: 1200px;
    }
    .s710 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s710 .a3{
        height: 800px;
    }
    .s710 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 79%;

        color: #000;

    }
    .s710 .a4{
        height: 800px;
    }
    .s710 .a4 .suspen{

        color: #666;

        width: 46%;

        /* padding-right: 78px; */

        top: 48%;

        left: 31%;

    }
    .s710 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s710 .a5 .suspen{

        top: 17%;

        text-align: center;

    }

    /*i6310h*/
    .i6310h .a1{
        height: 872px;
    }
    .i6310h .a1 .suspen{

        left: 91%;

        color: #323333;

    }
    .i6310h .a1 .hf1{
        font-size: 60px;
        line-height: 80px;
    }
    .i6310h .a2{
        height: 900px;
    }
    .i6310h .a2 .suspen{

        /* width: 46%; */

        padding-right: 0;

        /* left: 0; */

        text-align: center;

        color: #232323;

        top: 16%;

    }
    .i6310h .a3{
        height: 800px;
    }
    .i6310h .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 17%;

    }
    .i6310h .a4{
        height: 730px;
    }
    .i6310h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;

        color: #323333;

    }
    .i6310h .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a5 .suspen{

        top: 16%;

        text-align: center;

    }


    .i6310h .a6{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a6 .suspen{

        top: 67%;

        text-align: left;

        width: 33%;

        left: 78%;

        color: #323333;

    }


    /*Q200*/
    .q200 .a1{
        height: 940px;
    }
    .q200 .a1 .suspen{

    }
    .q200 .a2{
        height: 900px;
    }
    .q200 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q200 .a3{
        height: 900px;
    }
    .q200 .a3 .suspen{/* width: 46%; */padding-right: 78px;/* left: 31%; */}
    .q200 .a4{
        height: 730px;
    }
    .q200 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q200 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a5 .suspen{top: 49%;text-align: left;}


    .q200 .a6{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a6 .suspen{

        top: 44%;

        text-align: left;

        width: 32%;

        left: 65%;

        color: #232;

    }
    .q200 .a7{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a7 .suspen{

        top: 42%;

        text-align: left;

    }

    .q200  .shibie{

        display: flex;

        margin: 30px 0;

    }
    .q200 .shibie p{

        /* background-color: white; */

    }
    .q200 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }

    .q200  .tz{

        overflow: hidden;

        margin-top: 29px;

    }
    .q200 .tz li{

        float: left;

        text-align: center;

        margin-right: 24px;

    }
    .q200 .tz li img{

        width: 92px;

    }
    .q200 .tz li p{

        margin-bottom: 10px;

        font-size: 20px;

    }

    /*dt50h*/
    .dt50h .a1{
        height: 972px;
    }
    .dt50h .a1 .suspen{

        color: #3594BD;

    }
    .dt50h .a2{
        height: 826px;
    }
    .dt50h .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .dt50h .a3{
        height: 820px;
    }
    .dt50h .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a4{
        height: 730px;
    }
    .dt50h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50h .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .dt50h .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .dt50h .a6{
        height: 763px;
    }
    .dt50h .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a7{
        height: 954px;
        position: relative;
    }
    .dt50h .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    .dt50h .box12 {
        padding: 93px 0 0;
        text-align: center;
        background: -moz-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7edf4));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e7edf4 100%);
        background-color: #eeeeee;
    }

    .dt50h .box12 .text-box {
        max-width: 665px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 107px;
    }

    .dt50h .box12 .h1 {
        color: #333333;
    }

    .dt50h .box12 .words {
        color: #333333;
    }

    .dt50h .box12 .img-box {
        position: relative;
        display: inline-block;
    }

    .dt50h .box12 .column {
        position: absolute;
    }

    .dt50h .box12 .name {
        font-size: 20px;
        color: #333333;
        margin-top: 10px;
    }

    .dt50h .box12 .column1 {
        left: 0;
        bottom: 16%;
    }

    .dt50h .box12 .name1 {
        text-align: right;
    }

    .dt50h .box12 .column2 {
        left: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column3 {
        left: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column4 {
        right: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column5 {
        right: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column6 {
        right: 0;
        bottom: 16%;
    }

    .dt50h .box12 .img1 {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .dt50h .box12 .img1 img{
        width: 60%;
    }

    /*et28*/


    .et28 .a1{
        height: 972px;
    }
    .et28 .a1 .suspen{color: #505c6a;width: 500px;left: 20%;text-align: right;}
    .et28 .a2{
        height: 826px;
    }
    .et28 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .et28 .a3{
        height: 820px;
    }
    .et28 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a4{
        height: 730px;
    }
    .et28 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .et28 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .et28 .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .et28 .a6{
        height: 763px;
    }
    .et28 .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a7{
        height: 954px;
        position: relative;
    }
    .et28 .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    /*2ps*/




    /*dt50p*/
    .dt50p .a1{
        height: 872px;
    }
    .dt50p .a1 .suspen{

    }
    .dt50p .a2{
        height: 626px;
    }
    .dt50p .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .dt50p .a3{
        height: 720px;
    }
    .dt50p .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a4{
        height: 730px;
    }
    .dt50p .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50p .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .dt50p .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .dt50p .a6{
        height: 763px;
    }
    .dt50p .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a7{
        height: 954px;
        position: relative;
    }
    .dt50p .a7 .suspen{

        width: 35%;

        padding-right: 78px;

        left: 26%;
    }
    .dt50p .a8{
        height: 729px;
    }
    .dt50p .a8 .suspen{

        top: 16%;

        text-align: center;
    }

    /*h1000*/

    .h1000 .a1{
        height: 1100px;
    }
    .h1000 .a1 .suspen{

    }
    .h1000 .a2{
        height: 834px;
    }
    .h1000 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .h1000 .a3{
        height: 720px;
    }
    .h1000 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 16%;

        text-align: center;
    }
    .h1000 .a4{
        height: 730px;
    }
    .h1000 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .h1000 .a5{
        /* height: 619px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .h1000 .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .h1000 .a6{
        height: 850px;
    }
    .h1000 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .h1000 .a7{
        /* height: 499px; */
        position: relative;
    }
    .h1000 .a7 .suspen{

        width: 100%;

        padding-right: 78px;

        left: 50%;

        text-align: center;

        top: 17%;
    }
    .h1000 .a8{
        height: 729px;
    }
    .h1000 .a8 .suspen{

        top: 16%;

        text-align: center;
    }
    .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .hlcqcon {

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 14%;

        position: absolute;

        z-index: 10;

        top: 10%;

        left: 20%;

    }
    .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .hlcqitem img{
        height: 110px;
        margin-bottom: 20px;
    }
    .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .hl2{

        color: #09A8FF;

        font-size: 30px;
    }

    /*u2*/

    .u2 .hf1{

        font-size: 44px;

    }
    .u2 .hf2{

        font-size: 36px;

    }
    .u2 .hf3{

        font-size: 26px;

        line-height: 42px;

    }
    .u2 .a1{
        height: 872px;
    }
    .u2 .a1 .suspen{

    }
    .u2 .a2{
        height: 830px;
    }
    .u2 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .u2 .a3{
        height: 1200px;
    }
    .u2 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 11%;

        text-align: center;
    }
    .u2 .a4{
        height: 730px;
    }
    .u2 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .u2 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .u2 .a5 .suspen{

        top: 23%;

        text-align: center;
    }
    .u2 .a6{
        height: 850px;
    }
    .u2 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .u2 .a7{
        height: 786px;
        position: relative;
    }
    .u2 .a7 .suspen{

        width: 53%;

        padding-right: 78px;

        left: 75%;

        text-align: left;

        top: 39%;
    }
    .u2 .a8{
        height: 729px;
    }
    .u2 .a8 .suspen{

        top: 59%;

        text-align: center;
    }

    /*i6000swin*/

    .i6000swin .a1{
        height: 872px;
    }
    .i6000swin .a1 .suspen{

        left: 91%;

        line-height: 88px;
    }
    .i6000swin .a2{
        height: 830px;
    }
    .i6000swin .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 19%;

        text-align: center;
    }
    .i6000swin .a3{
        height: 800px;
    }
    .i6000swin .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        left: 50%;

        top: 37%;

        text-align: left;
    }
    .i6000swin .a4{
        height: 730px;
    }
    .i6000swin .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .i6000swin .a5{
        height: 800px;
        padding-top: 53px;
        padding-bottom: 56px;
        position: relative;
    }
    .i6000swin .a5 .suspen{

        top: 42%;

        text-align: left;

        width: 40%;

        left: 71%;
    }
    .i6000swin .a6{
        height: 850px;
    }
    .i6000swin .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 40%;
    }
    .i6000swin .a7{
        height: 868px;
        position: relative;
    }
    .i6000swin .a7 .suspen{

        width: 36%;

        padding-right: 78px;

        left: 81%;

        text-align: left;

        top: 51%;
    }
    .i6000swin .a8{
        height: 729px;
    }
    .i6000swin .a8 .suspen{

        top: 59%;

        text-align: center;
    }
    .i6hl{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }


    /*h1000*/

    .t5200 .a1{
        height: 872px;
    }
    .t5200 .a1 .suspen{

    }
    .t5200 .a2{
        height: 830px;
    }
    .t5200 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5200 .a3{
        height: 720px;
    }
    .t5200 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 37%;

        text-align: left;
    }
    .t5200 .a4{
        /* height: 730px; */
    }
    .t5200 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5200 .a5{
        height: 667px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5200 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5200 .a6{
        height: 850px;
    }
    .t5200 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .t5200 .a7{
        height: 900px;
        position: relative;
    }
    .t5200 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5200 .a8{
        height: 729px;
    }
    .t5200 .a8 .suspen{

        top: 29%;

        text-align: left;
    }
    .t5200 .a9{
        height: 729px;
    }
    .t5200 .a9 .suspen{

        top: 44%;

        text-align: left;

        width: 50%;

        left: 80%;
    }
    .t5200 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5200 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5200 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5200 .hlcqitem img{
        height: 110px;
    }
    .t5200 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5200 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5200 .boxts{

    }
    .t5200 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5200 .tc ul{

    }
    .t5200 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5200 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5200 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5200 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5200 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*p8100*/

    .p8100 .a1{
        height: 838px;
    }
    .p8100 .a1 .suspen{left: 81%;width: 48%;top: 63%;}
    .p8100 .a2{
        height: 1071px;
    }
    .p8100 .a2 .suspen{

        width: 100%;

        padding-right: 78px;

        /* left: 80%; */

        top: 16%;

        text-align: center;
    }
    .p8100 .a3{
        height: 923px;
    }
    .p8100 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 50%; */

        top: 19%;

        text-align: center;

        color: #fff;
    }
    .p8100 .a4{
        height: 1184px;
    }
    .p8100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 10%;

        margin: 0 auto;

        text-align: center;

    }
    .p8100 .a5{
        height: 1072px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
    }
    .p8100 .a5 .suspen{

        top: 23%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 0;

    }
    .p8100 .a6{
        height: 895px;
    }
    .p8100 .a6 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 31%; */

        top: 16%;

        text-align: center;

    }
    .p8100 .a7{
        height: 1014px;
        position: relative;
    }
    .p8100 .a7 .suspen{

        width: 50%;

        padding-right: 78px;

        left: 73%;

        text-align: left;

        top: 37%;

        float: right;
    }
    .p8100 .a7 .suspen .f2:last-child{
        font-size: 14px;
        margin-top: 20px;
    }
    .p8100 .a8{
        height: 967px;
    }
    .p8100 .a8 .suspen{

        top: 21%;

        text-align: left;

        color: #000;

        left: 81%;

        width: 54%;

    }
    .p8100 .a9{
        height: 1052px;
    }
    .p8100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .p8100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .p8100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .p8100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .p8100 .hlcqitem img{
        height: 110px;
    }
    .p8100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .p8100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .p8100 .boxts{

    }
    .p8100 .tc {

        overflow: hidden;

        /* margin-top: 50px; */

        width: 553px;

        margin-top: -3px;

    }
    .p8100 .tc ul{

    }
    .p8100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 88px;margin-top: 3px;display: inline-block;line-height: 30px;}
    .p8100 .tc ul li img{height: 42px;margin-bottom: 8px;}
    .p8100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .p8100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .p8100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    .p8100 .a8 .f1{
        margin-left: 20px;
    }
    .p8100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .p8100 .hf2 {
        margin: 10px 49px;
        margin-top: 51px;
        font-size: 61px;
    }
    .p8100 .hf3 {
        padding: 20px 35px;
    }

}


@media (min-width:1280px) and (max-width:1440px) {

    .w33{
        width: 22% !important;
    }

    .list-boxm {
        margin-top: 40px;
    }

    .list-boxm li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .list-boxm li img{
        height: 40px;
    }
    .list-boxm li .name {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 20px;
    }
    .hf1{

        font-size: 60px;

        font-weight: 700;
    }
    .hf2{

        font-size: 40px;

        margin: 30px 0;
    }
    .hf3{

        font-size: 32px;

        line-height: 55px;
    }
    .f1{

        font-size: 44px;

        line-height: 60px;

        margin: 20px 0;

        font-weight: 700;
    }
    .f2{

        font-size: 22px;

        line-height: 40px;

        /* width: 43%; */

        /* margin: 0 auto; */
    }
    .f3{
        font-size: 22px;
        line-height: 40px;
        width: 70%;
        margin: 0 auto;
    }
    .wf{
        color: #fff;
    }
    .wb{
        color: #333;
    }
    .wl{
        color: #09A8FF;
    }
    .wc{
        width: 100%;
        margin: 0 auto;
    }

    /*4ps*/
    /*t5000*/
    .t5000 .a1{
        height: 872px;
    }
    .t5000 .a1 .suspen{

    }
    .t5000 .a2{
        height: 830px;
    }
    .t5000 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5000 .a3{
        height: 709px;
    }
    .t5000 .a3 .suspen{/* width: 100%; */padding-right: 0;/* left: 50%; */top: 51%;text-align: left;}
    .t5000 .a4{
        /* height: 730px; */
    }
    .t5000 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5000 .a5{
        height: 667px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5000 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5000 .a6{
        height: 850px;
    }
    .t5000 .a6 .suspen{/* width: 46%; */padding-right: 78px;/* left: 31%; */top: 52%;}
    .t5000 .a7{
        height: 900px;
        position: relative;
    }
    .t5000 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5000 .a8{
        height: 729px;
    }
    .t5000 .a8 .suspen{

        top: 48%;

        text-align: left;

    }
    .t5000 .a9{
        height: 729px;
    }
    .t5000 .a9 .suspen{

        top: 14%;

        text-align: center;

        /* width: 50%; */

        /* left: 80%; */

    }
    .t5000 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5000 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5000 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5000 .hlcqitem img{
        height: 110px;
    }
    .t5000 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5000 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5000 .boxts{

    }
    .t5000 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5000 .tc ul{

    }
    .t5000 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5000 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5000 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5000 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5000 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*rt40*/

    /*rt40*/

    .rt40 .hf1{

        font-size: 44px;

    }
    .rt40 .hf2{

        font-size: 36px;

    }
    .rt40 .hf3{

        font-size: 26px;

        line-height: 42px;

    }
    .rt40 .a1{
        height: 872px;
    }
    .rt40 .a1 .suspen{

    }
    .rt40 .a2{
        height: 818px;
    }
    .rt40 .a2 .suspen{width: 59%;padding-right: 78px;left: 85%;top: 42%;}
    .rt40 .a10{
        height:700px;
    }
    .rt40 .a10 .suspen{top: 50%;text-align: center;font-size: 20px}
    .rt40 .a3{
        height: 1200px;
    }
    .rt40 .a3 .suspen{

        /* width: 100%; */

        /* padding-right: 0; */

        /* left: 50%; */

        /* top: 11%; */

        /* text-align: center; */

    }
    .rt40 .a4{
        height: 730px;
    }
    .rt40 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .rt40 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .rt40 .a5 .suspen{

        top: 23%;

        text-align: center;
    }
    .rt40 .a6{
        height: 850px;
    }
    .rt40 .a6 .suspen{

        width: 46%;

        /* padding-right: 78px; */

        left: 72%;

        top: 40%;

    }
    .rt40 .a7{
        height: 1042px;
        position: relative;
    }
    .rt40 .a7 .suspen{

        /* width: 53%; */

        /* padding-right: 78px; */

        /* left: 75%; */

        text-align: center;

        top: 12%;

    }
    .rt40 .a8{
        height: 729px;
    }
    .rt40 .a8 .suspen{

        top: 16%;

        text-align: center;

    }

    /*s715*/
    .s715 .a1{
        height: 664px;
    }
    .s715 .a1 .suspen{

        /* left: 97%; */

        top: 37%;

    }
    .s715 .a2{
        height: 663px;
    }
    .s715 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s715 .a3{
        height: 731px;
    }
    .s715 .a3 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        /* top: 79%; */

        color: #000;

        text-align: right;

    }
    .s715 .a4{
        height: 664px;
    }
    .s715 .a4 .suspen{

        color: #fff;

        /* width: 46%; */

        /* padding-right: 78px; */

        /* top: 48%; */

        /* left: 31%; */

        text-align: right;

    }
    .s715 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s715 .a5 .suspen{

        /* top: 17%; */

        text-align: left;

        color: #000;

    }
    /*3ps*/
    /*k100*/

    .k100 .a1{
        height: 785px;
    }
    .k100 .a1 .f1{
        font-size: 49px;
    }
    .k100 .a1 .f2{
        font-size: 36px;
    }
    .k100 .a1 .suspen{/* left: 81%; *//* width: 48%; */top: 54%;text-align: left;}
    .k100 .a2{
        height: 999px;
    }
    .k100 .a2 .suspen{

        width: 38%;

        padding-right: 78px;

        left: 69%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a3{
        height: 720px;
    }
    .k100 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 47%;

        text-align: left;

        color: #fff;

    }
    .k100 .a4{
        height: 700px;
    }
    .k100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 16%;

        margin: 0 auto;

        text-align: center;

        color: #1B1B1C;

    }
    .k100 .a5{
        height: 600px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
        color: #1B1B1C;
        text-align: center;
    }
    .k100 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 0;

        color: #232323;

    }
    .k100 .a6{
        height: 828px;
    }
    .k100 .a6 .f2{

        margin-bottom: 40px;
    }
    .k100 .a6 .suspen{

        width: 50%;

        padding-right: 0;

        left: 82%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a7{
        height: 750px;
        position: relative;
    }
    .k100 .a7 .suspen{

        /* width: 50%; */

        padding-right: 78px;

        /* left: 73%; */

        text-align: left;

        top: 37%;

        float: right;

        color: #1B1B1C;

    }
    .k100 .a8{
        height: 800px;
    }
    .k100 .a8 .suspen{

        top: 19%;

        text-align: center;

        color: #000;

        /* left: 81%; */

        /* width: 54%; */

    }
    .k100 .a9{
        height: 741px;
    }
    .k100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .k100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .k100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .k100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .k100 .hlcqitem img{
        height: 110px;
    }
    .k100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .k100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .k100 .boxts{

    }
    .k100 .tc {

        overflow: hidden;

        /* margin-top: 50px; */

        width: 553px;

        margin-top: -3px;

    }
    .k100 .tc ul{

    }
    .k100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 88px;margin-top: 3px;display: inline-block;line-height: 30px;}
    .k100 .tc ul li img{height: 42px;margin-bottom: 8px;}
    .k100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .k100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .k100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    .k100 .a8 .f1{
        margin-left: 20px;
    }
    .k100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .k100 .hf2 {
        margin: 10px 0;
        margin-top: 51px;
        font-size: 61px;
    }
    .k100 .hf3 {
        padding: 20px 35px;
    }
    .k100 .tz{

        overflow: hidden;

        margin-top: 23px;

    }
    .k100 .tz li {

        float: left;

        margin-right: 23px;

    }
    .k100 .tz li p{

        font-size: 19px;

        color: #A0A0A0;

        text-align: center;

        margin-bottom: 12px;

    }
    .k100 .tz li img{

        width: 100px;

    }
    .k100 .option{

        overflow: hidden;

        width: 506px;

        /* margin: 0 auto; */

        margin-top: 30px;

        margin-left: -54px;

    }
    .k100 .option li {

        float: left;

        width: 33%;

        text-align: center;

    }
    .k100 .option li p{

        margin: 20px 10px;

    }
    .k100 .option li img{

        height: 42px;

    }
    .k100  .shibie{

        display: flex;

        margin: 10px 0;

        line-height: 70px;

        font-size: 23px;

        margin-left: -13px;

    }
    .k100 .shibie p{

        /* background-color: white; */

        float: left;

    }
    .k100 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }
    /*q1300*/
    .q1300 .a1{
        height: 772px;
    }
    .q1300 .a1 .suspen{

        width: 60%;

        left: 87%;

        top: 55%;

    }
    .q1300 .a2{
        height: 626px;
    }
    .q1300 .a2 .f1{
        color: #1D9ED7;
    }
    .q1300 .a2 .f2{
        color: #666;
    }
    .q1300 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q1300 .a3{
        height: 720px;
    }
    .q1300 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .q1300 .a4{
        height: 730px;
    }
    .q1300 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q1300 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300 .a5 .suspen{

        top: 27%;

        text-align: center;

    }


    .q1300 .tc{

        overflow: hidden;

        margin-top: 61px;

    }
    .q1300 .tc ul{

    }
    .q1300 .tc ul li{

        float: left;

        text-align: center;

        margin-right: 20px;

    }
    .q1300 .tc ul li img{

        width: 79px;

    }
    .q1300 .tc ul li p{

        margin-bottom: 12px;

        font-size: 16px;

    }

    /*q1300t*/

    .q1300t .a1{
        height: 872px;
    }
    .q1300t .a1 .suspen{

    }
    .q1300t .a2{
        height: 626px;
    }
    .q1300t .a2 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 80%; */

    }
    .q1300t .a3{
        height: 720px;
    }
    .q1300t .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 16%;

    }
    .q1300t .a4{
        height: 730px;
    }
    .q1300t .a4 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 78%; */

        top: 21%;

        color: #333;

        text-align: center;

    }
    .q1300t .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a5 .suspen{

        top: 37%;

        text-align: left;

        width: 45%;

        left: 80%;

    }
    .q1300t .a6{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a6 .suspen{

        top: 10%;

        text-align: center;

        color: #666;

    }



    /*s710*/
    .s710 .a1{
        height: 772px;
    }
    .s710 .a1 .suspen{

        left: 97%;

        top: 55%;

    }
    .s710 .a2{
        height: 900px;
    }
    .s710 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s710 .a3{
        height: 800px;
    }
    .s710 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 79%;

        color: #000;

    }
    .s710 .a4{
        height: 800px;
    }
    .s710 .a4 .suspen{

        color: #666;

        width: 46%;

        /* padding-right: 78px; */

        top: 48%;

        left: 31%;

    }
    .s710 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s710 .a5 .suspen{

        top: 17%;

        text-align: center;

    }

    /*i6310h*/
    .i6310h .a1{
        height: 872px;
    }
    .i6310h .a1 .suspen{

        left: 96%;

        color: #323333;

    }
    .i6310h .a1 .hf1{
        font-size: 55px;
        line-height: 80px;
    }
    .i6310h .a2{
        height: 900px;
    }
    .i6310h .a2 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 0; */

        text-align: center;

        color: #232323;

        top: 16%;

    }
    .i6310h .a3{
        height: 800px;
    }
    .i6310h .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 17%;

    }
    .i6310h .a4{
        height: 730px;
    }
    .i6310h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;

        color: #323333;

    }
    .i6310h .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a5 .suspen{

        top: 16%;

        text-align: center;

    }


    .i6310h .a6{
        height: 814px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a6 .suspen{

        top: 67%;

        text-align: left;

        width: 33%;

        left: 78%;

        color: #323333;

    }


    /*Q200*/
    .q200 .a1{
        height: 940px;
    }
    .q200 .a1 .suspen{

    }
    .q200 .a2{
        height: 900px;
    }
    .q200 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q200 .a3{
        height: 900px;
    }
    .q200 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .q200 .a4{
        height: 686px;
    }
    .q200 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q200 .a5{
        height: 614px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a5 .suspen{

        top: 31%;

        text-align: left;

    }


    .q200 .a6{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a6 .suspen{

        top: 44%;

        text-align: left;

        width: 32%;

        left: 65%;

        color: #232;

    }
    .q200 .a7{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a7 .suspen{

        top: 42%;

        text-align: left;

    }

    .q200  .shibie{

        display: flex;

        margin: 30px 0;

    }
    .q200 .shibie p{

        /* background-color: white; */

    }
    .q200 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }

    .q200  .tz{

        overflow: hidden;

        margin-top: 29px;

    }
    .q200 .tz li{

        float: left;

        text-align: center;

        margin-right: 24px;

    }
    .q200 .tz li img{

        width: 92px;

    }
    .q200 .tz li p{

        margin-bottom: 10px;

        font-size: 20px;

    }

    /*dt50h*/
    .dt50h .a1{
        height: 972px;
    }
    .dt50h .a1 .suspen{

        color: #3594BD;

    }
    .dt50h .a2{
        height: 826px;
    }
    .dt50h .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .dt50h .a3{
        height: 820px;
    }
    .dt50h .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a4{
        height: 730px;
    }
    .dt50h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50h .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .dt50h .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .dt50h .a6{
        height: 763px;
    }
    .dt50h .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a7{
        height: 954px;
        position: relative;
    }
    .dt50h .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    .dt50h .box12 {
        padding: 93px 0 0;
        text-align: center;
        background: -moz-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7edf4));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e7edf4 100%);
        background-color: #eeeeee;
    }

    .dt50h .box12 .text-box {
        max-width: 665px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 107px;
    }

    .dt50h .box12 .h1 {
        color: #333333;
    }

    .dt50h .box12 .words {
        color: #333333;
    }

    .dt50h .box12 .img-box {
        position: relative;
        display: inline-block;
    }

    .dt50h .box12 .column {
        position: absolute;
    }

    .dt50h .box12 .name {
        font-size: 20px;
        color: #333333;
        margin-top: 10px;
    }

    .dt50h .box12 .column1 {
        left: 0;
        bottom: 16%;
    }

    .dt50h .box12 .name1 {
        text-align: right;
    }

    .dt50h .box12 .column2 {
        left: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column3 {
        left: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column4 {
        right: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column5 {
        right: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column6 {
        right: 0;
        bottom: 16%;
    }

    .dt50h .box12 .img1 {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    /*et28*/

    .et28 .a1{
        height: 972px;
    }
    .et28 .a1 .suspen{

        color: #505c6a;

    }
    .et28 .a2{
        height: 632px;
    }
    .et28 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .et28 .a3{
        height: 820px;
    }
    .et28 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a4{
        height: 650px;
    }
    .et28 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .et28 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .et28 .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .et28 .a6{
        height: 763px;
    }
    .et28 .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a7{
        height: 954px;
        position: relative;
    }
    .et28 .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    /*2ps*/

    /*dt50p*/
    .dt50p .a1{
        height: 872px;
    }
    .dt50p .a1 .suspen{

    }
    .dt50p .a2{
        height: 626px;
    }
    .dt50p .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .dt50p .a3{
        height: 720px;
    }
    .dt50p .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a4{
        height: 730px;
    }
    .dt50p .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50p .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .dt50p .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .dt50p .a6{
        height: 763px;
    }
    .dt50p .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a7{
        height: 954px;
        position: relative;
    }
    .dt50p .a7 .suspen{

        width: 35%;

        padding-right: 78px;

        left: 26%;
    }
    .dt50p .a8{
        height: 729px;
    }
    .dt50p .a8 .suspen{

        top: 16%;

        text-align: center;
    }

    /*h1000*/

    .h1000 .a1{
        height: 829px;
    }
    .h1000 .a1 .suspen{

    }
    .h1000 .a2{
        height: 830px;
    }
    .h1000 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .h1000 .a3{
        height: 720px;
    }
    .h1000 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 16%;

        text-align: center;
    }
    .h1000 .a4{
        height: 730px;
    }
    .h1000 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .h1000 .a5{
        /* height: 619px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .h1000 .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .h1000 .a6{
        height: 850px;
    }
    .h1000 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .h1000 .a7{
        /* height: 499px; */
        position: relative;
    }
    .h1000 .a7 .suspen{

        width: 100%;

        padding-right: 78px;

        left: 50%;

        text-align: center;

        top: 17%;
    }
    .h1000 .a8{
        height: 729px;
    }
    .h1000 .a8 .suspen{

        top: 18%;

        text-align: center;

    }
    .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .hlcqcon {

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 11%;

        position: absolute;

        z-index: 10;

        top: 18%;

        left: 20%;

    }
    .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .hlcqitem img{
        height: 110px;
        margin-top: 23px;
        margin-bottom: 30px;
    }
    .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .hl2{

        color: #09A8FF;

        font-size: 30px;
    }

    /*u2*/
    .u2 .hf1{

    }
    .u2 .hf2{

    }
    .u2 .hf3{

    }

    .u2 .a1{
        height: 772px;
    }
    .u2 .a1 .suspen{

    }
    .u2 .a2{
        height: 730px;
    }
    .u2 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .u2 .a3{
        height: 1000px;
    }
    .u2 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 11%;

        text-align: center;
    }
    .u2 .a4{
        height: 730px;
    }
    .u2 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .u2 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .u2 .a5 .suspen{

        top: 18%;

        text-align: center;

    }
    .u2 .a6{
        height: 750px;
    }
    .u2 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .u2 .a7{
        height: 680px;
        position: relative;
    }
    .u2 .a7 .suspen{

        width: 53%;

        padding-right: 78px;

        left: 75%;

        text-align: left;

        top: 39%;
    }
    .u2 .a8{
        height: 629px;
    }
    .u2 .a8 .suspen{

        top: 59%;

        text-align: center;
    }

    /*i6000swin*/

    .i6000swin .a1{
        height: 672px;
    }
    .i6000swin .a1 .suspen{

        left: 85%;

        line-height: 88px;

    }
    .i6000swin .a2{
        height: 730px;
    }
    .i6000swin .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 19%;

        text-align: center;
    }
    .i6000swin .a3{
        height: 700px;
    }
    .i6000swin .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        left: 50%;

        top: 37%;

        text-align: left;
    }
    .i6000swin .a4{
        height: 730px;
    }
    .i6000swin .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .i6000swin .a5{
        height: 700px;
        padding-top: 53px;
        padding-bottom: 56px;
        position: relative;
    }
    .i6000swin .a5 .suspen{

        top: 42%;

        text-align: left;

        width: 40%;

        left: 71%;
    }
    .i6000swin .a6{
        height: 650px;
    }
    .i6000swin .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 40%;
    }
    .i6000swin .a7{
        height: 568px;
        position: relative;
    }
    .i6000swin .a7 .suspen{

        width: 36%;

        padding-right: 18px;

        left: 81%;

        text-align: left;

        top: 59%;

    }
    .i6000swin .a8{
        height: 729px;
    }
    .i6000swin .a8 .suspen{

        top: 59%;

        text-align: center;
    }
    .i6hl{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }


    /*h1000*/

    .t5200 .a1{
        height: 778px;
    }
    .t5200 .a1 .suspen{

    }
    .t5200 .a2{
        height: 766px;
    }
    .t5200 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5200 .a3{
        height: 654px;
    }
    .t5200 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 37%;

        text-align: left;
    }
    .t5200 .a4{
        height: 677px;
    }
    .t5200 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5200 .a5{
        height: 667px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5200 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5200 .a6{
        height: 700px;
    }
    .t5200 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .t5200 .a7{
        height: 750px;
        position: relative;
    }
    .t5200 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5200 .a8{
        height: 600px;
    }
    .t5200 .a8 .suspen{

        top: 29%;

        text-align: left;
    }
    .t5200 .a9{
        height: 600px;
    }
    .t5200 .a9 .suspen{

        top: 44%;

        text-align: left;

        width: 50%;

        left: 80%;
    }
    .t5200 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5200 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5200 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5200 .hlcqitem img{
        height: 110px;
    }
    .t5200 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5200 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5200 .boxts{

    }
    .t5200 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5200 .tc ul{

    }
    .t5200 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5200 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5200 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5200 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5200 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*p8100*/


    .p8100 .a1{
        height: 612px;
    }
    .p8100 .a1 .suspen{left: 80%;width: 50%;top: 60%;}
    .p8100 .a2{
        height: 830px;
    }
    .p8100 .a2 .suspen{

        width: 100%;

        padding-right: 78px;

        /* left: 80%; */

        top: 16%;

        text-align: center;
    }
    .p8100 .a3{
        height: 720px;
    }
    .p8100 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 50%; */

        top: 19%;

        text-align: center;

        color: #fff;
    }
    .p8100 .a4{
        height: 859px;
        margin-top: 47px;
    }
    .p8100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 8%;

        margin: 0 auto;

        text-align: center;

    }
    .p8100 .a5{
        height: 796px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
    }
    .p8100 .a5 .suspen{

        top: 8%!important;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;

    }
    .p8100 .a6{
        height: 771px;
    }
    .p8100 .a6 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 31%; */

        top: 15%;

        text-align: center;

    }
    .p8100 .a7{
        height: 826px;
        position: relative;
    }
    .p8100 .a7 .suspen{

        width: 50%;

        padding-right: 78px;

        left: 73%;

        text-align: left;

        top: 37%;

        float: right;
    }
    .p8100 .a7 .suspen .f2:last-child{
        font-size: 14px;
        margin-top: 20px;
    }
    .p8100 .a8{
        height: 729px;
    }
    .p8100 .a8 .suspen{

        top: 29%;

        text-align: left;

        color: #000;

        left: 81%;

        width: 54%;
    }
    .p8100 .a9{
        height: 729px;
    }
    .p8100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .p8100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .p8100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .p8100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .p8100 .hlcqitem img{
        height: 110px;
    }
    .p8100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .p8100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .p8100 .boxts{

    }
    .p8100 .tc {

        overflow: hidden;

        margin-top: 0;

    }
    .p8100 .tc ul{

    }
    .p8100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 104px;display: inline-block;line-height: 30px;}
    .p8100 .tc ul li img{height: 41px;margin-bottom: 7px;}
    .p8100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .p8100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .p8100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }
    .p8100 .a8 .f1{
        margin-left: 20px;
    }
    .p8100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 24px;
    }

    .p8100 .hf2 {
        margin: 10px 49px;
        margin-top: 51px;
        font-size: 61px;
    }
    .p8100 .hf3 {
        padding: 20px 35px;
    }


}
@media  (min-width:768px) and (max-width:1280px) {
    .w33{
        width: 22% !important;
    }

    .list-boxm {
        margin-top: 40px;
    }

    .list-boxm li {

        float: left;

        text-align: center;

        margin-right: 67px;
    }

    .list-boxm li img{
        height: 40px;
    }
    .list-boxm li .name {

        font-size: 16px;

        color: #333;

        line-height: 26px;

        margin-top: 20px;
    }
    .hf1{

        font-size: 47px;

        font-weight: 700;

    }
    .hf2{

        font-size: 33px;

        margin: 30px 0;

    }
    .hf3{

        font-size: 32px;

        line-height: 55px;
    }
    .f1{

        font-size: 34px;

        line-height: 60px;

        margin: 20px 0;

        font-weight: 700;

    }
    .f2{

        font-size: 17px;

        line-height: 40px;

        /* width: 43%; */

        /* margin: 0 auto; */

    }
    .f3{
        font-size: 22px;
        line-height: 40px;
        width: 75%;
        margin: 0 auto;
    }
    .wf{
        color: #fff;
    }
    .wb{
        color: #333;
    }
    .wl{
        color: #09A8FF;
    }
    .wc{
        width: 100%;
        margin: 0 auto;
    }
    /*4ps*/
    /*t5000*/
    .t5000 .a1{
        height: 872px;
    }
    .t5000 .a1 .suspen{

    }
    .t5000 .a2{
        height: 630px;
    }
    .t5000 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5000 .a3{
        height: 620px;
    }
    .t5000 .a3 .suspen{/* width: 100%; */padding-right: 0;/* left: 50%; */top: 54%;text-align: left;}
    .t5000 .a4{
        /* height: 730px; */
    }
    .t5000 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5000 .a5{
        height: 627px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5000 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5000 .a6{
        height: 640px;
    }
    .t5000 .a6 .suspen{/* width: 46%; */padding-right: 78px;/* left: 31%; */top: 53%;}
    .t5000 .a7{
        height: 700px;
        position: relative;
    }
    .t5000 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5000 .a8{
        height: 607px;
    }
    .t5000 .a8 .suspen{

        top: 45%;

        text-align: left;

    }
    .t5000 .a9{
        height: 650px;
    }
    .t5000 .a9 .suspen{

        top: 13%;

        text-align: center;

        /* width: 50%; */

        /* left: 80%; */

    }
    .t5000 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5000 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5000 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5000 .hlcqitem img{
        height: 110px;
    }
    .t5000 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5000 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5000 .boxts{

    }
    .t5000 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5000 .tc ul{

    }
    .t5000 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5000 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5000 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5000 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5000 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*rt40*/

    /*rt40*/

    .rt40 .hf1{

        font-size: 44px;

    }
    .rt40 .hf2{

        font-size: 36px;

    }
    .rt40 .hf3{

        font-size: 26px;

        line-height: 42px;

    }
    .rt40 .a1{
        height: 872px;
    }
    .rt40 .a1 .suspen{

    }
    .rt40 .a2{
        height: 472px;
    }
    .rt40 .a2 .suspen{width: 43%;padding-right: 78px;left: 79%;top: 42%;}
    .rt40 .a10{
        height:700px;
    }
    .rt40 .a10 .suspen{top: 50%;text-align: center;font-size: 28px;line-height: 60px;}
    .rt40 .a3{
        height: 910px;
    }
    .rt40 .a3 .suspen{

        /* width: 100%; */

        /* padding-right: 0; */

        /* left: 50%; */

        /* top: 11%; */

        /* text-align: center; */

    }
    .rt40 .a4{
        height: 730px;
    }
    .rt40 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .rt40 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .rt40 .a5 .suspen{

        top: 23%;

        text-align: center;
    }
    .rt40 .a6{
        height: 690px;
    }
    .rt40 .a6 .suspen{

        width: 46%;

        /* padding-right: 78px; */

        left: 72%;

        top: 40%;

    }
    .rt40 .a7{
        height: 834px;
        position: relative;
    }
    .rt40 .a7 .suspen{

        /* width: 53%; */

        /* padding-right: 78px; */

        /* left: 75%; */

        text-align: center;

        top: 12%;

    }
    .rt40 .a8{
        height: 604px;
    }
    .rt40 .a8 .suspen{

        top: 16%;

        text-align: center;

    }

    /*s715*/
    .s715 .a1{
        height: 664px;
    }
    .s715 .a1 .suspen{

        /* left: 97%; */

        top: 37%;

    }
    .s715 .a2{
        height: 663px;
    }
    .s715 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s715 .a3{
        height: 731px;
    }
    .s715 .a3 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        /* top: 79%; */

        color: #000;

        text-align: right;

    }
    .s715 .a4{
        height: 664px;
    }
    .s715 .a4 .suspen{

        color: #fff;

        /* width: 46%; */

        /* padding-right: 78px; */

        /* top: 48%; */

        /* left: 31%; */

        text-align: right;

    }
    .s715 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s715 .a5 .suspen{

        /* top: 17%; */

        text-align: left;

        color: #000;

    }
    /*3ps*/
    /*k100*/

    .k100 .a1{
        height: 785px;
    }
    .k100 .a1 .f1{
        font-size: 49px;
    }
    .k100 .a1 .f2{
        font-size: 36px;
    }
    .k100 .a1 .suspen{/* left: 81%; *//* width: 48%; */top: 54%;text-align: left;}
    .k100 .a2{
        height: 600px;
    }
    .k100 .a2 .suspen{

        width: 38%;

        padding-right: 78px;

        left: 69%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a3{
        height: 620px;
    }
    .k100 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 47%;

        text-align: left;

        color: #fff;

    }
    .k100 .a4{
        height: 600px;
    }
    .k100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 16%;

        margin: 0 auto;

        text-align: center;

        color: #1B1B1C;

    }
    .k100 .a5{
        height: 600px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
        color: #1B1B1C;
        text-align: center;
    }
    .k100 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 0;

        color: #232323;

    }
    .k100 .a6{
        height: 628px;
    }
    .k100 .a6 .f2{

        margin-bottom: 40px;
    }
    .k100 .a6 .suspen{

        width: 50%;

        padding-right: 0;

        left: 82%;

        top: 37%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a7{
        height: 750px;
        position: relative;
    }
    .k100 .a7 .suspen{

        /* width: 50%; */

        padding-right: 78px;

        /* left: 73%; */

        text-align: left;

        top: 37%;

        float: right;

        color: #1B1B1C;

    }
    .k100 .a8{
        height: 600px;
    }
    .k100 .a8 .suspen{

        top: 19%;

        text-align: center;

        color: #000;

        /* left: 81%; */

        /* width: 54%; */

    }
    .k100 .a9{
        height: 741px;
    }
    .k100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .k100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .k100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .k100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .k100 .hlcqitem img{
        height: 110px;
    }
    .k100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .k100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .k100 .boxts{

    }
    .k100 .tc {

        overflow: hidden;

        /* margin-top: 50px; */

        width: 553px;

        margin-top: -3px;

    }
    .k100 .tc ul{

    }
    .k100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 88px;margin-top: 3px;display: inline-block;line-height: 30px;}
    .k100 .tc ul li img{height: 42px;margin-bottom: 8px;}
    .k100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .k100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .k100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    .k100 .a8 .f1{
        margin-left: 20px;
    }
    .k100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .k100 .hf2 {
        margin: 10px 0;
        margin-top: 51px;
        font-size: 49px;
    }
    .k100 .hf3 {
        padding: 20px 35px;
    }
    .k100 .tz{

        overflow: hidden;

        margin-top: 23px;

    }
    .k100 .tz li {

        float: left;

        margin-right: 23px;

    }
    .k100 .tz li p{

        font-size: 19px;

        color: #A0A0A0;

        text-align: center;

        margin-bottom: 12px;

    }
    .k100 .tz li img{

        width: 100px;

    }
    .k100 .option{

        overflow: hidden;

        width: 506px;

        /* margin: 0 auto; */

        margin-top: 30px;

        margin-left: -54px;

    }
    .k100 .option li {

        float: left;

        width: 33%;

        text-align: center;

    }
    .k100 .option li p{

        margin: 20px 10px;

    }
    .k100 .option li img{

        height: 42px;

    }
    .k100  .shibie{display: inline-block;margin: 10px 0;line-height: 70px;font-size: 23px;margin-left: -13px;}
    .k100 .shibie p{

        /* background-color: white; */

        float: left;

    }
    .k100 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }
    /*q1300*/
    .q1300 .a1{
        height: 600px;
    }
    .q1300 .a1 .suspen{

        width: 60%;

        left: 87%;

        top: 55%;

    }
    .q1300 .a2{
        height: 626px;
    }
    .q1300 .a2 .f1{
        color: #1D9ED7;
    }
    .q1300 .a2 .f2{
        color: #666;
    }
    .q1300 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q1300 .a3{
        height: 720px;
    }
    .q1300 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .q1300 .a4{
        height: 530px;
    }
    .q1300 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q1300 .a5{
        height: 514px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300 .a5 .suspen{

        top: 27%;

        text-align: center;

    }


    .q1300 .tc{

        overflow: hidden;

        margin-top: 61px;

    }
    .q1300 .tc ul{

    }
    .q1300 .tc ul li{

        float: left;

        text-align: center;

        margin-right: 20px;

    }
    .q1300 .tc ul li img{

        width: 79px;

    }
    .q1300 .tc ul li p{

        margin-bottom: 12px;

        font-size: 16px;

    }

    /*q1300t*/

    .q1300t .a1{
        height: 672px;
    }
    .q1300t .a1 .suspen{

    }
    .q1300t .a2{
        height: 626px;
    }
    .q1300t .a2 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 80%; */

    }
    .q1300t .a3{
        height: 720px;
    }
    .q1300t .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 16%;

    }
    .q1300t .a4{
        height: 730px;
    }
    .q1300t .a4 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 78%; */

        top: 21%;

        color: #333;

        text-align: center;

    }
    .q1300t .a5{
        height: 514px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a5 .suspen{

        top: 37%;

        text-align: left;

        width: 45%;

        left: 80%;

    }
    .q1300t .a6{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q1300t .a6 .suspen{

        top: 10%;

        text-align: center;

        color: #666;

    }



    /*s710*/
    .s710 .a1{
        height: 672px;
    }
    .s710 .a1 .suspen{

        left: 93%;

        top: 55%;

    }
    .s710 .a2{
        height: 700px;
    }
    .s710 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

    }
    .s710 .a3{
        height: 800px;
    }
    .s710 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 79%;

        color: #666;

    }
    .s710 .a4{
        height: 600px;
    }
    .s710 .a4 .suspen{

        color: #666;

        width: 46%;

        /* padding-right: 78px; */

        top: 48%;

        left: 31%;

    }
    .s710 .a5{
        height: 614px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .s710 .a5 .suspen{

        top: 17%;

        text-align: center;

    }

    /*i6310h*/
    .i6310h .a1{
        height: 772px;
    }
    .i6310h .a1 .suspen{

        left: 95%;

        color: #323333;

    }
    .i6310h .a1 .hf1{
        font-size: 49px;
        line-height: 80px;
    }
    .i6310h .a2{
        height: 700px;
    }
    .i6310h .a2 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 0; */

        text-align: center;

        color: #232323;

        top: 16%;

    }
    .i6310h .a3{
        height: 800px;
    }
    .i6310h .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 17%;

    }
    .i6310h .a4{
        height: 630px;
    }
    .i6310h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;

        color: #323333;

    }
    .i6310h .a5{
        height: 614px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a5 .suspen{

        top: 16%;

        text-align: center;

    }


    .i6310h .a6{
        height: 614px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .i6310h .a6 .suspen{

        top: 67%;

        text-align: left;

        width: 33%;

        left: 78%;

        color: #323333;

    }


    /*Q200*/
    .q200 .a1{
        height: 740px;
    }
    .q200 .a1 .suspen{

    }
    .q200 .a2{
        height: 700px;
    }
    .q200 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .q200 .a3{
        height: 700px;
    }
    .q200 .a3 .suspen{/* width: 46%; */padding-right: 78px;/* left: 31%; */}
    .q200 .a4{
        height: 730px;
    }
    .q200 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .q200 .a5{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a5 .suspen{

        top: 31%;

        text-align: left;

    }


    .q200 .a6{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a6 .suspen{

        top: 44%;

        text-align: left;

        width: 32%;

        left: 65%;

        color: #232;

    }
    .q200 .a7{
        height: 714px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .q200 .a7 .suspen{

        top: 42%;

        text-align: left;

    }

    .q200  .shibie{

        display: flex;

        margin: 30px 0;

    }
    .q200 .shibie p{

        /* background-color: white; */

    }
    .q200 .shibie p img{

        vertical-align: middle;

        margin: 13px;

    }

    .q200  .tz{

        overflow: hidden;

        margin-top: 29px;

    }
    .q200 .tz li{

        float: left;

        text-align: center;

        margin-right: 24px;

    }
    .q200 .tz li img{

        width: 92px;

    }
    .q200 .tz li p{

        margin-bottom: 10px;

        font-size: 20px;

    }

    /*dt50h*/
    .dt50h .a1{
        height: 972px;
    }
    .dt50h .a1 .suspen{

        color: #3594BD;

    }
    .dt50h .a2{
        height: 826px;
    }
    .dt50h .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .dt50h .a3{
        height: 820px;
    }
    .dt50h .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a4{
        height: 730px;
    }
    .dt50h .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50h .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .dt50h .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .dt50h .a6{
        height: 763px;
    }
    .dt50h .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .dt50h .a7{
        height: 954px;
        position: relative;
    }
    .dt50h .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    .dt50h .box12 {
        padding: 93px 0 0;
        text-align: center;
        background: -moz-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7edf4));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e7edf4 100%);
        background-color: #eeeeee;
    }

    .dt50h .box12 .text-box {
        max-width: 665px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 107px;
    }

    .dt50h .box12 .h1 {
        color: #333333;
    }

    .dt50h .box12 .words {
        color: #333333;
    }

    .dt50h .box12 .img-box {
        position: relative;
        display: inline-block;
    }

    .dt50h .box12 .column {
        position: absolute;
    }

    .dt50h .box12 .name {
        font-size: 20px;
        color: #333333;
        margin-top: 10px;
    }

    .dt50h .box12 .column1 {
        left: 0;
        bottom: 16%;
    }

    .dt50h .box12 .name1 {
        text-align: right;
    }

    .dt50h .box12 .column2 {
        left: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column3 {
        left: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column4 {
        right: 30%;
        bottom: 77%;
    }

    .dt50h .box12 .column5 {
        right: 11%;
        bottom: 53%;
    }

    .dt50h .box12 .column6 {
        right: 0;
        bottom: 16%;
    }

    .dt50h .box12 .img1 {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    /*2ps*/

    /*et28*/
    .et28 .a1{
        height: 972px;
    }
    .et28 .a1 .suspen{

        color: #505c6a;

        width: 500px;

        left: 11%;

        text-align: right;

    }
    .et28 .a2{
        height: 561px;
    }
    .et28 .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;

        color: #333;

    }
    .et28 .a3{
        height: 820px;
    }
    .et28 .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a4{
        height: 580px;
    }
    .et28 .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .et28 .a5{
        height: 914px;
        padding-top: 53px;
        padding-bottom: 56px;
    }
    .et28 .a5 .suspen{

        top: 13%;

        text-align: center;

        color: #333;

    }
    .et28 .a6{
        height: 763px;
    }
    .et28 .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        color: #333;

    }
    .et28 .a7{
        height: 954px;
        position: relative;
    }
    .et28 .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 15%;

    }

    /*dt50p*/
    .dt50p .a1{
        height: 672px;
    }
    .dt50p .a1 .suspen{

    }
    .dt50p .a2{
        height: 526px;
    }
    .dt50p .a2 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 80%;
    }
    .dt50p .a3{
        height: 520px;
    }
    .dt50p .a3 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a4{
        height: 530px;
    }
    .dt50p .a4 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 78%;

        top: 48%;
    }
    .dt50p .a5{
        height: 734px;
        padding-top: 153px;
        padding-bottom: 56px;
    }
    .dt50p .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .dt50p .a6{
        height: 563px;
    }
    .dt50p .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;
    }
    .dt50p .a7{
        height: 554px;
        position: relative;
    }
    .dt50p .a7 .suspen{

        width: 35%;

        padding-right: 78px;

        left: 26%;
    }
    .dt50p .a8{
        height: 729px;
    }
    .dt50p .a8 .suspen{

        top: 16%;

        text-align: center;
    }

    /*h1000*/

    .h1000 .a1{
        height: 872px;
    }
    .h1000 .a1 .suspen{

    }
    .h1000 .a2{
        height: 830px;
    }
    .h1000 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .h1000 .a3{
        height: 720px;
    }
    .h1000 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 16%;

        text-align: center;
    }
    .h1000 .a4{
        height: 730px;
    }
    .h1000 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .h1000 .a5{
        /* height: 619px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .h1000 .a5 .suspen{

        top: 10%;

        text-align: center;
    }
    .h1000 .a6{
        height: 850px;
    }
    .h1000 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .h1000 .a7{
        /* height: 499px; */
        position: relative;
        padding-top: 113px;
    }
    .h1000 .a7 .suspen{

        width: 100%;

        padding-right: 78px;

        left: 50%;

        text-align: center;

        top: 21%;

    }
    .h1000 .a8{
        height: 729px;
    }
    .h1000 .a8 .suspen{

        top: 18%;

        text-align: center;

    }
    .hlcq{

        font-size: 36px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;

    }
    .hlcqcon {

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 11%;

        position: absolute;

        z-index: 10;

        top: 25%;

        left: 20%;

    }
    .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .hlcqitem img{
        height: 110px;
        margin-top: -2px;
        margin-bottom: 4px;
    }
    .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .hl2{

        color: #09A8FF;

        font-size: 30px;
    }

    /*u2*/
    .u2 .hf1{

        font-size: 35px;

    }
    .u2 .hf2{

        font-size: 27px;

        margin: 20px 0;

    }
    .u2 .hf3{

        font-size: 19px;

        line-height: 33px;

    }

    .u2 .a1{
        height: 672px;
    }
    .u2 .a1 .suspen{

    }
    .u2 .a2{
        height: 630px;
    }
    .u2 .a2 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 30%; */

        top: 42%;
    }
    .u2 .a3{
        height: 900px;
    }
    .u2 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 50%;

        top: 11%;

        text-align: center;
    }
    .u2 .a4{
        height: 730px;
    }
    .u2 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .u2 .a5{
        height: 619px;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .u2 .a5 .suspen{

        top: 18%;

        text-align: center;

    }
    .u2 .a6{
        height: 850px;
    }
    .u2 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .u2 .a7{
        height: 786px;
        position: relative;
    }
    .u2 .a7 .suspen{

        width: 53%;

        padding-right: 78px;

        left: 75%;

        text-align: left;

        top: 39%;
    }
    .u2 .a8{
        height: 729px;
    }
    .u2 .a8 .suspen{

        top: 59%;

        text-align: center;
    }

    /*i6000swin*/

    .i6000swin .a1{
        height: 672px;
    }
    .i6000swin .a1 .suspen{

        left: 91%;

        line-height: 88px;
    }
    .i6000swin .a2{
        height: 630px;
    }
    .i6000swin .a2 .suspen{

        /* width: 43%; */

        padding-right: 0;

        /* left: 30%; */

        top: 19%;

        text-align: center;

    }
    .i6000swin .a3{
        height: 600px;
    }
    .i6000swin .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        left: 50%;

        top: 37%;

        text-align: left;
    }
    .i6000swin .a4{
        height: 730px;
    }
    .i6000swin .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .i6000swin .a5{
        height: 600px;
        padding-top: 53px;
        padding-bottom: 56px;
        position: relative;
    }
    .i6000swin .a5 .suspen{

        top: 42%;

        text-align: left;

        width: 40%;

        left: 71%;
    }
    .i6000swin .a6{
        height: 550px;
    }
    .i6000swin .a6 .suspen{

        width: 46%;

        padding-right: 78px;

        left: 31%;

        top: 40%;
    }
    .i6000swin .a7{
        height: 368px;
        position: relative;
    }
    .i6000swin .a7 .suspen{

        width: 36%;

        padding-right: 24px;

        left: 80%;

        text-align: left;

        top: 56%;

    }
    .i6000swin .a8{
        height: 729px;
    }
    .i6000swin .a8 .suspen{

        top: 59%;

        text-align: center;
    }
    .i6hl{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }


    /*h1000*/

    .t5200 .a1{
        height: 672px;
    }
    .t5200 .a1 .suspen{

    }
    .t5200 .a2{
        height: 630px;
    }
    .t5200 .a2 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 42%;
    }
    .t5200 .a3{
        height: 520px;
    }
    .t5200 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        /* left: 50%; */

        top: 37%;

        text-align: left;
    }
    .t5200 .a4{
        height: 530px;
    }
    .t5200 .a4 .suspen{

        width: 43%;

        padding-right: 78px;

        left: 80%;

        top: 48%;

        margin: 0 auto;
    }
    .t5200 .a5{
        height: 667px;
        padding-top: 153px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5200 .a5 .suspen{

        top: 20%;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;
    }
    .t5200 .a6{
        height: 500px;
    }
    .t5200 .a6 .suspen{

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 40%;
    }
    .t5200 .a7{
        height: 500px;
        position: relative;
    }
    .t5200 .a7 .suspen{

        width: 50%;

        /* padding-right: 78px; */

        left: 86%;

        text-align: left;

        top: 51%;

        float: right;
    }
    .t5200 .a8{
        height: 598px;
    }
    .t5200 .a8 .suspen{

        top: 29%;

        text-align: left;
    }
    .t5200 .a9{
        height: 661px;
    }
    .t5200 .a9 .suspen{

        top: 44%;

        text-align: left;

        width: 50%;

        left: 80%;
    }
    .t5200 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5200 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5200 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5200 .hlcqitem img{
        height: 110px;
    }
    .t5200 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5200 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .t5200 .boxts{

    }
    .t5200 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5200 .tc ul{

    }
    .t5200 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5200 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5200 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5200 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5200 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*p8100*/

    .p8100 .a1{
        height: 504px;
    }
    .p8100 .a1 .suspen{

        left: 81%;

        width: 50%;

    }
    .p8100 .a2{
        height: 830px;
    }
    .p8100 .a2 .suspen{

        width: 100%;

        padding-right: 78px;

        /* left: 80%; */

        top: 16%;

        text-align: center;
    }
    .p8100 .a3{
        height: 720px;
    }
    .p8100 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 50%; */

        top: 19%;

        text-align: center;

        color: #fff;
    }
    .p8100 .a4{
        height: 855px;
    }
    .p8100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 10%;

        margin: 0 auto;

        text-align: center;

    }
    .p8100 .a5{
        height: 836px;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
    }
    .p8100 .a5 .suspen{

        top: 11% !important;

        text-align: center;

        position: relative;

        left: 50%;

        width: 100%;

        margin-top: 4%;

    }
    .p8100 .a6{
        height: 828px;
    }
    .p8100 .a6 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 31%; */

        top: 14%;

        text-align: center;

    }
    .p8100 .a7{
        height: 900px;
        position: relative;
    }
    .p8100 .a7 .suspen{

        width: 50%;

        padding-right: 78px;

        left: 73%;

        text-align: left;

        top: 37%;

        float: right;
    }
    .p8100 .a7 .suspen .f2:last-child{
        font-size: 14px;
        margin-top: 20px;
    }
    .p8100 .a8{
        height: 729px;
    }
    .p8100 .a8 .suspen{

        top: 29%;

        text-align: left;

        color: #000;

        left: 81%;

        width: 54%;
    }
    .p8100 .a9{
        height: 729px;
    }
    .p8100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .p8100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .p8100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .p8100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .p8100 .hlcqitem img{
        height: 110px;
    }
    .p8100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .p8100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .p8100 .boxts{

    }
    .p8100 .tc {

        overflow: hidden;

        margin-top: 0;

        width: 412px;

    }
    .p8100 .tc ul{

    }
    .p8100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 5px;width: auto;display: inline-block;line-height: 30px;}
    .p8100 .tc ul li img{

        height: 49px;

        margin-bottom: 9px;

    }
    .p8100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .p8100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .p8100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }
    .p8100 .a8 .f1{
        margin-left: 20px;
    }
    .p8100 .a8 .f2{
        margin-bottom: 20px;
    }

    .p8100 .hf2 {
        margin: 10px 49px;
        margin-top: 51px;
        font-size: 61px;
    }
    .p8100 .hf3 {
        padding: 20px 35px;
    }



}

/* ===== mnewcss23661.css ===== */
@media (max-width: 768px) {
    .tse{
        display: none}

    .list-boxm {
        margin-top: 18px;
    }

    .list-boxm li {

        float: left;

        text-align: center;

        margin-right: 31px;

    }

    .list-boxm li img {
        height: 40px;
    }

    .list-boxm li .name {

        font-size: 12px;

        /* color: #333; */

        line-height: 20px;

        margin-top: 10px;

    }

    .hf1 {

        font-size: 28px;

        font-weight: 700;

        margin-bottom: 16px;

    }

    .hf2 {

        font-size: 19px;

        margin: 10px 0;

        /* color: #333; */

    }

    .hf3 {

        font-size: 14px;

        line-height: 23px;

    }

    .f1 {

        font-size: 25px;

        /* line-height: 45px; */

        margin: 10px 0;

        font-weight: 700;

    }

    .f2 {

        font-size: 14px;

        line-height: 25px;

        /* width: 43%; */

        /* margin: 0 auto; */

    }

    .f3 {
        font-size: 13px;
        line-height: 27px;
        width: 90%;
        margin: 0 auto;
    }

    .wf {
        color: #fff ;
    }

    .wb {
        color: #333;
    }

    .wl {
        color: #09A8FF;
    }

    .wc {
        width: 94%;
        margin: 0 auto;
    }

    /*4ps*/
    /*t5000*/
    .t5000 .a1{
        height: auto;
    }
    .t5000 .a1 .suspen{

    }
    .t5000 .a2{
        height: auto;
    }
    .t5000 .a2 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 63%;

        text-align: center;

    }
    .t5000 .a3{
        height: auto;
    }
    .t5000 .a3 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        top: 4%;

        text-align: center;

    }
    .t5000 .a4{
        /* height: 730px; */
    }
    .t5000 .a4 .suspen{

        width: 81%;

        padding-right: 0;

        left: 10%;

        top: 3%;

        margin: 0 auto;

    }
    .t5000 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5000 .a5 .suspen{

        top: 5%;

        text-align: center;

        /* position: relative; */

        left: 0;

        width: 100%;

        margin-top: 4%;

    }
    .t5000 .a6{
        height: auto;
    }
    .t5000 .a6 .suspen{

        width: 90%;

        padding-right: 0;

        left: 10%;

        top: 13%;

    }
    .t5000 .a7{
        height: auto;
        position: relative;
    }
    .t5000 .a7 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        left: 0;

        text-align: center;

        top: 7%;

        float: right;

    }
    .t5000 .a8{
        height: auto;
    }
    .t5000 .a8 .suspen{

        top: 10%;

        text-align: center;

    }
    .t5000 .a9{
        height: auto;
    }
    .t5000 .a9 .suspen{

        top: 10%;

        text-align: center;

        width: 100%;

        left: 0;

    }
    .t5000 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5000 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .t5000 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5000 .hlcqitem img{
        height: 51px;
    }
    .t5000 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5000 .hl2{

        color: #fff;

        font-size: 16px;

        margin-top: 12px;

    }
    .t5000 .boxts{

    }
    .t5000 .tc {

        overflow: hidden;

        margin-top: 50px;
    }
    .t5000 .tc ul{

    }
    .t5000 .tc ul li{

        float: left;

        font-size: 16px;

        color: #666;

        text-align: center;

        margin-right: 5%;
    }
    .t5000 .tc ul li img{

        height: 49px;

        margin-bottom: 14px;
    }
    .t5000 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .t5000 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .t5000 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    /*rt40*/

    .rt40 .hf1{

        font-size: 44px;

    }
    .rt40 .hf2{

        font-size: 36px;

    }
    .rt40 .hf3{

        font-size: 26px;

        line-height: 42px;

    }
    .rt40 .a1{
        height: auto;
    }
    .rt40 .a1 .suspen{

        left: 10%;

        top: 16%;

    }
    .rt40 .a10{
        height: auto;
    }
    .rt40 .a10 .suspen{/* left: 10%; */top: 26%;text-align: center;color: #fff;line-height: 46px;}
    .rt40 .a10 .suspen img{
        width: 40px;
    }
    .rt40 .a2{
        height: auto;
    }
    .rt40 .a2 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        top: 5%;

        text-align: center;

    }
    .rt40 .a3{
        height: auto;
    }
    .rt40 .a3 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        top: 5%;

        text-align: center;

    }
    .rt40 .a4{
        height: 730px;
    }
    .rt40 .a4 .suspen{

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }
    .rt40 .a5{
        height: auto;
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }
    .rt40 .a5 .suspen{

        top: 9%;

        text-align: center;

        width: 90%;

        left: 5%;

    }
    .rt40 .a6{
        height: auto;
    }
    .rt40 .a6 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        top: 10%;

        text-align: center;

    }
    .rt40 .a7{
        height: auto;
        position: relative;
    }
    .rt40 .a7 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        text-align: center;

        top: 6%;

    }
    .rt40 .a8{
        height: auto;
    }
    .rt40 .a8 .suspen{

        top: 9%;

        text-align: center;

    }
    /*s715*/
    .s715 .a1{
        height: auto;
    }
    .s715 .a1 .hf2{
        margin-bottom: 20px;
    }
    .s715 .a1 .suspen{

        left: 10%;

        top: 35%;

        width: 90%;

    }
    .s715 .a2{
        height: auto;
    }
    .s715 .a2 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 10%;

        text-align: center;

    }
    .s715 .a3{
        height: auto;
    }
    .s715 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 8%;

        color: #000;

        text-align: center;

    }
    .s715 .a4{
        height: auto;
    }
    .s715 .a4 .suspen{

        color: #fff;

        width: 100%;

        padding-right: 0;

        top: 13%;

        left: 0;

        text-align: center;

    }
    .s715 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .s715 .a5 .suspen{

        top: 8%;

        text-align: left;

        color: #000;

        left: 10%;

        width: 90%;

    }
    /*3ps*/

    /*q1300*/
    .q1300 .a1{
        height: auto;
    }
    .q1300 .a1 .suspen{

        width: 100%;

        left: 0;

        top: 19%;

        text-align: center;

        color: #fff;

    }
    .q1300 .a2{
        height: auto;
    }
    .q1300 .a2 .f1{
        color: #1D9ED7;
    }
    .q1300 .a2 .f2{
        color: #666;
    }
    .q1300 .a2 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 10%;

        text-align: center;

    }
    .q1300 .a3{
        height: auto;
    }
    .q1300 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 10%;

        text-align: center;

    }
    .q1300 .a4{
        height: auto;
    }
    .q1300 .a4 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 10%;

        text-align: center;

    }
    .q1300 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q1300 .a5 .suspen{

        top: 4%;

        text-align: center;

        color: #000;

    }


    .q1300 .tc{

        overflow: hidden;

        margin-top: 34px;

    }
    .q1300 .tc ul{

    }
    .q1300 .tc ul li{

        float: none;

        text-align: center;

        margin-right: 5px;

        display: inline-block;

    }
    .q1300 .tc ul li img{

        width: 55px;

    }
    .q1300 .tc ul li p{

        margin-bottom: 12px;

        font-size: 13px;

    }

    /*q1300t*/

    .q1300t .a1{
        height: auto;
    }
    .q1300t .a1 .suspen{

        top: 26%;

        text-align: center;

    }
    .q1300t .a2{
        height: auto;
    }
    .q1300t .a2 .suspen{

        /* width: 46%; */

        padding-right: 0;

        /* left: 80%; */

        text-align: center;

        top: 11%;

    }
    .q1300t .a3{
        height: auto;
    }
    .q1300t .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 16%;

    }
    .q1300t .a4{
        height: auto;
    }
    .q1300t .a4 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 78%; */

        top: 7%;

        color: #333;

        text-align: center;

    }
    .q1300t .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q1300t .a5 .suspen{

        top: 10%;

        text-align: center;

        width: 100%;

        left: 0;

    }
    .q1300t .a6{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q1300t .a6 .suspen{

        top: 10%;

        text-align: center;

        color: #666;

    }



    /*s710*/
    .s710 .a1{
        height: auto;
    }
    .s710 .a1 .suspen{

        left: 0;

        top: 23%;

        text-align: center;

    }
    .s710 .a2{
        height: auto;
    }
    .s710 .a2 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 10%;

        text-align: center;

        color: #fff;

    }
    .s710 .a3{
        height: auto;
    }
    .s710 .a3 .suspen{

        width: 90%;

        padding-right: 0;

        left: 5%;

        top: 10%;

        color: #666;

        text-align: center;

    }
    .s710 .a4{
        height: auto;
    }
    .s710 .a4 .suspen{

        color: #666;

        width: 100%;

        /* padding-right: 78px; */

        top: 7%;

        left: 0;

        text-align: center;

    }
    .s710 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .s710 .a5 .suspen{

        top: 17%;

        text-align: center;

    }

    /*i6310h*/
    .i6310h .a1{
        height: auto;
    }
    .i6310h .a1 .suspen{

        left: 0;

        color: #323333;

        top: 8%;

        text-align: center;

    }
    .i6310h .a1 .hf1{
        font-size: 26px;
        line-height: 53px;
    }
    .i6310h .a2{
        height: auto;
    }
    .i6310h .a2 .suspen{

        /* width: 46%; */

        padding-right: 0;

        /* left: 0; */

        text-align: center;

        color: #232323;

        top: 6%;

        width: 90%;

        left: 5%;

    }
    .i6310h .a3{
        height: auto;
    }
    .i6310h .a3 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        text-align: center;

        top: 6%;

        width: 90%;

        left: 5%;

    }
    .i6310h .a4{
        height: auto;
    }
    .i6310h .a4 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 9%;

        color: #323333;

        text-align: center;

    }
    .i6310h .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .i6310h .a5 .suspen{

        top: 6%;

        text-align: center;

    }


    .i6310h .a6{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .i6310h .a6 .suspen{

        top: 10%;

        text-align: center;

        width: 90%;

        left: 5%;

        color: #323333;

    }


    /*Q200*/
    .q200 .a1{
        height: auto;
    }
    .q200 .a1 .suspen{

        top: 18%;

        text-align: left;

        left: 10%;

        width: 80%;

    }
    .q200 .a2{
        height: auto;
    }
    .q200 .a2 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        top: 10%;

    }
    .q200 .a3{
        height: auto;
    }
    .q200 .a3 .suspen{

        width: 71%;

        padding-right: 0;

        left: 10%;

        top: 10%;

    }
    .q200 .a4{
        height: auto;
    }
    .q200 .a4 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        top: 10%;

    }
    .q200 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q200 .a5 .suspen{

        top: 3%;

        text-align: left;

        left: 10%;

        width: 80%;

    }


    .q200 .a6{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q200 .a6 .suspen{

        top: 5%;

        text-align: left;

        width: 85%;

        left: 6%;

        color: #232;

    }
    .q200 .a7{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .q200 .a7 .suspen{

        top: 6%;

        text-align: left;

        left: 10%;

        width: 80%;

    }

    .q200  .shibie{

        display: flex;

        margin: 10px 0;

    }
    .q200 .shibie p{

        /* background-color: white; */

    }
    .q200 .shibie p img{

        vertical-align: middle;

        margin: 13px;

        width: 42px;

    }

    .q200  .tz{

        overflow: hidden;

        margin-top: 17px;

    }
    .q200 .tz li{

        float: left;

        text-align: center;

        margin-right: 24px;

    }
    .q200 .tz li img{

        width: 62px;

    }
    .q200 .tz li p{

        margin-bottom: 10px;

        font-size: 16px;

    }

    /*dt50h*/
    /*dt50h*/
    .dt50h .a1{
        height: auto;
    }
    .dt50h .a1 .suspen{

        color: #305daa;

        top: 21%;

        line-height: 40px;

        left: 10%;

    }
    .dt50h .a2{
        height: auto;
    }
    .dt50h .a2 .suspen{

        width: 74%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 10%;

    }
    .dt50h .a3{
        height: auto;
    }
    .dt50h .a3 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 6%;

    }
    .dt50h .a4{
        height: auto;
    }
    .dt50h .a4 .suspen{

        width: 100%;

        padding-right: 78px;

        left: 10%;

        top: 10%;

    }
    .dt50h .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .dt50h .a5 .suspen{

        top: 7%;

        text-align: center;

        color: #333;

    }
    .dt50h .a6{
        height: auto;
    }
    .dt50h .a6 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 71%;

    }
    .dt50h .a7{
        height: auto;
        position: relative;
    }
    .dt50h .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 7%;

        width: 80%;

        left: 10%;

        color: #fff;

    }
    .dt50h .a8{
        height: auto;
        position: relative;
    }
    .dt50h .a8 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 7%;

        width: 80%;

        left: 10%;

        color: #000;

    }

    /*2*/

    /*dt50p*/
    .dt50p .a1 {
        /* height: 872px; */
    }

    .dt50p .a1 .suspen {top: 17%;width: 100%;text-align: center;}

    .dt50p .a2 {
        /* height: 626px; */
    }

    .dt50p .a2 .suspen {

        width: 80%;

        /* padding-right: 70px; */

        left: 10%;

        top: 4%;

    }

    .dt50p .a3 {
        /* height: 720px; */
    }

    .dt50p .a3 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 5%;

    }

    .dt50p .a4 {
        /* height: 730px; */
    }

    .dt50p .a4 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 10%;

    }

    .dt50p .a5 {
        /* height: 914px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
    }

    .dt50p .a5 .suspen {

        top: 1%;

        text-align: center;

    }

    .dt50p .a6 {
        /* height: 763px; */
    }

    .dt50p .a6 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 10%;

    }

    .dt50p .a7 {
        /* height: 954px; */
        position: relative;
    }

    .dt50p .a7 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 10%;

    }

    .dt50p .a8 {
        /* height: 729px; */
    }

    .dt50p .a8 .suspen {

        top: 1%;

        text-align: center;

    }

    /*h1000*/
    .h1000 .a1 {
        /* height: 872px; */
    }

    .h1000 .a1 .suspen {position: absolute;width: 80%;top: 23%;left: 10%;text-align: center;}

    .h1000 .a2 {
        /* height: 830px; */
    }

    .h1000 .a2 .suspen {

        width: 90%;

        /* padding-right: 78px; */

        left: 5%;

        top: 2%;

        text-align: center;

    }

    .h1000 .a3 {
        /* height: 720px; */
    }

    .h1000 .a3 .suspen {

        width: 90%;

        padding-right: 0;

        left: 7%;

        top: 9%;

        text-align: center;

    }

    .h1000 .a4 {
        /* height: 730px; */
    }

    .h1000 .a4 .suspen {

        width: 92%;

        /* padding-right: 78px; */

        left: 4%;

        top: 9%;

        margin: 0 auto;

        text-align: center;

    }

    .h1000 .a5 {
        /* height: 619px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }

    .h1000 .a5 .suspen {

        top: 10%;

        text-align: center;
    }

    .h1000 .a6 {
        /* height: 850px; */
    }

    .h1000 .a6 .suspen {

        width: 81%;

        /* padding-right: 78px; */

        left: 10%;

        top: 5%;

    }

    .h1000 .a7 {
        /* height: 499px; */
        position: relative;
    }

    .h1000 .a7 .suspen {

        width: 90%;

        /* padding-right: 78px; */

        left: 5%;

        text-align: center;

        top: 2%;

    }

    .h1000 .a8 {
        /* height: 729px; */
    }

    .h1000 .a8 .suspen {

        top: 5%;

        text-align: center;

    }
    /*k100*/

    .k100 .a1{
        height: auto;
    }
    .k100 .a1 .suspen{left: 10%;width: 90%;top: 20%;text-align: left;}
    .k100 .a2{
        height: auto;
    }
    .k100 .a2 .suspen{

        width: 90%;

        padding-right: 78px;

        left: 10%;

        top: 5%;

        text-align: left;

        color: #1B1B1C;

    }
    .k100 .a3{
        height: auto;
    }
    .k100 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        left: 10%;

        top: 3%;

        text-align: left;

        color: #fff;

    }
    .k100 .a4{
        height: auto;
    }
    .k100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 5%;

        margin: 0 auto;

        text-align: center;

        color: #1B1B1C;

    }
    .k100 .a5{
        height: auto;
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
        color: #1B1B1C;
        text-align: center;
    }
    .k100 .a5 .suspen{

        top: 4%;

        text-align: center;

        position: absolute;

        left: 0;

        width: 100%;

        margin-top: 0;

        color: #232323;

    }
    .k100 .a6{
        height: auto;
    }
    .k100 .a6 .f2{

        margin-bottom: 10px;

    }
    .k100 .a6 .suspen{

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 3%;

        text-align: center;

        color: #1B1B1C;

    }
    .k100 .a7{
        height: auto;
        position: relative;
    }
    .k100 .a7 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 73%; */

        text-align: center;

        top: 8%;

        float: right;

        color: #1B1B1C;

    }
    .k100 .a8{
        height: 800px;
    }
    .k100 .a8 .suspen{

        top: 4%;

        text-align: center;

        color: #000;

        /* left: 81%; */

        /* width: 54%; */

    }
    .k100 .a9{
        height: 741px;
    }
    .k100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .k100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .k100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .k100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .k100 .hlcqitem img{
        height: 110px;
    }
    .k100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .k100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .k100 .boxts{

    }
    .k100 .tc {

        overflow: hidden;

        /* margin-top: 50px; */

        width: 553px;

        margin-top: -3px;

    }
    .k100 .tc ul{

    }
    .k100 .tc ul li{float: none;font-size: 13px;color: #666;text-align: center;margin-right: 0;width: 88px;margin-top: 3px;display: inline-block;line-height: 30px;}
    .k100 .tc ul li img{height: 42px;margin-bottom: 8px;}
    .k100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .k100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .k100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }

    .k100 .a8 .f1{
        margin-left: 20px;
    }
    .k100 .a8 .f2{
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .k100 .hf2 {
        margin: 10px 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .k100 .hf3 {
        padding: 20px 35px;
    }
    .k100 .tz{

        overflow: hidden;

        margin-top: 23px;

    }
    .k100 .tz li {

        float: left;

        margin-right: 23px;

    }
    .k100 .tz li p{

        font-size: 14px;

        color: #A0A0A0;

        text-align: center;

        margin-bottom: 12px;

    }
    .k100 .tz li img{

        width: 50px;

    }
    .k100 .option{

        overflow: hidden;

        width: 100%;

        /* margin: 0 auto; */

        margin-top: 7px;

        margin-left: -10px;

    }
    .k100 .option li {

        float: left;

        width: 17%;

        text-align: center;

    }
    .k100 .option li p{

        margin: 10px 0;

        font-size: 11px;

    }
    .k100 .option li img{

        height: 28px;

    }
    .k100  .shibie{

        display: flex;

        margin: 0px auto;

        line-height: 54px;

        font-size: 17px;

        /* margin-left: -13px; */

        width: 68%;

    }
    .k100 .shibie p{

        /* background-color: white; */

        float: left;

    }
    .k100 .shibie p img{

        vertical-align: middle;

        margin: 13px;

        height: 31px;

    }

    /*2ps*/
    .hlcq {

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }

    .hlcqcon {

        overflow: hidden;

        width: 96%;

        margin: 0 auto;

        margin-top: 30%;

        position: absolute;

        z-index: 10;

        top: 20%;

        left: 3%;

    }

    .hlcqitem {

        float: left;

        width: 33%;

        text-align: center;

        /* color: #fff !important; */

    }

    .hlcqitem img {
        height: 36px;
        margin-bottom: 13px;
    }

    .hl1 {

        color: #09A8FF;

        font-size: 12px;

        margin: 8px 0;

    }

    .hl2 {

        color: #09A8FF;

        font-size: 16px;

        margin-top: 10px;

    }
    .hl21 {

        color: #fff;

        font-size: 16px;

        margin-top: 20px;

    }

    /*u2*/
    .u2 .a1 {
        /* height: 872px; */
    }

    .u2 .a1 .suspen {position: absolute;width: 80%;left: 10%;top: 21%;}

    .u2 .a2 {
        /* height: 830px; */
    }

    .u2 .a2 .suspen {

        /* width: 43%; */

        padding-right: 78px;

        left: 10%;

        top: 10%;

    }

    .u2 .a3 {
        /* height: 1200px; */
    }

    .u2 .a3 .suspen {

        width: 100%;

        padding-right: 0;

        left: 0;

        top: 3%;

        text-align: center;

    }

    .u2 .a4 {
        height: 730px;
    }

    .u2 .a4 .suspen {

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }

    .u2 .a5 {
        /* height: 619px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }

    .u2 .a5 .suspen {

        top: 6%;

        text-align: center;

    }

    .u2 .a6 {
        /* height: 850px; */
    }

    .u2 .a6 .suspen {

        /* width: 46%; */

        padding-right: 78px;

        /* left: 31%; */

        top: 6%;

        left: 10%;

    }

    .u2 .a7 {
        /* height: 786px; */
        position: relative;
    }

    .u2 .a7 .suspen {

        width: 38%;

        /* padding-right: 78px; */

        left: 43%;

        text-align: left;

        top: 41%;

    }

    .u2 .a8 {
        /* height: 729px; */
    }

    .u2 .a8 .suspen {

        top: 9%;

        text-align: center;

    }

    /*i6000swin*/
    .i6000swin .a1 {
        /* height: 872px; */
    }

    .i6000swin .a1 .suspen {

        left: 0;

        line-height: 62px;

        width: 100%;

        top: 15%;

        text-align: center;

    }

    .i6000swin .a2 {
        /* height: 830px; */
    }

    .i6000swin .a2 .suspen {

        width: 94%;

        /* padding-right: 78px; */

        left: 3%;

        top: 14%;

        text-align: center;

    }

    .i6000swin .a3 {
        /* height: 800px; */
    }

    .i6000swin .a3 .suspen {

        width: 71%;

        padding-right: 0;

        left: 10%;

        top: 7%;

        text-align: left;

    }

    .i6000swin .a4 {
        height: 730px;
    }

    .i6000swin .a4 .suspen {

        /* width: 43%; */

        padding-right: 78px;

        /* left: 29%; */

        top: 48%;

        margin: 0 auto;
    }

    .i6000swin .a5 {
        /* height: 800px; */
        /* padding-top: 53px; */
        /* padding-bottom: 56px; */
        position: relative;
    }

    .i6000swin .a5 .suspen {

        top: 10%;

        width: 89%;

        left: 10%;

        top: 10%;

    }

    .i6000swin .a6 {
        /* height: 850px; */
    }

    .i6000swin .a6 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        text-align: center;

        top: 6%;

    }

    .i6000swin .a7 {
        height: 568px;
        position: relative;
    }

    .i6000swin .a7 .suspen {

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        text-align: left;

        top: 14%;

    }

    .i6000swin .a8 {
        height: 729px;
    }

    .i6000swin .a8 .suspen {

        top: 59%;

        text-align: center;
    }

    .i6hl {
        position: relative;
        top: 0;
        left: 0;
        width: 82%;
        margin-top: 10%;
        float: left;
    }

    /*t5200*/
    .t5200 .a1{
        /* height: 872px; */
    }
    .t5200 .a1 .suspen{

        position: absolute;

        top: 20%;

        left: 10%;

    }
    .t5200 .a2{
        /* height: 830px; */
    }
    .t5200 .a2 .suspen{

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 3%;

    }
    .t5200 .a3{
        /* height: 720px; */
    }
    .t5200 .a3 .suspen{

        /* width: 100%; */

        padding-right: 0;

        left: 10%;

        top: 70%;

        text-align: left;

    }
    .t5200 .a4{
        /* height: 730px; */
    }
    .t5200 .a4 .suspen{

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        top: 6%;

        margin: 0 auto;

    }
    .t5200 .a5{
        height: 523px;
        padding-top: 123px;
        padding-bottom: 0;
        position: relative;
        background: #0084FA;
    }
    .t5200 .a5 .suspen{

        top: 10%;

        text-align: center;

        position: absolute;

        left: 0;

        width: 100%;

        margin-top: 4%;

    }
    .t5200 .a6{
        /* height: 850px; */
    }
    .t5200 .a6 .suspen{

        /* width: 46%; */

        /* padding-right: 78px; */

        /* left: 31%; */

        top: 0%;

        text-align: center;

    }
    .t5200 .a7{
        /* height: 900px; */
        position: relative;
    }
    .t5200 .a7 .suspen{

        width: 90%;

        /* padding-right: 78px; */

        left: 10%;

        text-align: left;

        top: 4%;

        float: right;

    }
    .t5200 .a8{
        /* height: 729px; */
    }
    .t5200 .a8 .suspen{

        top: 8%;

        text-align: left;

        width: 83%;

        left: 10%;

    }
    .t5200 .a9{
        /* height: 729px; */
    }
    .t5200 .a9 .suspen{

        top: 7%;

        text-align: center;

        width: 100%;

        /* left: 10%; */

    }
    .t5200 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .t5200 .hlcqcon{

        overflow: hidden;

        width: 96%;

        margin: 0 auto;

        margin-top: 17%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;

    }
    .t5200 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .t5200 .hlcqitem img{
        height: 60px;
    }
    .t5200 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .t5200 .hl2{

        color: #fff;

        font-size: 11px;

        margin-top: 30px;

    }
    .t5200 .boxts{

    }
    .t5200 .tc {

        overflow: hidden;

        margin-top: 50px;

        width: 90%;

        margin: 16px auto;

        margin-top: 34px;

    }
    .t5200 .tc ul{

    }
    .t5200 .tc ul li{

        float: left;

        font-size: 14px;

        color: #666;

        text-align: center;

        /* margin-right: 9%; */

        width: 25%;

        text-align: center;

    }
    .t5200 .tc ul li img{

        height: 39px;

        margin-bottom: 14px;

    }
    .t5200 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 24px;
    }
    .t5200 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;
        height: 29px;
    }
    .t5200 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
        padding-top: 1px;
    }

    /*p8100*/

    .p8100 .a1{
        /* height: 527px; */
    }
    .p8100 .a1 .suspen{left: 8%;top: 22%;text-align: center;width: 86%;}
    .p8100 .a2{
        /* height: 830px; */
    }
    .p8100 .a2 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 2%;

        text-align: center;

    }
    .p8100 .a3{
        /* height: 720px; */
    }
    .p8100 .a3 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 50%; */

        top: 9%;

        text-align: center;

        color: #fff;

    }
    .p8100 .a4{
        /* height: 730px; */
    }
    .p8100 .a4 .suspen{

        width: 100%;

        /* padding-right: 78px; */

        /* left: 80%; */

        top: 4%;

        margin: 0 auto;

        text-align: center;

    }
    .p8100 .a5{
        /* height: 667px; */
        /* padding-top: 153px; */
        padding-bottom: 0;
        /* position: relative; */
        /* background: #0084FA; */
    }
    .p8100 .a5 .suspen{

        top: 2%;

        text-align: center;

        position: absolute;

        left: 0;

        width: 100%;

        margin-top: 4%;

    }
    .p8100 .a6{
        /* height: 828px; */
    }
    .p8100 .a6 .suspen{

        width: 100%;

        padding-right: 0;

        /* left: 31%; */

        top: 10%;

        text-align: center;

    }
    .p8100 .a7{
        /* height: 900px; */
        position: relative;
    }
    .p8100 .a7 .suspen{

        width: 80%;

        /* padding-right: 78px; */

        left: 10%;

        text-align: left;

        top: 58%;

        float: right;

    }
    .p8100 .a8{
        /* height: 729px; */
    }
    .p8100 .a8 .suspen{

        top: 10%;

        text-align: center;

        color: #000;

        left: 10%;

        width: 80%;

    }
    .p8100 .a9{
        /* height: 729px; */
    }
    .p8100 .a9 .suspen{

        top: 20%;

        text-align: center;

        width: 100%;

        /* left: 80%; */

        color: #fff;
    }
    .p8100 .hlcq{

        font-size: 44px;

        color: #09A8FF;

        text-align: center;

        font-weight: 700;

        position: absolute;

        top: 10%;

        width: 100%;

        text-align: center;
    }
    .p8100 .hlcqcon{

        overflow: hidden;

        width: 60%;

        margin: 0 auto;

        margin-top: 5%;

        position: relative;

        z-index: 10;

        top: 0;

        left: 0;
    }
    .p8100 .hlcqitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .p8100 .hlcqitem img{
        height: 110px;
    }
    .p8100 .hl1{

        color: #09A8FF;

        font-size: 20px;

        margin: 20px 0;
    }
    .p8100 .hl2{

        color: #fff;

        font-size: 30px;

        margin-top: 30px;
    }
    .p8100 .boxts{

    }
    .p8100 .tc {

        overflow: hidden;

        margin-top: 24px;

    }
    .p8100 .tc ul{

    }
    .p8100 .tc ul li{float: left;font-size: 9px;color: #666;text-align: center;/* margin-right: 5%; */width: 25%;margin-bottom: 12px;}
    .p8100 .tc ul li img{height: 39px;margin-bottom: 10px;}
    .p8100 .ping{
        width: 230px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
        margin-top: 40px;
    }
    .p8100 .ping span{
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        text-align: center;

    }
    .p8100 .ping span.active{
        font-weight: 700;
        border-bottom: 2px solid #757575;
    }
    .w33{
        width: 33%  !important;
    }

    /*et28*/



    .et28 .a1{
        height: auto;
    }
    .et28 .a1 .suspen{

        color: #505c6a;

        top: 21%;

        /* line-height: 40px; */

        left: 29%;

        width: 57%;

    }
    .et28 .a2{
        height: auto;
    }
    .et28 .a2 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 10%;

        text-align: center;

    }
    .et28 .a3{
        height: auto;
    }
    .et28 .a3 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 6%;

    }
    .et28 .a4{
        height: auto;
    }
    .et28 .a4 .suspen{

        width: 100%;

        padding-right: 78px;

        left: 10%;

        top: 10%;

    }
    .et28 .a5{
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .et28 .a5 .suspen{

        top: 7%;

        text-align: left;

        color: #333;

        width: 85%;

        left: 7%;

    }
    .et28 .a6{
        height: auto;
    }
    .et28 .a6 .suspen{

        width: 80%;

        padding-right: 0;

        left: 10%;

        color: #333;

        top: 8%;

        text-align: center;

    }
    .et28 .a7{
        height: auto;
        position: relative;
    }
    .et28 .a7 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: center;

        top: 7%;

        width: 80%;

        left: 10%;

        color: #fff;

    }
    .et28 .a8{
        height: auto;
        position: relative;
    }
    .et28 .a8 .suspen{

        /* width: 35%; */

        /* padding-right: 78px; */

        /* left: 26%; */

        text-align: left;

        top: 67%;

        width: 91%;

        left: 6%;

        color: #000;

    }

    .et28  .a1 .hf1{
        font-size: 59px;
    }
    .et28 .a1 .hf2{
        font-size: 30px;
    }
}

/* ===== ny.css ===== */
.nbanner{
	position: relative;
}
.nbanner img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.nbanner .con{
	position: absolute;
	left: 10%;
	top: 0;
	height: 100%;
	display: grid;
	align-content: center;
}
.nbanner .con span{
    color: #fff;
}
.nbanner .con h2{
	font-size: 45px;
	color: #fff;
	font-weight: bold;
}
.nbanner .con p{
	font-size: 20px;
	color: #fff;
	margin-top: .5rem;
}

/*.nprolist .item a:hover .img{*/
/*    background: none!important;*/
/*}*/
.nprolist .item a .s11{
    opacity: 0;
    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.nprolist .item a:hover .s11{
    opacity: 1;

}
.nabout{
	padding: 100px 0;
}
.nabout .con{
	height: 90px;
	overflow: hidden;
	margin-top: 3rem;
	transition: height 0.5s ease;
}
.nabout .aboutmore{
	background: #278bd9;
	color: #ffffff;
	display: block;
	text-align: center;
	width: 160px;
	margin:25px auto;
	font-size: 15px;
	line-height: 36px;
	border-radius: 20px;
}

.nanews{
	padding: 113px 0;
	background: url(../images/abnbg.jpg) no-repeat;
	background-size:100% 100%;

}
.nanews h3{
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}

.nanews ul{
	padding-left: 15px;
	margin-top: 25px;
}
.nanews ul li{
	list-style: disc;
	margin-top: 2rem;
	color: #fff;
}
.nanews ul li a{
	color: #fff;
}
.nanews ul li a .tit{
	font-size: 17px;
}
.nanews ul li a .time{
	font-size: 17px;
	margin-top: 5px;
}
.nanews .nanewsnav{
	margin-top: 2rem;
}
.nanews .nanewsnav a{
	display: inline-block;
	font-size: 20px;
	width: 190px;
	text-align: center;
	line-height: 50px;
	background: #4489ec;
	color: #fff;
	margin-right: 20px;
}
.nanews .nanewsnav a:last-child{
	margin-right: 0;
}

.nahonor{
	padding: 80px 0;
}
.nahonor .holist{
	margin-top: 4rem;
	position: relative;
	overflow: hidden;
	padding-bottom: 5rem;
}
.nahonor .holist .swiper-pagination-bullet{
	width: 16px;
	height: 6px;
	border-radius: 20px;
}
.nahonor .holist .swiper-pagination-bullet-active{
	background: #204e79;
}

.nahonor .holist .swiper-slide .mbor{
	border: 1px solid #eaeaea;
	text-align: center;
}
.nahonor .holist .swiper-slide .mbor{
	border: 1px solid #eaeaea;
	text-align: center;
}
.nahonor .holist .swiper-slide .mbor .img{
	padding: 15px;
	height: 400px;
	display: grid;
	align-items: center;
    justify-content: center;
    align-content: center;
    overflow: hidden;
}
.nahonor .holist .swiper-slide h4{
	background: #eaeaea;
	font-size: 18px;
	padding: 1rem 0;
	font-weight: normal;
}

.nahyyy{
	background: #f2f2f2;
	padding: 80px 0;
}
.nhylist{
	display: flex;
	flex-wrap: wrap;
	margin-top:1rem;
}
.nhylist .item{
	width: 24%;
	margin-right: 1.33%;
	margin-top: 1.5%;
}
.nhylist .item .img{
	position: relative;
}
.nhylist .item .img .con{
	display: grid;
	top: 0;
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	align-items: center;
	height: 100%;
}
.nhylist .item .img .con h4{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-shadow: 0px 2px 10px rgba(0,0,0,0.7);
}
.nhylist .item:nth-child(4n){
	margin-right: 0;
}

.gray_box h2{
	font-size:30px ;
	color: #fff;
	text-align: center;
	background: #278bd9;
	padding: 10px 0;
}
.gray_box .zxtj{
	background: #f7f7f7;
	padding: 5px 15px;
}

.gray_box .zxtj li{
	border-top: 1px solid #d0d0d0;
	padding: 15px 0;
}
.gray_box .zxtj li a h6{
	font-size: 20px;
	color: #000;
	line-height: 1.6;
}
.gray_box .zxtj li a p{
	font-size: 14px;
	color: #333333;
	line-height: 1.7;
	margin-top: 1rem;
}

.gray_box .zxtj li:first-child{
	border-top: none;
}
.morecase{
	padding: 80px 0;
}
.morecase h2{
	font-size: 45px;
	color: #333333;
}
.morecase .mcaselist{
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
}
.morecase .mcaselist .item{
	width: 24%;
	margin-right: 1.33%;
}
.morecase .mcaselist .item h4{
	color: #333333;
	font-size: 18px;
	text-align: center;
	padding: 15px 0;
	background: #f5f5f5;
}
.morecase .mcaselist .item:nth-child(4n){
	margin-right: 0;
}

.position{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0,0.4);
}
.position .polist{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.position .polist .pol{
	color: #a5a5a5;
	font-size: 16px;
}
.position .polist .pol a{
	color: #a5a5a5;
	font-size: 16px;


}
.position .polist .por a{
	color: #ffffff;
	font-size: 18px;
	position: relative;
	display: inline-block;
	padding: 25px 0;
	margin-right: 20px;

}
.position .polist .por a:last-child{
	margin-right: 0;
}
.position .polist .por a:hover:after{
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #278bd9;
}
.position .polist .por a.active:after{
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #278bd9;
}

.newslist{
	background: #f7f7f7;
	padding: 2rem 0;
}
.nnlist{
	display: flex;
	flex-wrap: wrap;
}
.nnlist .item{
	width: 32.33%;
	margin-right: 1.5%;
	background: #fff;
	padding: 1rem 1.5rem;
	margin-top: 1.5%;
}
.nnlist .item .date{
	font-size: 13px;
	color: #333333;
}
.nnlist .item .img img{
	transition: .6s;
}
.nnlist .item .img{
	height: 320px;
	overflow: hidden;
	display: grid;
	align-items: center;
    align-content: center;
}
.nnlist .item:hover .img img{
	transform: scale(1.1);
}
.nnlist .item h4{
	font-size: 21px;
	color: #333333;
	margin: 10px 0;
	font-weight: bold;
}
.nnlist .item .con{
	font-size: 14px;
	color: rgba(51, 51, 51, 0.8);
	margin: 15px 0;
	line-height: 1.7;
}
.nnlist .item:nth-child(3n){
	margin-right: 0;
}

.newcon{
	background: #f7f7f7;
	padding: 100px 0;
}
.newcon .newncon{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newcon .newncon .nl{
	width: 70%;
	background: #fff;
}
.newcon .newncon .nl .ntop{

	padding: 1.2rem 1rem;
}
.newcon .newncon .nl .ntop h4{
	font-size: 30px;
	color: #333333;
	font-weight: normal;
}
.newcon .newncon .nl .ntop .date{
	font-size: 14px;
	color: rgba(51, 51, 51, 0.5);
	font-weight: normal;
	margin-top: 10px;

}
.newcon .newncon .nl .ncon{
	padding: 1.5rem 1rem;
		border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
.newcon .newncon .nl .ncnp{
	padding: 1rem;
	
}
.newcon .newncon .nl .ncnp p{
	margin: 8px 0;
}
.newcon .newncon .nl .ncnp p a{
	color: #333;
	font-size: 20px;
}
.newcon .newncon .nr{
	width: 27%;

}
.newcon .newncon .nr h2{
	font-size:30px ;
	color: #fff;
	text-align: center;
	background: #278bd9;
	padding: 10px 0;
}
.newcon .newncon .nr .zxtj{
	padding: 5px 15px;
	background: #fff;
}

.newcon .newncon .nr .zxtj li{
	border-top: 1px solid #d0d0d0;
	padding: 15px 0;
}
.newcon .newncon .nr .zxtj li a h6{
	font-size: 20px;
	color: #000;
	line-height: 1.6;
}
.newcon .newncon .nr .zxtj li a p{
	font-size: 14px;
	color: #333333;
	line-height: 1.7;
	margin-top: 1rem;
}

.newcon .newncon .nr  .zxtj li:first-child{
	border-top: none;
}


.ncontact{
	background: #f5f5f5;
	padding: 100px 0;
}
.ncontact h2{
	font-size: 45px;
	color: #000;
	text-align: center;
	margin-bottom: 2rem;

}
.feed{
	padding: 60px 0;
}
.feedlist{
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1500px;
	margin: auto;
}
.feedlist li{
	width: 49%;
	margin-top: 15px;
}
.feedlist li p{
	color: #333;
	font-size: 16px;
}
.feedlist li input{
	width: 100%;
	padding: 15px 20px;
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	margin-top: 15px;
	color: #a8a6a9;
	font-size: 15px;
}
.feedlist li textarea{
	height: 200px;
	width: 100%;
	padding: 15px 20px;
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	margin-top: 15px;
	font-size: 15px;
	color: #a8a6a9;
}
.feedlist li:last-child{
	width: 100%;
}
.feed .sub{
	width: 150px;
	margin:25px auto 0;
	background: #278bd9;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: block;
	line-height: 40px;
	border-radius: 20px;
	cursor: pointer;
}

.conmap{
	background: #f5f5f5;
	padding: 60px 0;
}
.conmap .maplist .item{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.conmap .maplist .item .iteml{
	width: 49%;
}
.conmap .maplist .item .itemr{
	width: 49%;
}
.conmap .maplist .item .itemr h3{
	font-size: 30px;
	color: #333;
	font-weight: bold;
}
.conmap .maplist .item .itemr .con{
	margin-top: 2rem;
}

.pnav{
	background: #e5e5e5;
	padding: 30px 0;
}
.pnav .pnavlist{
	display: flex;
	justify-content: space-between;
}
.pnav .pnavlist li a{
	font-size: 24px;
	color: #000;
	display: inline-block;
	padding: 18px 15px;
	border-radius: 50px;
	font-weight: 600;
	
}
.pnav .pnavlist li:hover a{
	background: #278bd9;
	color: #fff;
}

.pnav .pnavlist li.active a{
	background: #278bd9;
	color: #fff;
}
.npro{
	padding: 60px 0 100px;
}
.tpsear{
	border-bottom: 1px solid #e4e4e4;
	padding: 60px 0;
}
.psearch{
	max-width: 800px;
	margin: auto;
	position: relative;
}
.psearch input{
	width: 100%;
	background: #f2f2f2;
	border-radius: 50px;
	line-height: 56px;
	padding:0 30px;
	font-size: 16px;
}
.psearch button{
	position: absolute;
	top: 0;
	right: 0;
	background: #278bd9;
	line-height: 56px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	width: 70px;
	text-align: center;
	cursor: pointer;
}
.psearch button img{
	width: 30px;
}

.npro .nprolist{
	display: flex;
	flex-wrap: wrap;
}
.npro .nprolist .item{
	width: 24%;
	margin-right: 1.33%;
	margin-top: 1.5%;
}
.npro .nprolist .item .img{
	/*height: 400px;*/
	display: grid;
	align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    background-size:cover;
    background-repeat: no-repeat;
}
.npro .nprolist .item .img img{
    /*max-width: 350px;*/
    /*max-height: 400px;*/
}
.npro .nprolist .item h4{
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
	height: 62px;
}
.npro .nprolist .item .con{
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;				
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
	margin: 15px 0;
	line-height: 1.6;
	height: 48px;

}
.npro .nprolist .item .nmore{
	opacity: 0;
	transition: .8s;
}
.npro .nprolist .item .nmore .lj{
	background: #2f353d;
	color: #fff;
	display: inline-block;
	margin-right: 3%;
	width: 45%;
	text-align: center;
	line-height: 42px;
}
.npro .nprolist .item .nmore .zx{
	background: #e8ebee;
	color: #333;
	display: inline-block;
	width: 45%;
	text-align: center;
	line-height: 42px;
}
.npro .nprolist .item:nth-child(4n){
	margin-right: 0;
}
.npro .nprolist .item .img{
    transition: .5s all;
}
.npro .nprolist .item:hover .img{
    transform: scale(1.05);
}
.npro .nprolist .item:hover .s11 {
	transition: .5s all;
}
.npro .nprolist .item:hover .s11{
	/*transform: scale(1.05);*/
}
.npro .nprolist .item:hover .nmore{
	opacity: 1;
}
.box img{
	max-width: 80%;
}

.prodetail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
	padding-bottom: 30px;
	margin-left: 50px;
}
.prodetail .prodl{
	width: 50%;
}
/*.prodetail .prodl .prodlt{*/
/*	border: 1px solid #bfbfbf;*/
/*	text-align: center;*/
/*	padding: 20px;*/
/*}*/

.prodetail .prodl .prodlt .img{
	display: none;

}
.prodetail .prodl .prodlt .active{
	display: grid;
	/*height: 360px;*/
	align-items: center;
	align-content: center;
	justify-items: center;
	overflow: hidden;
}
.prodetail .prodl .prodlt .active img{
    width: 95%;
}
.prodetail .prodl .prodlb{
	display: flex;
	flex-wrap: wrap;
}
.prodetail .prodl .prodlb .item{
	width: 16%;
	margin-right: 0.792%;
	margin-top: 10px;
}
.prodetail .prodl .prodlb .item .img{
	border: 1px solid rgba(0,0,0,0);
	padding: 5px;
	/*height: 90px;*/
	display: grid;
	align-items: center;
	align-content: center;
	justify-items: center;
	overflow: hidden;
}
.prodetail .prodl .prodlb .item .img img{
	width: 90%;
}
.prodetail .prodl .prodlb .swiper-slide-thumb-active .img{
	border: 1px solid #4aaad2;
}
.prodetail .prodl .prodlb .item:nth-child(6n){
	margin-right: 0;
}
.prodetail .prodr{
	width: 45%;
}
.prodetail .prodr h2{
	color: #333333;
	font-size: 40px;
	font-weight: normal;
}
.prodetail .prodr .cptd{
	margin-top: 15px;
}
.prodetail .prodr .cptd h4{
	background: #6e7071;
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 100%;
	font-weight: bold;
	border-radius: 2px;
	line-height: 40px;
	margin-bottom: 15px;

}
.prodetail .prodr .cpgn{
	margin-top: 15px;
}
.prodetail .prodr .cpgn h4{
	background: #a7acae;
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 100%;
	font-weight: bold;
	border-radius: 2px;
	line-height: 40px;
	margin-bottom: 15px;
}
.cpgn tr td>span{
					            line-height: 1.3!important;
					            float: left;
					            width:70%!important;
					            margin-left: 4%!important;
					        }
.cpgn tr td span{
					            line-height: 1.3!important;

					        }
					        .cpgn tr td .icon{
					            float: left;
					            width:35px!important;
					        }
.cptd tr td>span{
					            line-height: 1.3!important;
					            float: left;
					            width:70%!important;
					            margin-left: 4%!important;
					        }
.cptd tr td span{
					            line-height: 1.3!important;

					        }
					        .cptd tr td .icon{
					            float: left;
					            width:35px!important;
					        }
					        .cptd tr td .icon img{
					            height: auto!important;
					        }
					        .cpgn tr td .icon img{
					            height: auto!important;
					        }

.page{
	margin-top: 1rem;
	padding: 1rem 0;
}
.page-select{
    display: none;
}
.page .pagination {
  display: flex;
  justify-content: center;
  justify-content: center;
}


.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 2px;
}
.page-status,.page-index ,.page-last{
    display: none;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
}
.pagination a:hover {
  color: #1693fd;
  border: 1px solid #1693fd;

}
.pagination a.page-num-current {
  color: #1693fd;
  background: none;
  border: 1px solid #1693fd;

}

@media(max-width:1300px){
    .nbanner .con p{
	font-size: 18px;

}
}
@media(max-width: 780px){
	.nbanner .con h2{
		font-size: 24px;
	}
	.nbanner .con p{
		font-size: 14px;
	}
	.nabout{
		padding: 40px 0;
	}
	.nanews{
		padding: 40px 0;
	}
	.nanews h3{
		font-size: 24px;
	}
	.nanews ul li a .tit{
		font-size: 16px;
	}
	.nanews ul li a .time{
		font-size: 16px;
	}
	.nanews .nanewsnav a{
		font-size: 15px;
		width: 160px;
		line-height: 36px;
	}
	.nahonor{
		padding: 40px 0;
	}
	.nhylist .item{
		width: 49%;
		margin-right: 2%!important;
	}
	.nhylist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.nhylist .item .img .con h4{
		font-size: 16px;
	}
	.position .polist .pol{
		font-size: 14px;
	}
	.position .polist .pol a{
		font-size: 14px;
	}
	.position .polist .por a{
		padding: 10px 0;
		font-size: 14px;
	}
	.nnlist .item{
		width: 49%;
		margin-right: 2%!important;
		padding: 0.5rem .6rem;
	}
	.nnlist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.nnlist .item h4{
		font-size: 16px;
	}
	.nnlist .item .img{
		height: 160px;
	}
	.nnlist .item .con{
		 word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; /* 这里是超出几行省略 */

    overflow: hidden;
	}
	.newcon{
		padding: 40px 0;
	}
	.newcon .newncon .nl{
		width: 100%;
	}
	.newcon .newncon .nl .ntop h4{
		font-size: 18px;
	}
	.newcon .newncon .nl .ncnp p a{
		font-size: 14px;
	}
	.newcon .newncon .nr{
		width: 100%;
		margin-top: 2rem;
	}
	.newcon .newncon .nr h2{
		font-size: 18px;
	}
	.newcon .newncon .nr .zxtj li a h6{
		font-size: 16px;
	}
	.pnav{
		padding: 10px 0;
	}
	.pnav .pnavlist li a{
		font-size: 16px;
		padding: 10px;
	}
	.pnav .pnavlist{
		flex-wrap: wrap;
		justify-content: center;
	}
	.pnav .pnavlist li{
		width: 50%;
		margin-top: 1.5%;
		text-align: center;
	}
	.npro .nprolist .item .img img{
	    max-width: 100%;
	}
	
	.tpsear{
		padding: 15px 0;
	}
	.psearch input{
		line-height: 36px;
	}
	.psearch button{
		line-height: 32px;
		border: none;
	}
	.psearch button img{
		width: 20px;
	}
	.npro{
		padding: 40px 0;
	}
	.npro .nprolist .item{
		width: 49%;
		margin-right: 2%!important;
	}
	.npro .nprolist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.npro .nprolist .item .img{
		height: 200px;
	}
	.npro .nprolist .item h4{
		font-size: 16px;
		height: 45px
	}
	.npro .nprolist .item .con{
		margin: 8px 0;
	}
	.npro .nprolist .item .nmore{
		opacity: 1;
	}
	.prodetail .prodl{
		width: 100%;
	}
	.prodetail .prodr{
		width: 100%;
	}
	.mpb{
		display: none;
	}

	.prodetail .prodr h2{
		font-size: 20px;
		margin: 15px 0;
	}

	
	/*.cptd table tr td  span{*/
	/*    margin-left: 0!important;*/
	/*    line-height: 1.6!important;*/
	/*    padding-left: 0px!important;*/
	/*}*/
	/*.cptd table tr td .icon{*/
	/*	width: 30px!important;*/
	/*	padding-left: 0!important;*/
	/*	margin-right: 5px;*/
	/*}*/
	.cptd tr{
					            display: flex;
					            flex-wrap: wrap;
					            justify-content: space-between;
					        }
					        .cptd tr td{
					            float: left;
					            width: 49%;
					             padding:0!important;
					        }
					        .cptd tr td>span{
					            line-height: 1.3!important;
					            float: left;
					            width:70%!important;
					            margin-left: 4%!important;
					        }
					        .cptd tr td span{
					            line-height: 1.3!important;
					            
					        }
					        .cptd tr td .icon{
					            float: left;
					            width:16%!important;
					        }
					        .cptd tr td .icon img{
					            height: auto!important;
					        }
					        .cptd tr td span strong{
					            font-size: 16px!important;
					        }
					        .tech-para table tr td{
					            padding:0.5rem 0!important;
					        }
	
	
	
	.cpgn tr{
					            display: flex;
					            flex-wrap: wrap;
					            justify-content: space-between;
					        }
					        .cpgn tr td{
					            float: left;
					            width: 49%;
					             padding:0!important;
					        }
					        
					        .cpgn tr td>span{
					            line-height: 1.3!important;
					            float: left;
					            width:70%!important;
					            margin-left: 4%!important;
					        }
					        .cpgn tr td span{
					            line-height: 1.3!important;
					        }
					        .cpgn tr td .icon{
					            float: left;
					            width:16%!important;
					        }
					        .cpgn tr td .icon img{
					            height: auto!important;
					        }
					        .cpgn tr td span strong{
					            font-size: 16px!important;
					        }
					        .tech-para table tr td{
					            padding:0.5rem 0!important;
					        }
	/*.cpgn table tr td  span{*/
	/*    margin-left: 0px!important;*/
	/*    line-height: 1.6!important;*/
	/*    padding-left: 0px!important;*/
	/*}*/
	/*.cpgn table tr td .icon{*/
	/*	width: 30px!important;*/
	/*	padding-left: 0!important;*/
	/*	margin-right: 5px;*/
	/*}*/
	.gray_box{
        width: 100%;
        margin-top: 2rem;
    }
    .gray_box h2{
        font-size: 18px;
    }
    .gray_box .zxtj li a h6{
        font-size: 16px;
    }
    .industry_content .wrap2 .text_wrap .title{
    	font-size: 24px;
    }
    .industry_content .wrap2 .manager{
    	width: 49%;
    	margin-right: 2%!important;
    	margin-left: 0!important;
    }
    .industry_content .wrap2 .manager:nth-child(2n){
    	margin-right: 0!important;

    }
    .industry_content .wrap2 .man_text{
    	padding: 1rem ;
    }
    .morecase{
    	padding: 40px 0;
    }
    .morecase h2{
    	font-size: 24px;
    }
    .morecase .mcaselist .item{
    	width: 49%;
    	margin-right: 2%;
    }
    .morecase .mcaselist .item:nth-child(2n){
    	margin-right: 0!important;
    }
    .morecase .mcaselist .item h4{
    	font-size: 15px;
    	padding: 8px 0;
    }
    .infobox .leftbox{
    	width: 100%;
    	float: none;
    }
    .infobox .rightbox{
    	width: 100%;
    	float: none;
    	margin-top: 1rem;
    }
    .infobox .rightbox .title{
    	height: 4.5rem;
    	line-height: 4.5rem;
    }
    .ncontact{
    	padding: 40px 0;
    }
    .ncontact h2{
    	font-size: 24px;
    }
    .feed{
    	padding: 40px 0;
    }
    .feedlist li input{
    	padding: 10px ;
    }
    .feed .sub{
    	border: none;
    }
    .conmap .maplist .item .iteml{
    	width: 100%;
    }
    .conmap .maplist .item .itemr{
    	width: 100%;
    	margin-top: 1rem;
    }
    .nbanner .con{
        top:-50px;
    }
    .nabout .con{
        height: 85px;
    }
    .conmap .maplist .item .itemr .con span{
        font-size: 18px!important;
        line-height:1.6;
    }
    .prodetail .prodl .prodlt .active img{
        width: 100%;
    }
    .nprolist .item a .s11{
        opacity: 1;
    }
    .cloudzoom-zoom{
        left: 15px!important;
    }
    .prodetail{
        margin-left: 0;
    }
    .box img{
        max-width: 100%;
    }
    .ccw .possition{
        width:100%;
    }
    .ccw .psearch{
        width:100%!important;
        margin-top:25px!important;
    }
    .prod-top-nav{
        display: none;
    }
}

/* ===== foot.css ===== */
.foot {
  width: 100%;
  background: rgb(39, 54, 74);
}
.foot_top{
  width: 100%;
}
.foot_top .rq{
  width: 100%;
  display: flex;
  justify-content: space-between;
  /*border-bottom: 1px solid rgb(50,64,83);*/
}
.foot_top .rq .lef{
  width: 67%;
  padding-top: 68px;
  padding-bottom: 56px;
  border-right: 1px solid rgb(50,64,83);
}
.foot_top .rq .lef .div{
  width: 25%;
  float: left;
}
.foot_top .rq .lef .div a{
  font-size: 16px;
  color: #ffffff;
  opacity: 0.6;
  display: block;
  margin-bottom: 5px;
  /*font-family: "Alibaba_lig";*/
}
.foot_top .rq .lef .div a:hover{
  opacity: 1;
}
.foot_top .rq .lef .div a:first-child{
  font-size: 24px;
  opacity: 1;
  margin-bottom: 26px;
}
.foot_top .rq .rig{
  /*width: 33%;*/
  padding-top: 68px;
  padding-left: 90px;
  background: url(../images/fmap.png) no-repeat left;
  background-size: 100%;

}
.foot_top .rq .rig .p1{
  font-size: 20px;
  color: #ffffff;
}
.foot_top .rq .rig .p2{
  font-size: 48px;
  color: #ffffff;
  /*font-family: "arial";*/
  margin-top: 12px;
  padding-bottom: 14px;
}
.foot_top .rq .rig .p3{
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 5px;
}
.foot_top .rq .rig .div{
  width: 100%;
  margin-top: 22px;
}
.foot_top .rq .rig .div a{
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #364860;
  opacity: 0.5;
  position: relative;
  margin-right: 10px;
}
.foot_top .rq .rig .div a:hover{
  opacity: 1;
}
.foot_top .rq .rig .div a img{
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.foot_top .rq .rig .div a .div1{
  width: 100px;
  height: 0px;
  background: #fff;
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  overflow: hidden;
  transition: all .5s;
  transition: height 1s;
}
.foot_top .rq .rig .div a:hover .div1{

  height: 100px;
  z-index: 1;
  opacity: 1;
  padding: 10px;
  
}
.foot_top .rq .rig .div a .div1 img{
  width: 100%;
}
.foot_bot{
  /*padding: 32px 0;*/
}
.foot_bot .mywarp .foot_p:first-child{
    border-top:1px solid rgb(50,64,83);
    border-bottom:1px solid rgb(50,64,83);
    padding:20px 0;
    
}
.foot_bot .mywarp .foot_p:last-child{
    padding:15px 0;
}
.foot_bot p span,
.foot_bot p a{
  font-size: 14px;
  color: #ffffff;
}
.foot_bot p span,
.foot_bot p a{
  opacity: 0.5;
}
.foot_bot p a:hover{
  opacity: 1;
}

@media(max-width:1920px){
    .foot_top .rq .rig{
        width: 33%;
    }
}
@media (max-width: 1459px) {
  .foot_top .rq .lef {
  padding-top: 42px;
  padding-bottom: 36px;
}
.foot_top .rq .lef .div a:first-child {
  font-size: 18px;
  margin-bottom: 16px;
}
.foot_top .rq .lef .div a {
  font-size: 14px;
}
.foot_top .rq .rig {
  padding-top: 40px;
  padding-left: 60px;
}
.foot_top .rq .rig .p1 {
  font-size: 16px;
}
.foot_top .rq .rig .p2 {
  font-size: 32px;
  margin-top: 10px;
  padding-bottom: 10px;
}
.foot_top .rq .rig .p3 {
  font-size: 13px;
  margin-bottom: 4px;
}
.foot_top .rq .rig .div a {
  width: 30px;
  height: 30px;
}
.foot_top .rq .rig .div a img {
  width: 18px;
}
.foot_bot {
  padding: 24px 0;
}
.foot_top .rq .rig .div a:hover .div1{
  height: 60px;
}
.foot_top .rq .rig .div a .div1{
  width: 60px;
  top: 40px;
}
}
@media (max-width: 991px) {
  .foot_top{
   display: none;
 }
 .foot_bot {
  padding-bottom: 70px;
}
}
@media (max-width: 414px) {
  .foot_bot p span{
    display: block;
  }
}
.foot_p{
  color: rgba(255, 255, 255, .5);
}

.foot_p.links{
  max-height: 44px;
  line-height: 22px;
  overflow-y: scroll;
}
.foot_p.links::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 1px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}
.foot_p.links::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    background: rgba(255, 255, 255, .5);
}