@charset "UTF-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

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

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

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

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

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

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/*
* name: ui.css
* version: v1.1.14
* update: 表格从1240px起进入响应模式
* date: 2017-05-23
*/

/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{ background: #ebeff0 }
body,input,select,textarea,button {  font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
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: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

/*字体字号*/
.fz14{font-size:14px}.fz15{font-size:15px}.fz16{font-size:16px}.fz17{font-size:17px}.fz18{font-size:18px}.fz19{font-size:19px}.fz20{font-size:20px}.fz21{font-size:21px}.fz22{font-size:22px}.fz23{font-size:23px}.fz24{font-size:24px}.fz25{font-size:25px}.fz26{font-size:26px}.fz27{font-size:27px}.fz28{font-size:28px}.fz29{font-size:29px}.fz30{font-size:30px}.fz31{font-size:31px}.fz32{font-size:32px}.fz33{font-size:33px}.fz34{font-size:34px}.fz35{font-size:35px}.fz36{font-size:36px}.fz37{font-size:37px}.fz38{font-size:38px}.fz39{font-size:39px}.fz40{font-size:40px}.fz41{font-size:41px}.fz42{font-size:42px}.fz43{font-size:43px}.fz44{font-size:44px}.fz45{font-size:45px}.fz46{font-size:46px}.fz47{font-size:47px}.fz48{font-size:48px}.fz49{font-size:49px}.fz50{font-size:50px}

/*动效*/
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/* table */
.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.datalist caption { padding-bottom:5px;}
.datalist th {font-weight:700; padding:5px 15px; border:1px solid #ccc; background:#eee;}
.datalist td {padding:5px 15px; border:1px solid #ccc;}
.datalist tr.altrow { background:#ccc;}

.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td { line-height: 1.42857143; padding: 8px; vertical-align: inherit; border-top: 1px solid #ddd;}
.table >thead >tr >th { vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table >caption +thead >tr:first-child >th, .table >colgroup +thead >tr:first-child >th, .table >thead:first-child >tr:first-child >th, .table >caption +thead >tr:first-child >td, .table >colgroup +thead >tr:first-child >td, .table >thead:first-child >tr:first-child >td { border-top: 0;}
.table >tbody +tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed >thead >tr >th, .table-condensed >tbody >tr >th, .table-condensed >tfoot >tr >th, .table-condensed >thead >tr >td, .table-condensed >tbody >tr >td, .table-condensed >tfoot >tr >td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >tbody >tr >th, .table-bordered >tfoot >tr >th, .table-bordered >thead >tr >td, .table-bordered >tbody >tr >td, .table-bordered >tfoot >tr >td { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >thead >tr >td { 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 >thead >tr >td.active, .table >tbody >tr >td.active, .table >tfoot >tr >td.active, .table >thead >tr >th.active, .table >tbody >tr >th.active, .table >tfoot >tr >th.active, .table >thead >tr.active >td, .table >tbody >tr.active >td, .table >tfoot >tr.active >td, .table >thead >tr.active >th, .table >tbody >tr.active >th, .table >tfoot >tr.active >th { background-color: #f5f5f5;}
.table-hover >tbody >tr >td.active:hover, .table-hover >tbody >tr >th.active:hover, .table-hover >tbody >tr.active:hover >td, .table-hover >tbody >tr:hover >.active, .table-hover >tbody >tr.active:hover >th { background-color: #e8e8e8;}
.table >thead >tr >td.success, .table >tbody >tr >td.success, .table >tfoot >tr >td.success, .table >thead >tr >th.success, .table >tbody >tr >th.success, .table >tfoot >tr >th.success, .table >thead >tr.success >td, .table >tbody >tr.success >td, .table >tfoot >tr.success >td, .table >thead >tr.success >th, .table >tbody >tr.success >th, .table >tfoot >tr.success >th { background-color: #dff0d8;}
.table-hover >tbody >tr >td.success:hover, .table-hover >tbody >tr >th.success:hover, .table-hover >tbody >tr.success:hover >td, .table-hover >tbody >tr:hover >.success, .table-hover >tbody >tr.success:hover >th { background-color: #d0e9c6;}
.table >thead >tr >td.info, .table >tbody >tr >td.info, .table >tfoot >tr >td.info, .table >thead >tr >th.info, .table >tbody >tr >th.info, .table >tfoot >tr >th.info, .table >thead >tr.info >td, .table >tbody >tr.info >td, .table >tfoot >tr.info >td, .table >thead >tr.info >th, .table >tbody >tr.info >th, .table >tfoot >tr.info >th { background-color: #d9edf7;}
.table-hover >tbody >tr >td.info:hover, .table-hover >tbody >tr >th.info:hover, .table-hover >tbody >tr.info:hover >td, .table-hover >tbody >tr:hover >.info, .table-hover >tbody >tr.info:hover >th { background-color: #c4e3f3;}
.table >thead >tr >td.warning, .table >tbody >tr >td.warning, .table >tfoot >tr >td.warning, .table >thead >tr >th.warning, .table >tbody >tr >th.warning, .table >tfoot >tr >th.warning, .table >thead >tr.warning >td, .table >tbody >tr.warning >td, .table >tfoot >tr.warning >td, .table >thead >tr.warning >th, .table >tbody >tr.warning >th, .table >tfoot >tr.warning >th { background-color: #fcf8e3;}
.table-hover >tbody >tr >td.warning:hover, .table-hover >tbody >tr >th.warning:hover, .table-hover >tbody >tr.warning:hover >td, .table-hover >tbody >tr:hover >.warning, .table-hover >tbody >tr.warning:hover >th { background-color: #faf2cc;}
.table >thead >tr >td.danger, .table >tbody >tr >td.danger, .table >tfoot >tr >td.danger, .table >thead >tr >th.danger, .table >tbody >tr >th.danger, .table >tfoot >tr >th.danger, .table >thead >tr.danger >td, .table >tbody >tr.danger >td, .table >tfoot >tr.danger >td, .table >thead >tr.danger >th, .table >tbody >tr.danger >th, .table >tfoot >tr.danger >th { background-color: #f2dede;}
.table-hover >tbody >tr >td.danger:hover, .table-hover >tbody >tr >th.danger:hover, .table-hover >tbody >tr.danger:hover >td, .table-hover >tbody >tr:hover >.danger, .table-hover >tbody >tr.danger:hover >th { background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 1240px) { 
    .table-responsive {overflow-y: hidden;  width: 100%; margin-bottom: 15px; border: 1px solid #ddd;-ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive >.table { margin-bottom: 0;}
    .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td { white-space: nowrap;}
    .table-responsive >.table-bordered { border: 0;}
    .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child { border-left: 0;}
    .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child { border-right: 0;}
    .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td { border-bottom: 0;}
}

/* btn */
.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0; padding: 4px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none;}
.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333;}
.btn:active, .btn.active { outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65);}
.btn-default { color: #333; border-color: #ccc; background-color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default { color: #333; border-color: #adadad; background-color: #e6e6e6;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff;}
.btn-primary { color: #fff; border-color: #2e6da4; background-color: #337ab7;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary { color: #fff; border-color: #204d74; background-color: #286090;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #2e6da4; background-color: #337ab7;}
.btn-success { color: #fff; border-color: #4cae4c; background-color: #5cb85c;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open >.dropdown-toggle.btn-success { color: #fff; border-color: #398439; background-color: #449d44;}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #4cae4c; background-color: #5cb85c;}
.btn-info { color: #fff; border-color: #46b8da; background-color: #5bc0de;}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open >.dropdown-toggle.btn-info { color: #fff; border-color: #269abc; background-color: #31b0d5;}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: #46b8da; background-color: #5bc0de;}
.btn-warning { color: #fff; border-color: #eea236; background-color: #f0ad4e;}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open >.dropdown-toggle.btn-warning { color: #fff; border-color: #d58512; background-color: #ec971f;}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: #eea236; background-color: #f0ad4e;}
.btn-danger { color: #fff; border-color: #d43f3a; background-color: #d9534f;}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open >.dropdown-toggle.btn-danger { color: #fff; border-color: #ac2925; background-color: #c9302c;}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: #d43f3a; background-color: #d9534f;}
.btn-link { font-weight: normal; 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:hover, .btn-link:focus, .btn-link:active { border-color: transparent;}
.btn-link:hover, .btn-link:focus { text-decoration: underline; color: #23527c; background-color: transparent;}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: #777;}
.btn-lg { font-size: 18px; height: 46px;line-height: 46px; padding: 0 16px; *height: 48px;}
.btn-sm { font-size: 12px; height:28px;line-height: 24px; padding: 0 10px; }
.btn-xs { font-size: 12px; height:22px;line-height: 22px; padding: 0 5px;}
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block +.btn-block { margin-top: 5px;}
.btn .jon, .form-mark .jon { line-height: 1.2; margin: 0; vertical-align: baseline;}
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%;}

/* form */
.form-control { line-height: 34px; height: 34px; padding: 0 10px; display: block; width: 100%; 
  -webkit-transition: border-color ease-in-out 0.1s; box-sizing:border-box;vertical-align: middle;
  transition: border-color ease-in-out 0.1s; color: #555; border: 1px solid #ccc; 
  background: #fff; *padding: 0;}
.form-control::-moz-placeholder { opacity: 1; color: #999;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control.blank { border-width: 0 0 1px 0;background:none;}
.form-control.blank:focus{box-shadow: none;border-radius: 0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: #eee;}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}
textarea.form-control { height: auto;}
select.form-control{padding:0 8px;}
input[type='search'] { -webkit-appearance: none;}

.form-group { margin-bottom: 14px;}
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label { font-weight: normal; min-height: 20px; margin-bottom: 0; padding-left: 20px; cursor: pointer;}
.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { 
  float: left; margin-left: -20px;margin-top: 5px; *margin-top: -2px;}
.radio +.radio, .checkbox +.checkbox { margin-top: -5px;}
.radio-inline, .checkbox-inline { font-weight: normal; position: relative; display: inline-block; margin-bottom: 0; padding-left: 20px; cursor: pointer; vertical-align: middle;}
.radio-inline +.radio-inline, .checkbox-inline +.checkbox-inline { margin-top: 0; margin-left: 10px;}
input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='radio'].disabled, input[type='checkbox'].disabled, fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'] { cursor: not-allowed;}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed;}
.form-control-static { height: 34px;line-height: 34px;}
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0;}
.input-sm { font-size: 12px; height: 28px; line-height: 28px; }
select.input-sm { padding:0 .5em;}
textarea.input-sm, select[multiple].input-sm { height: auto;}
.form-group-sm .form-control { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px;}
select.form-group-sm .form-control { line-height: 30px; height: 30px;}
textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto;}
.form-group-sm .form-control-static { font-size: 12px; line-height: 1.5; height: 30px; min-height: 32px; padding: 5px 10px;}
.input-lg { font-size: 18px; line-height: 46px; height: 46px; }
select.input-lg { line-height: 46px; height: 46px;}
textarea.input-lg, select[multiple].input-lg { height: auto;}
.form-group-lg .form-control { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.form-group-lg .form-control { line-height: 46px; height: 46px;}
textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto;}
.form-group-lg .form-control-static { font-size: 18px; line-height: 1.3333333; height: 46px; min-height: 38px; padding: 10px 16px;}
.has-feedback { position: relative;}
.has-feedback .form-control { padding-right: 42.5px; *padding-right: 0;}
.control-label { font-weight: bold;}
.form-control-feedback { line-height: 34px; position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 34px; height: 34px; text-align: center; pointer-events: none;}
.input-lg +.form-control-feedback { line-height: 46px; width: 46px; height: 46px;}
.input-sm +.form-control-feedback { line-height: 30px; width: 30px; height: 30px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d;}
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8;}
.has-success .form-control-feedback { color: #3c763d;}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b;}
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3;}
.has-warning .form-control-feedback { color: #8a6d3b;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #d33835;}
.has-error .form-control { border-color: #d33835; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.has-error .input-group-addon { color: #d33835; border-color: #d33835; background-color: #f2dede;}
.has-error .form-control-feedback { color: #d33835;}
.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;}
.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 .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto;}
.form-inline .input-group >.form-control { width: 100%;}
.form-inline .control-label { margin-bottom: 0; vertical-align: middle;}
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0;}
.form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { position: relative; margin-left: 0;}
.form-inline .has-feedback .form-control-feedback { top: 0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 0.4em;}
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px;}
.form-horizontal .control-label { margin-bottom: 0; height: 34px;line-height: 34px;overflow: hidden; text-align: right;}
.form-horizontal .has-feedback .form-control-feedback { right: 15px;}
.form-horizontal .form-group-lg .control-label { padding-top: 14.333333px;}
.form-horizontal .form-group-sm .control-label { padding-top: 6px;}
.form-mark { display: inline-block; margin: 0 0.3em;}
big.form-mark { font-size: 1.5em;}
.input-group { position: relative; overflow: hidden; border-collapse: separate;*zoom:1;}
.input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0;}
.input-group .form-control { position: relative; z-index: 2; margin-bottom: 0;width: auto;}
.input-group-lg >.form-control, .input-group-lg >.input-group-addon, .input-group-lg >.input-group-btn >.btn { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.input-group-lg >.form-control, select.input-group-lg >.input-group-addon, select.input-group-lg >.input-group-btn >.btn { line-height: 46px; height: 46px;}
textarea.input-group-lg >.form-control, textarea.input-group-lg >.input-group-addon, textarea.input-group-lg >.input-group-btn >.btn, select[multiple].input-group-lg >.form-control, select[multiple].input-group-lg >.input-group-addon, select[multiple].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 { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; }
select.input-group-sm >.form-control, select.input-group-sm >.input-group-addon, select.input-group-sm >.input-group-btn >.btn { line-height: 30px; height: 30px;}
textarea.input-group-sm >.form-control, textarea.input-group-sm >.input-group-addon, textarea.input-group-sm >.input-group-btn >.btn, select[multiple].input-group-sm >.form-control, select[multiple].input-group-sm >.input-group-addon, select[multiple].input-group-sm >.input-group-btn >.btn { height: auto;}
.input-group-addon, .input-group-btn, .input-group .form-control { float: left;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;}
.input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap;}
.input-group-addon { font-size: 14px; font-weight: normal;padding: 0 1em; text-align: center; 
  color: #555; border: 1px solid #ccc; border-left-width: 0;border-right-width:0; 
  background-color: #eee;height: 32px;line-height: 32px;border-right-width:1px\9;}
.input-group-addon.input-sm { font-size: 12px; padding: 5px 10px; }
.input-group-addon.input-lg { font-size: 18px; padding: 10px 16px; }
.input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { 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:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child >.btn-group:not(:last-child) >.btn { 
  border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-addon:first-child { border-left-width: 1px;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child >.btn, .input-group-btn:last-child >.btn-group >.btn, .input-group-btn:last-child >.dropdown-toggle, .input-group-btn:first-child >.btn:not(:first-child), .input-group-btn:first-child >.btn-group:not(:first-child) >.btn { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group-addon:last-child { border-right-width: 1px;}
.input-group-btn { font-size: 14px; position: relative; white-space: nowrap;}
.input-group-btn >.btn { position: relative;}
.input-group-btn >.btn +.btn { margin-left: -1px;}
.input-group-btn >.btn:hover, .input-group-btn >.btn:focus, .input-group-btn >.btn:active { 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 { margin-left: -1px;}

/* color */
.text-muted { color: #777;}
.text-primary { color: #337ab7;}
a.text-primary:hover { color: #286090;}
.text-success { color: #3c763d;}
a.text-success:hover { color: #2b542c;}
.text-info { color: #31708f;}
a.text-info:hover { color: #245269;}
.text-warning { color: #f08400;}
a.text-warning:hover { color: #66512c;}
.text-danger { color: #d33835;}
a.text-danger:hover { color: #843534;}
.bg-primary { color: #fff; background-color: #337ab7;}
a.bg-primary:hover { background-color: #286090;}
.bg-success { background-color: #dff0d8;}
a.bg-success:hover { background-color: #c1e2b3;}
.bg-info { background-color: #d9edf7;}
a.bg-info:hover { background-color: #afd9ee;}
.bg-warning { background-color: #fcf8e3;}
a.bg-warning:hover { background-color: #f7ecb5;}
.bg-danger { background-color: #f2dede;}
a.bg-danger:hover { background-color: #e4b9b9;}

/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-size: cover; padding: 0; margin: 0 }
.row{width:101%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}
.row>.span-1{width:7.33333333%}
.row>.span-2{width:15.66666667%}
.row>.span-3{width:24%}
.row>.span-4{width:32.33333333%}
.row>.span-5{width:40.66666667%}
.row>.span-6{width:49%}
.row>.span-7{width:57.33333333%}
.row>.span-8{width:65.66666667%}
.row>.span-9{width:74%}
.row>.span-10{width:82.33333333%}
.row>.span-11{width:90.66666667%}
.row>.span-12{width:99%}
.full-row{width:100%;transition:.2s width ease;*zoom:1}
.full-row:before,.full-row:after{display:table;clear:both;content:''}
.full-row>[class*='span']{float:left}
.full-row>.span-1{width:8.33333333%;*width:8.22333333%}
.full-row>.span-2{width:16.66666667%;*width:16.55666667%}
.full-row>.span-3{width:25%;*width:24.89%}
.full-row>.span-4{width:33.33333333%;*width:33.22333333%}
.full-row>.span-5{width:41.66666667%;*width:41.55666667%}
.full-row>.span-6{width:50%;*width:49.89%}
.full-row>.span-7{width:58.33333333%;*width:58.22333333%}
.full-row>.span-8{width:66.66666667%;*width:66.55666667%}
.full-row>.span-9{width:75%;*width:74.89%}
.full-row>.span-10{width:83.33333333%;*width:83.22333333%}
.full-row>.span-11{width:91.66666667%;*width:91.55666667%}
.full-row>.span-12{width:100%;*width:99.89%}
.row>.pull-right,.full-row>.pull-right{float:right}
.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.pull-left-1{position:relative;left:-8.33333333%}
.pull-left-2{position:relative;left:-16.66666667%}
.pull-left-3{position:relative;left:-25%}
.pull-left-4{position:relative;left:-33.33333333%}
.pull-left-5{position:relative;left:-41.66666667%}
.pull-left-6{position:relative;left:-50%}
.pull-left-7{position:relative;left:-58.33333333%}
.pull-left-8{position:relative;left:-66.66666667%}
.pull-left-9{position:relative;left:-75%}
.pull-left-10{position:relative;left:-83.33333333%}
.pull-left-11{position:relative;left:-91.66666667%}
.pull-left-12{position:relative;left:-100%}
.pull-right-1{position:relative;left:8.33333333%}
.pull-right-2{position:relative;left:16.66666667%}
.pull-right-3{position:relative;left:25%}
.pull-right-4{position:relative;left:33.33333333%}
.pull-right-5{position:relative;left:41.66666667%}
.pull-right-6{position:relative;left:50%}
.pull-right-7{position:relative;left:58.33333333%}
.pull-right-8{position:relative;left:66.66666667%}
.pull-right-9{position:relative;left:75%}
.pull-right-10{position:relative;left:83.33333333%}
.pull-right-11{position:relative;left:91.66666667%}
.pull-right-12{position:relative;left:100%}

@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}
.row>.midd-2{width:15.66666667%}
.row>.midd-3{width:24%}
.row>.midd-4{width:32.33333333%}
.row>.midd-5{width:40.66666667%}
.row>.midd-6{width:49%}
.row>.midd-7{width:57.33333333%}
.row>.midd-8{width:65.66666667%}
.row>.midd-9{width:74%}
.row>.midd-10{width:82.33333333%}
.row>.midd-11{width:90.66666667%}
.row>.midd-12{width:99%}
.midd-hide{display:none}
.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.midd-1{width:8.33333333%}
.full-row>.midd-2{width:16.66666667%}
.full-row>.midd-3{width:25%}
.full-row>.midd-4{width:33.33333333%}
.full-row>.midd-5{width:41.66666667%}
.full-row>.midd-6{width:50%}
.full-row>.midd-7{width:58.33333333%}
.full-row>.midd-8{width:66.66666667%}
.full-row>.midd-9{width:75%}
.full-row>.midd-10{width:83.33333333%}
.full-row>.midd-11{width:91.66666667%}
.full-row>.midd-12{width:100%}
}
@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}
.row>.smidd-2{width:15.66666667%}
.row>.smidd-3{width:24%}
.row>.smidd-4{width:32.33333333%}
.row>.smidd-5{width:40.66666667%}
.row>.smidd-6{width:49%}
.row>.smidd-7{width:57.33333333%}
.row>.smidd-8{width:65.66666667%}
.row>.smidd-9{width:74%}
.row>.smidd-10{width:82.33333333%}
.row>.smidd-11{width:90.66666667%}
.row>.smidd-12{width:99%}
.smidd-hide{display:none}
.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.smidd-1{width:8.33333333%}
.full-row>.smidd-2{width:16.66666667%}
.full-row>.smidd-3{width:25%}
.full-row>.smidd-4{width:33.33333333%}
.full-row>.smidd-5{width:41.66666667%}
.full-row>.smidd-6{width:50%}
.full-row>.smidd-7{width:58.33333333%}
.full-row>.smidd-8{width:66.66666667%}
.full-row>.smidd-9{width:75%}
.full-row>.smidd-10{width:83.33333333%}
.full-row>.smidd-11{width:91.66666667%}
.full-row>.smidd-12{width:100%}
}
@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}
.row>.smal-2{width:15.66666667%}
.row>.smal-3{width:24%}
.row>.smal-4{width:32.33333333%}
.row>.smal-5{width:40.66666667%}
.row>.smal-6{width:49%}
.row>.smal-7{width:57.33333333%}
.row>.smal-8{width:65.66666667%}
.row>.smal-9{width:74%}
.row>.smal-10{width:82.33333333%}
.row>.smal-11{width:90.66666667%}
.row>.smal-12{width:99%}
.smal-hide{display:none}
.smal-show{display:block}
.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}
.full-row>.smal-1{width:8.33333333%}
.full-row>.smal-2{width:16.66666667%}
.full-row>.smal-3{width:25%}
.full-row>.smal-4{width:33.33333333%}
.full-row>.smal-5{width:41.66666667%}
.full-row>.smal-6{width:50%}
.full-row>.smal-7{width:58.33333333%}
.full-row>.smal-8{width:66.66666667%}
.full-row>.smal-9{width:75%}
.full-row>.smal-10{width:83.33333333%}
.full-row>.smal-11{width:91.66666667%}
.full-row>.smal-12{width:100%}
}
/*@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");*/


/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:.1rem 0;padding:.05rem .1rem;vertical-align: middle;margin: 0 0 .1rem -1px;background: #fff; font-size:.16rem ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#0a1e40;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:.1rem; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 .07rem; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size:.14rem; }
.util-page .jumpto_inp{ width:.4rem; text-align: center; height:.37rem; line-height: .37rem; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }

@media only screen and (max-width:760px) {.BdMapArea { display:none; }}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}
.text-center { text-align: center; }
/* 雪碧图 */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html{font-size:100px;}
.wrap { width:15.8rem; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
.flex {display:flex; justify-content:space-between;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto; width: 100%; margin: 0; padding: 0}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;width: 100%}
}
body{font-size:16px; line-height:1.6; color:#222; background:#fff; font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
a{color:inherit;}
a:hover { color:#c92929;}
::-moz-selection {color:#fff; background:#c92929; }
::selection {color:#fff; background:#c92929; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.pc-block{ display: block !important}
.mb-block{ display: none !important }
.white{position: relative;overflow: hidden;}
.white:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.swiper-bnt{ cursor: pointer; }
/* 网站样式 */
.pageHeader{  width: 100%; position: fixed;z-index: 999; left: 0; top: 0;background: linear-gradient(to bottom, #0049a5, rgba(0, 0, 0, 0));}
/*
.pageHeader .h_top {display:flex; justify-content:space-between;}
.pageHeader .h_top .h_left .h_stock{ padding: 0 .2rem; background: #000 }
.pageHeader .h_top .h_left .h_stockt{  background: #d44141 }
.pageHeader .h_top .h_left .h_stock .fa{ font-size: .2rem; margin-right: .05rem; display: inline-block; }
.pageHeader .h_top .h_right{ padding-right: 3% }*/
.pageHeader .h_search{position:relative;cursor:pointer; color: #fff; font-size: .22rem; padding-left: .2rem; font-family:Lato-light,sans-serif; }
.pageHeader .h_search .fa{padding:0 .15rem;}
.pageHeader .h_lang{position:relative; height:100%;  font-size:.22rem; color:#fff; cursor:pointer;  font-family:Lato-light,sans-serif; text-align: center;}
.pageHeader .h_lang .fa-globe{font-size:.22rem; padding:0 .08rem 0 .15rem;}
.pageHeader .h_lang .fa-caret-down{ font-size: .15rem; font-weight: normal;  }
.pageHeader .h_lang .ch-lanz{ position: absolute; left:-.1rem; top:.4rem; opacity: 0;  background: #f5f5f5 ; transition: all .3s; font-size: .15rem; width: 1rem; text-align: center; padding-top: .1rem; display: none;border-radius: .1rem}
.pageHeader .h_lang:hover .ch-lanz{ opacity: 1; height:1rem; display: block; z-index: 9999 }
.pageHeader .h_lang .ch-lanz a{ color: #333; display: block; line-height: .40rem }
.pageHeader .h_lang .ch-lanz a:hover{ text-decoration: underline; }
.pageHeader .h_lang:hover .fa{ color: #d33033 }
.pageHeader .h_stockt{ 
    
 
    color: #fff;
    font-size: .36rem;
    font-family: Lato-bold, sans-serif;
    padding-left: .35rem;
    /* padding-top: .11rem; */
    padding-left: .4rem;
    background: url(../images/top_tel.png) no-repeat 0 0.17rem;
    background-size: .35rem;


}
.pageHeader .h_stockt .fa{ margin-right: .05rem ; font-size: .22rem; font-weight: normal;}
.pageHeader .h_search:hover .fa{ color: #d33033  }

.header{position:relative; z-index:90; padding: .3rem 4%  0; height: 1rem;display:flex; justify-content:space-between;background-color: #fff;}
.header .h_logo{}
.header .h_logo img{ max-width:300px; vertical-align:text-center;  }
.header .h_logo span{display:inline-block; position:relative; vertical-align:text-bottom; font-size:.18rem; color:#222; line-height:.22rem; padding-left:.18rem; margin-left:.18rem; }
.header .h_logo span::before{content:""; position:absolute; left:0; top:50%; height:.42rem; width:1px; margin-top:-0.21rem; background:#ddd;}
.header .h_logo span em{  display: block; }
.header .h_logo span em b{color: #d44141; font-weight: normal;}
.header .h_model{display:flex; margin-right:.3rem; align-items:center;}
.header .h_seller{display:flex; margin-right:.3rem; align-items:center;}
.header .h_seller .icon{margin-right:0;}
.header .h_seller .iconfont{font-size:.26rem; margin:0; line-height:.3rem; font-weight:bold; margin-right:.05rem;}
/*.header .h_stock{display:flex; margin-right:.1em; align-items:center;}*/
.header .h_rank{display:flex; align-items:center;}
.header .h_dealer{display:flex; margin-right:.3rem; align-items:center;}
.header .logo1{ display: block; }
.header .logo2{ display: none; }

/* 提示文字 */
.navtop .h_tools .h_title_box{position:absolute; top:70%; left:60%; font-size:.12rem; color:#fff; background:#828385; border:1px solid #909699; padding:0 .1rem; line-height:.3rem; white-space:nowrap; z-index:11; border-radius:.06rem; opacity:0; visibility:hidden; transition:all .3s ease .3s;}
.navtop .h_tools div:hover .h_title_box{opacity:1; visibility:visible;}

/* 修改滚动条宽度 */
/* .header .nav_down::-webkit-scrollbar{width:0px;}
.header .nav_down::-moz-scrollbar{width:10px;}
.header .nav_down::-webkit-scrollbar-track {background-color:#f2f2f2;}
.header .nav_down::-webkit-scrollbar-thumb {background-color:#888;} */
.header .nav_down.show{opacity:1; visibility:visible; transform:translate(-50%, 0);}




@media (max-width:1680px){
.header .nav_down{height:3.2rem; }  
}

/* 导航 */
.navtop{align-items:stretch; height: 100%}
.navtop .inav_wrapper .nav_li{display:inline-block; padding:0 .2rem;}
.navtop .inav_wrapper .nav_li .nav_a{display:block; padding:.12rem 0 .08rem; font-size:.17rem; line-height:.3rem; color:#fff;}
.navtop .inav_wrapper .nav_li:first-child{padding-left:0;}
.navtop .inav_wrapper .nav_li:hover .nav_a{color:#d44141; }
.navtop .inav_wrapper .nav_li.cur .nav_a{color:#d44141; }
.navtop .inav_wrapper .nav_li .sec_nav {position:absolute; left:0; right:0; top:100%; background:#f3f4f9;  opacity:0; visibility:hidden; transform: translateY(-50px); transition:all .5s ease; z-index:-2; box-shadow:1px 1px 3px rgba(0,0,0, 0.05); min-height: 3.2rem }
.navtop .inav_wrapper .nav_li .sec_nav .wrap{display: flex;justify-content:space-between }
.navtop .inav_wrapper .nav_li .sec_nav.show {opacity:1; visibility:visible; transform:scale(1) translateY(0); pointer-events:auto; -webkit-transform:scale(1) translateY(0); z-index:-1;}
.navtop .inav_wrapper .nav_li .sec_nav .box{display:flex;  padding-top:.3rem; padding-bottom:.3rem; width: 100%}
.navtop .inav_wrapper .nav_li .sec_nav .box dl{display:flex; flex-direction:column; margin-right:1.2rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{font-size:.17rem; line-height:.25rem; color:#222;}

.navtop .inav_wrapper .nav_li .sec_nav .box{padding-top:.3rem; padding-bottom:.3rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{font-size:.17rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dl{margin-right:.3rem;}
.navtop .inav_wrapper .nav_li.solution .sec_nav .box dl{margin-right:auto;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{color:#444;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt a:hover{font-weight:bold; color:#c92929;}

.navtop .inav_wrapper .nav_li .nav_a{position:relative;}
.navtop .inav_wrapper .nav_li .nav_a::after { bottom: -0.5px; left: 0; height: 3px; position: absolute; content: ''; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background-color: #c92929; width: 100%; }
.navtop .inav_wrapper .nav_li:hover .nav_a::after { transform: scaleX(1); transform-origin: left; }
.navtop .inav_wrapper .nav_li .cur::after { transform: scaleX(1); transform-origin: left; }
.navtop_scroll{ position: fixed; width: 100%; left: 0; top: 0;z-index: 99999; border-bottom: 1px #ddd solid; background: #f4f4f4 ; text-align: center;}

/*滚动导航*/
.Header_scroll{ background: #fff; border-bottom: 1px solid #ddd }
.Header_scroll .logo1{ display: none; }
.Header_scroll .logo2{ display: block; }
.Header_scroll .navtop .inav_wrapper .nav_li .nav_a{ color: #000 }
.headerhover{ background: #fff }
.headerhover .logo1{ display: none; }
.headerhover .logo2{ display: block; }
.headerhover .navtop .inav_wrapper .nav_li .nav_a{ color: #000 }
.headerhover .h_search,.Header_scroll .h_search,.headerhover .h_lang,.Header_scroll .h_lang,.headerhover .h_stockt,.Header_scroll .h_stockt{ color: #333 }


/*产品导航*/
.p-rel{ position: relative; }

/* 产品下拉 */
.productsMenus{}
.productsMenus .boxpor { text-align: center; }
.productsMenus .boxpor dl{ width: 20%;  }
.productsMenus .boxpor dt p{ padding-top: .1rem; font-size: .16rem;  }

.sec_nav .boxpor dt a{ display: block; }
.sec_nav .boxporfl{ width:13%; padding-top: .4rem }
.sec_nav .ph1{ font-size: .22rem; padding-bottom: .1rem; color: #000 }
.sec_nav .porhot { width:80%; padding-top: .4rem }
.sec_nav .boxporfl .pflt{ display: block;line-height:.5rem; border-bottom: 1px solid #ddd; margin-right:2%; font-size: .17rem }
.sec_nav .boxporfl2 .pflt:last-child{ border: none; }
.sec_nav .pflt .fa{ padding-right: .1rem }
.navtop .inav_wrapper .nav_li .sec_nav .porhot .box{ padding-top: .15rem }
.navtop .inav_wrapper .nav_li .sec_nav .porhot .box dl{ width: 25% }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box{ display: flex; justify-content: space-between;  }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box figure{ width: 25%; border-radius: .1rem; overflow: hidden; }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box figure img{ width: 100% }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text{ width:72%; line-height: 1.76; font-size: .15rem; color: #555}
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text .t{font-size: .22rem; padding-bottom: .1rem; color: #000; display: block; padding-top: .1rem}
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text .m{ color:#c92929;display: block; margin-top: .2rem  }
.productsMenus .boxporfl{ width:100% !important; padding-top: .4rem }
.productsMenus .boxporfl .pflt{ display: inline-block;margin-right:3%; margin-bottom:.1rem; }


.overlay{visibility:hidden; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0, 0.5); transition:all .5s ease;}
.overlay.show{visibility:visible; opacity:1;}

/* 搜索下拉 */
.search_xiala{position:fixed; top:0; height:100vh; overflow-y:auto; box-sizing:border-box; left:0; right:0; padding-top:1.5rem; background:rgba(255,255,255,.98); z-index:10; opacity:0; visibility:hidden; transition:all .3s ease; width: 100%;z-index:99 }
.search_xiala::-webkit-scrollbar{width:0; height:0;}
.search_xiala.show{opacity:1; visibility:visible;}
.search_xiala .content{width:8.5rem; margin:0 auto;}
.search_xiala .top{margin-bottom:.44rem;}
.search_xiala .top .box{box-sizing:border-box; width:100%; position:relative;}
.search_xiala .top .box .inp_box{position:relative;}
.search_xiala .top .box .inp_box input{width:100%; line-height:.4rem; font-size:.26rem; outline:none; background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:.5rem; padding:.16rem .32rem; padding-right:.8rem; box-sizing:border-box; margin-bottom:.2rem;}
.search_xiala .top .box .inp_box .inp_area ul{padding:0 .3rem; display:none;}
.search_xiala .top .box .inp_box .inp_area .title{font-size:.24rem; line-height:.3rem; margin-bottom:.25rem;}
.search_xiala .top .box .inp_box .inp_area ul li{font-size:.26rem; color:rgba(0,0,0,0.3); line-height:.32rem; margin-bottom:.2rem; cursor:pointer; display:block;}
.search_xiala .top .box .icon{cursor:pointer; background:none; outline:none; padding:0; margin:0; border:none; position:absolute; top:.2rem; right:.4rem;}
.search_xiala .top .box .icon .xgicon{font-size:.3rem;}
.search_xiala .bott{margin-bottom:.6rem;} 
.search_xiala .bott .item{margin-bottom:.6rem;}
.search_xiala .bott .item .tit{font-size:.22rem; color:#333; margin-bottom:.15rem;}
.search_xiala .bott .item li{float:left; width:31%; margin-right:1.4%; margin-bottom:.1rem;overflow：hidden}
/*.search_xiala .bott .item li:nth-child(3n){margin-right:0;}*/
.search_xiala .bott .item01 li .img{padding-bottom:70%; position:relative; height:0; margin-bottom:.15rem; border-radius:.06rem; background:#f2f2f2; background-size: cover; overflow：hidden}
.search_xiala .bott .item01 li .img img{position:absolute; max-width:90%; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:transform .5s;}
.search_xiala .bott .item01 li:hover .img img{transform:translate(-50%,-50%) scale(1.1);}
.search_xiala .bott .item01 li .t{font-size:.18rem;  color:#000; text-align: center;}
.search_xiala .bott .item02 li{font-size:.20rem; line-height:.34rem; color:#333; width:23%}

.search_xiala .content.noBott .bott{display:none;}
.search_xiala .top .box .inp_box .inp_area ul li strong{color:#0a1e40; font-weight:normal;}
.search_xiala .top .box .inp_box .inp_area ul li a{color:rgba(0,0,0,0.3);}
.search_xiala .top .box .inp_box .inp_area ul li a:hover{color:rgba(0,0,0,0.6);}

/* 关闭按钮 */
.search_xiala .content .close_btns{position:absolute; right:10%; top:1.5rem; width:.5rem; height:.5rem; box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); transition:.3s ease-out; cursor:pointer; border-radius:50%;background:#222;}
.search_xiala .content .close_btns .iconfont{margin:0; font-size:.2rem; line-height:1; color:#fff; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.search_xiala .content .close_btns .iconfont:after{ content: "×"; font-size: .22rem}
.search_xiala .content .close_btns .iconfont{color:#ffffff;}

/* 搜索下拉出现时导航效果 */
.header.fixed{position:fixed; left:0; width:100%; top:0;}
.search_xiala.fixed{position:fixed; top:1.27rem;}



/* 手机端头部 */
.m_header{display:none;}
/* 下层面包屑 */
.syt_banner{position:relative; overflow: hidden;}
.syt_banner>img{display:block; margin:0 auto;object-fit: cover; -webkit-animation: bannerScale 7s linear infinite alternate;animation: bannerScale 7s linear infinite alternate; width: 100%; height: 100%}
.syt_banner .mb-block{ display: none !important; }
.syt_banner .wrap{position:relative; height:100%;}
.syt_cont{ width: 100%; left: 0;  position: absolute; bottom: 0}
.syt_crumbs{position:relative; right:0; bottom:0rem; color:#fff; font-size:.15rem; line-height:.5rem; z-index:3; width: 100%; }
.syt_crumbs .fa{ margin-right: .08rem }
/*.syt_crumbs h1{color:#fff; font-size:.14rem; line-height:.2rem; display:inline-block; font-weight:normal; margin:0;}
*/
.crumbs_box{position:absolute; top:.25rem; left:0; width:100%;}
.crumbs_box .syt_crumbs{color:#000; position:relative; right:auto; bottom:auto;}
.crumbs_box .syt_crumbs h1{color:#000;}
.syt_banner .intro {position: absolute;left: 0;width: 100%;top: 53%;color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.syt_banner .intro .tit {font-size:.58rem;font-weight:600;  line-height: 1}
.syt_banner .intro .con {font-size:.17rem; color: rgba(255,255,255,.8);  max-width:100%; margin-top: .1rem}
/* 下层banner文字 */
.syt_banner .xc_words{display:none;}
@keyframes bannerScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

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

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

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

/* 下层导航 */
.xc_nav{border-bottom:1px solid #d9d9d9; font-size:0; text-align:center; background:#fff; z-index:10; display:block;}
.xc_nav .item{display:inline-block; font-size:.17rem; color:#333;position:relative; }
.xc_nav .item>a{ display:block; padding:.17rem 0; color:#333; margin: 0 .15rem}
.xc_nav .item::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:3px; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background:#c92929;}
.xc_nav .item:hover::after,
.xc_nav .item.cur::after{transform: scaleX(1); transform-origin: left;}
.xc_nav .tit{position:relative; display:inline-block; font-size:.16rem; line-height:.2rem; padding:.2rem .25rem; font-weight:bold; color:#272727; display:none;}
.xc_nav .tit::after{content:''; position:absolute; right:0; width:1px; top:50%; height:.2rem; margin-top:-0.1rem; background:#004bbe;}
/*.xc_nav ul{display:inline-block;}*/
.xc_nav .item.cur>a::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;}
.xc_nav .item.cur>a{color:#222; font-weight:bold;}

.about_centeri .pin-spacer,.pro_centernav{  height: 0; overflow: hidden;}
/*.nynavscroll{ position: fixed; width: 100%;  left: 0; top:1rem; z-index:55; display: block;height: auto !important }
.nynavscroll .xc_nav{ background:#f1f1f1; border-bottom: 1px #eee solid;  }
.nynavscroll .xc_nav .item>a{   padding:.15rem 0; color:#333;}
.about_centeri .nynavscroll{  height: auto !important; }*/
/* 手机端底部导航 */
.m_tabbar{display:none;}


/*底部*/
.pageFooter{width: 100%;background: #111e2f; position: relative; overflow: hidden;}
.foot-contact { width: 100%; padding:.35rem 0; border-bottom: 1px solid rgba(255,255,255,.05)}

.footer{overflow: hidden;padding:.8rem 0; position: relative;z-index: 2}
.footer-lt{width: 30%;float: right;color: #fff;}
.footer-lt .t{display:block;font-size: .18rem}
.footer-lt .btel{ font-weight: bold;font-family:'Lato',sans-serif;  font-size: .28rem;margin:.1rem 0; }
.footer-lt .con1{font-size: .15rem; line-height: 1.5; margin-top: .1rem;color: #718093;}
.footer-lt i{ padding-right: .08rem;font-size: .16rem; }

.footer-rt{float: left;overflow: hidden;width:50%; position: relative;}
.footer-rt-a{ }
.footer-rt-a>div a{font-size: .18rem;color: #fff;line-height: 1;margin:0 0 .15rem 0; }
.footer-rt-a li{line-height:1; padding-top:.1rem; display: inline-block; width:16%}
.footer-rt-a li a{display:block;color: #718093;font-size: .15rem; line-height:1.6; padding-left: .05rem}
.footer-rt-a li a:hover{ text-decoration: underline; color: #fff}

.footer-l3{ float: right; width:18%; float: right;color: #718093; }
.footer-l3 .wx figure{ text-align: center; max-width: 1.3rem}
.footer-l3 .wx figure img{ width: 100%; border:6px solid #fff; margin-bottom: .08rem }
.footer-b{width: 100%;padding: .15rem 0;text-align: center; clear:both; background: #111e2f; border-top: 1px solid rgba(255,255,255,.05)}
.footer-b1{font-size: 14px;line-height:.4rem;color: rgba(255,255,255,.5);}
.footer-b1 a{color: rgba(255,255,255,.4);}
.footer-b1 a:hover{color: rgba(255,255,255,.6);}

.pageFooter .bmsg{ width:70% }
.pageFooter .bmsg .lp-inputb{ line-height:.5rem; width:25%; background-color: #1e2a3a; border:none; border-radius: .1rem; padding: 0 .2rem;  margin-right:1% }
.pageFooter .bmsg .lp-inputb2{ width:30% }
.pageFooter .bmsg .lp-btn{ width:15%;margin-right:0; color: #fff; background: linear-gradient(45deg, #e1030c, #a3030a); cursor: pointer;}

/*定制*/
.zixun_dongtai{ margin-bottom: .5rem }
.zixun_dongtai .content{padding:.4rem; background: url(../images/tel_bg.jpg) no-repeat; background-size: cover; align-items: center; border-radius: .25rem}
.zixun_dongtai .content .left_part{}
.zixun_dongtai .content .left_part .title{font-size:.35rem;font-weight: bold;color: #fff}
.zixun_dongtai .content .left_part .text{font-size: .24rem;color: #fff}
.zixun_dongtai .content .right_part{position: relative;}
.zixun_dongtai .content .right_part .title{ font-size:.2rem;color: #fff; width:1.8rem; height: .6rem; line-height: .6rem; text-align: center; background: #0045ae;}



/* 手机端底部 */
.m_footer{display:none;}

/* 首页 */
.ibanner {z-index:1; position: relative;}
.ibanner .swiper-slide { width: 100% !important;  position:relative; height: 100%;z-index:1; overflow: hidden; }
.ibanner .swiper-slide .imgBox{  position: relative;height:100%; z-index: 2}
.ibanner .swiper-slide .imgBox img{ width: 100% }
.ibanner .slide1 .MapImg{ position: absolute;  bottom: 0; left: 10%; width: 80%;  z-index:3}
.ibanner .slide1 .MapImg figure{ position: relative; height: 100% }
.ibanner .slide1 .MapImg .Map{ position: absolute; bottom:-1rem; width: 100%; opacity: 0;z-index:3 }
.ibanner .swiper-slide-active .MapImg .Map{  bottom:0 ; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .10s; transition-delay: .10s; opacity: 1 }

.ibanner .swiper-slide .text{ position: absolute; left: 0; padding: 0 10% 0; color: #fff; width: 100%;z-index:6;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 45% }
.ibanner .swiper-slide .text .tit1 { font-size: .22rem; line-height: 1.5; color: #fff; font-weight: lighter; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .2s; transition-delay: .2s;  margin-top: .15rem}

.ibanner .swiper-slide .text .tit2{ font-size:.22rem; color:rgba(255,255,255,.85); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; margin-bottom: .1rem }

.ibanner .swiper-slide .text .tit3{ font-weight: bold; font-size: .9rem ; background-image: linear-gradient(to bottom, #fff, #c2c2c2);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; transition-delay: .8s; }
.ibanner .swiper-slide .text .bnt {-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; transition-delay: .8s; max-width: 1.8rem; height: .45rem;  text-align:center; border-radius: .3rem; line-height:.45rem;  margin: .55rem 0 0; background: #fff; color: #333; letter-spacing: 0; overflow: hidden;}
.ibanner .swiper-slide .text .bnt a{ display: block; }
.ibanner .swiper-slide .text .bnt a:hover{background: #c93036; color: #fff}

.ibanner .swiper-slide-active .text .tit1,.ibanner .swiper-slide-active .text .tit2,.ibanner .swiper-slide-active .text .tit3 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }
.ibanner .swiper-slide-active .text .bnt { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }
.ibanner .swiper-slide .text { letter-spacing: 2px }
.ibanner .swiper-slide .text .tit11{font-size:.28rem;color: #fff;}
.ibanner .swiper-slide .text .tit111{ background-image: linear-gradient(45deg, rgba(158,5,12,1),rgba(158,5,12,0)); max-width: 35%; padding-left: .15rem; border-radius:30px 0 0 30px}
.ibanner .swiper-slide .text  .tit33 span{background:#b60f16; background-image: linear-gradient(45deg, #ff1e27, #920006); -webkit-background-clip: text; background-clip: text; color: transparent;box-sizing: border-box; position: relative;}
.ibanner .swiper-slide .text  .tit33 span:before{ position:absolute; left: 0; top:-20%; font-size:1rem;text-shadow: 0 0 5px rgba(255,255,255,.6),0 0 10px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,1);z-index: -1; font-style: italic;}
.ibanner .swiper-slide .text  .tit33 span:nth-child(1):before{ content: "智能";}
.ibanner .swiper-slide .text  .tit33 span:nth-child(2):before{ content: "耀工";}
.ibanner .swiper-slide .text  .tit22{ position: relative; max-width:7rem; margin:0 auto;  font-family: Lato-light;font-size: .15rem; text-transform: uppercase;  color:rgba(255,255,255,.5); }
.ibanner .swiper-slide .text  .tit22:after,.ibanner .swiper-slide .text  .tit22:before{ position: absolute;content: ''; height: 3px; width:83px;  background-size: 100%;   }
.ibanner .swiper-slide .text  .tit22:before{ left: 0; top:.1rem;background: url(../images/bannerline2.png) no-repeat; }
.ibanner .swiper-slide .text  .tit22:after{background:url(../images/bannerline.png) no-repeat; right: 0; top:.1rem}

.ibanner .slide1 .text{ text-align: center;  top: 44% }
.ibanner .slide1 .text .tit33{ font-size: 1rem;font-style: italic; }
.ibanner .slide1 .text .bnt{ margin:.4rem auto 0;}
.ibanner .bannerfgx{ height: .3rem }


.imgsf img{
  width: 100%;
    -webkit-animation: banner_inside 8s ease infinite forwards alternate;
       -moz-animation: banner_inside 8s ease infinite forwards alternate;
         -o-animation: banner_inside 8s ease infinite forwards alternate;
            animation: banner_inside 8s ease infinite forwards alternate;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.15);
             transform: scale(1.15);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.15);
           transform: scale(1.15);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
           -moz-transform: scale(1.15);
             -o-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.ibanner .Line {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;pointer-events: none}
.ibanner .Line .li {position: absolute;top: 0;width: .0521vw;height: 100%;background-color: rgba(255,255,255,0.08)}
.ibanner .Line .li:nth-child(1) {left: 12.96875%}
.ibanner .Line .li:nth-child(1)::after {-webkit-animation: donhua2 5s linear infinite;-o-animation: donhua2 5s linear infinite;animation: donhua2 5s linear infinite}
.ibanner .Line .li:nth-child(2) {left: 36.7%}
.ibanner .Line .li:nth-child(2)::after {-webkit-animation: donhua2 5s linear 6s infinite;-o-animation: donhua2 5s linear 6s infinite;animation: donhua2 5s linear 6s infinite}
.ibanner .Line .li:nth-child(3) {right: 35.5%}
.ibanner .Line .li:nth-child(3)::after {-webkit-animation: donhua2 5s linear 3s infinite;-o-animation: donhua2 5s linear 3s infinite;animation: donhua2 5s linear 3s infinite}
.ibanner .Line .li:nth-child(4) {right: 12.96875%}
.ibanner .Line .li:nth-child(4)::after {-webkit-animation: donhua2 5s linear 9s infinite;-o-animation: donhua2 5s linear 9s infinite;animation: donhua2 5s linear 9s infinite}
.ibanner .Line .li::after {content: "";width: .1563vw;height: 4.2708vw;background-image: url(../images/banner/icon14.png);position: absolute;left: -0.0521vw;bottom: 100%}
@-webkit-keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@-o-keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@-webkit-keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@-o-keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

.ibanner .swiper-pagination{bottom:.2rem!important;}
.ibanner .swiper-pagination .swiper-pagination-bullet{position:relative; width:.6rem; height:3px; background:rgba(0,0,0,0.4); opacity:1; border-radius:0; transition:all .8s ease; margin:0 .07rem!important;}
.ibanner .swiper-pagination .swiper-pagination-bullet::after{content:""; position:absolute; left:0; top:0; height:3px; width:0; background:#000; z-index:1;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active::after{width:100%;-webkit-animation: progress 5s linear infinite;-o-animation: progress 5s linear infinite;animation: progress 5s linear infinite}
@keyframes progress {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}

.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{position:absolute; top:50%; margin-top:0; transform:translateY(-50%); background:none; outline:none; cursor:pointer; opacity:0; visibility:hidden; -webkit-transition:all 0.4s; transition:all 0.4s; z-index: 9}
.ibanner .swiper-button-prev{left:2%;}
.ibanner .swiper-button-next{right:2%;}
.ibanner .swiper-button-prev::after,
.ibanner .swiper-button-next::after{ font-size:.4rem; margin:0; color:#c92929; font-weight:bold; opacity:.75; -webkit-transition:all 0.4s; transition:all 0.4s;}
.ibanner:hover .swiper-button-prev,
.ibanner:hover .swiper-button-next{opacity:1; visibility:visible;}

.ipart-yy .swiper-bnt,.ipart06 .swiper-bnt,.ipart04 .swiper-bnt{ color: #d44141; font-size: .24rem; text-align: center; height: .45rem; line-height: .4rem; border:3px #d44141 solid; width: .45rem; font-weight: normal;}
.swiper-yy-next,.swiper-ct-next,.swiper-news-next{ position: absolute; right: .48rem; top: .5rem; }
.swiper-yy-prev,.swiper-ct-prev,.swiper-news-prev{position: absolute; right: .06rem; top: .5rem;}

.ibanner:hover .swiper-button-prev:hover::after,
.ibanner:hover .swiper-button-next:hover::after{opacity:1;}

.m_ibanner .swiper-slide .text .bnt a{ display: block; }

.common_tit{position:relative; color:#28343c;align-items: center;}
.common_tit h1{align-items:center}
.common_tit .t1{  font-size: .42rem ;font-weight:bold; line-height:1; position: relative; padding-bottom: .18rem; z-index: 3 }
.common_tit .t1:after{ position: absolute; width:.5rem;left: 0; bottom: 0; content: ''; height:3px; background: #0442a1; z-index: 5 }
.common_tit .t1:before {position: absolute; width:.25rem;left: 0; bottom: 0; content: ''; height:3px; background: #d33033; z-index: 6}
.common_tit .en{ font-size: .55rem; color: #f0f6fa; font-family:lato; text-transform: uppercase;position: absolute; left: 0; top:-70%; z-index: 1 }
.common_tit .enb{ color: #fff;}
.common_tit .t11{ background: linear-gradient(45deg, #e1030c, #a3030a);-webkit-background-clip: text;background-clip: text;color: transparent; }
.common_tit .m{  display: block;  line-height: .5rem; font-size: .17rem;color: #000;  position: relative;  z-index:3; padding:0 .3rem}
.common_tit .m:before{ background:#e1e1e1;position: absolute; left: 0; top: 0; content: ''; border-radius: .45rem; width: .45rem; height: .45rem; z-index:-1; transition: all .3s}
.common_tit .m:hover{ color: #fff }
.common_tit .m:hover:before{ width:1.5rem; background-color: #be171e  }
.common_tit .t1:hover{ color:#be171e }
.tc{ text-align:center;} .tcb{ color: #fff }.tch{ color: #222 }.tcred{ color:#d44141  }
.common_tit .t2{ margin: .6rem 0 .2rem; font-size: .2rem; color: #111; font-weight: bold;}
.common_tit .des2{ color: #666; font-size: .16rem; max-width:3.8rem ; }
.common_tit .num{ margin: .6rem 0 ; font-size: .17rem; color: #666}
.common_tit .num span{ font-weight: bold; color: #0442a1; font-size: .64rem; font-family:lato; display: block; line-height: 1; padding-bottom: .05rem }



@media (max-width:1680px){
 .ibanner .swiper-slide .img_box img{height:; width:100% !important; }   
}

.ipart{}
.ipart-porbox{position: relative;}
.ipart-por{position:relative; z-index:1; padding:.5rem 8% 0; display: flex; justify-content: space-between; align-items: flex-start; }
.ipart-porbox:before{ position: absolute; content: ''; width:24%;height: 100%; background: #f2f7fb no-repeat left bottom }
.ipart-por .infor{ width: 15%; margin-top: .3rem; padding-bottom:.5rem; }
.ipart-por .iporflm{ margin-left: -2%; margin-top: .1rem}
.ipart-por .iporflm  .mflitem{position:relative; float:left;  margin-bottom:1%; background:#f2f2f2; box-shadow: 0px 0px 9.2px .8px transparent; transition:all 0.5s ease; border-radius:.06rem; overflow: hidden; margin-left: 2%;padding:.18rem; width: 31%}
.ipart-por .iporflm .tit{font-size:.16rem; line-height:1.4; margin: 0;color:#111;white-space: nowrap; /* 文本不换行 */overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; }
.ipart-por .iporflm .con{font-size:.16rem; line-height:.1.6rem; color:#666; height: .3rem;  margin-bottom: .1rem}
.ipart-por .iporflm .a{font-size:.14rem; color: #0359ab}
.ipart-por  .iporfl{ padding-top: .2rem }
.ipart-por  .iporfl .iporfl-item{ border-bottom: 1px #ddd solid; }
/* 父类：加粗、字号更大，仅有子类时显示 +/- */
.ipart-por  .iporfl .iporfl-hd{ display: block; padding: .14rem .35rem .14rem .28rem; transition: color .3s, background .3s; position: relative; color: #111; font-size: .16rem; font-weight: 600; line-height: 1.4; background-size: 0; }
.ipart-por  .iporfl .iporfl-item:not(.has-child) .iporfl-hd{ font-weight: 500; font-size: .15rem; }
.ipart-por  .iporfl .iporfl-hd:hover{ background-size: auto; }
.ipart-por  .iporfl .iporfl-item.has-child > .iporfl-hd:after{ position: absolute; width: .22rem; height: .22rem; line-height: .22rem; background: #e8e8e8; text-align: center; content: '+'; border-radius: .2rem; right: 0; top: 50%; margin-top: -.11rem; }
.ipart-por  .iporfl .iporfl-item.open.has-child > .iporfl-hd:after{ content: '-'; background: #c93036; color: #fff; }
.ipart-por  .iporfl .iporfl-hd.cur{ color: #c93036; }
/* 子类：缩进、小字、圆点，不显示 + */
.ipart-por  .iporfl .iporfl-sub{ display: none; list-style: none; margin: 0; padding: .06rem 0 .12rem .18rem; border-left: 2px solid rgba(3, 89, 171, .25); margin-left: .06rem; }
.ipart-por  .iporfl .iporfl-item.open > .iporfl-sub{ display: block; }
.ipart-por  .iporfl .iporfl-sub li a,
.ipart-por  .iporfl .iporfl-sub-a{ display: block; padding: .09rem 0 .09rem .14rem; font-size: .14rem; font-weight: 400; color: #666; transition: color .3s; position: relative; background: none !important; }
.ipart-por  .iporfl .iporfl-sub li a:before,
.ipart-por  .iporfl .iporfl-sub-a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; background: #bbb; border-radius: 50%; }
.ipart-por  .iporfl .iporfl-sub li a:after,
.ipart-por  .iporfl .iporfl-sub-a:after{ display: none !important; content: none !important; }
.ipart-por  .iporfl .iporfl-sub li a:hover,
.ipart-por  .iporfl .iporfl-sub-a:hover{ color: #0359ab; background: none !important; }
.ipart-por  .iporfl .iporfl-sub li a.cur,
.ipart-por  .iporfl .iporfl-sub-a.cur{ color: #c93036; font-weight: 500; }
.ipart-por  .iporfl .iporfl-sub li a.cur:before,
.ipart-por  .iporfl .iporfl-sub-a.cur:before{ background: #c93036; }
/* 兼容旧选择器：子链接一律无 + */
.ipart-por  .iporfl .iporfl-sub a:after{ display: none !important; content: none !important; }
.ipart-por .iporflm .mflitem.has-child .mfl-top{ display: flex; align-items: center; justify-content: space-between; }
.ipart-por .iporflm .mflitem.has-child .mfl-top .mfl-hd{ flex: 1; }
.ipart-por .iporflm .mflitem .mfl-toggle{ padding: 0 .1rem; cursor: pointer; color: #0359ab; font-size: .18rem; }
.ipart-por .iporflm .mflitem.open .mfl-toggle i{ transform: rotate(180deg); display: inline-block; transition: transform .3s; }
.ipart-por .iporflm .mflitem.has-child .mfl-top .tit{ font-weight: 600; font-size: .16rem; }
.ipart-por .iporflm .mflitem .iporfl-sub-m{ display: none; list-style: none; margin: 0; padding: .08rem .1rem .1rem .2rem; border-left: 2px solid rgba(3, 89, 171, .25); margin-left: .12rem; }
.ipart-por .iporflm .mflitem.open .iporfl-sub-m,
.pro_center_side .iporflm .mflitem.open .iporfl-sub-m{ display: block; }
.ipart-por .iporflm .mflitem .iporfl-sub-m li a,
.ipart-por .iporflm .iporfl-sub-a{ display: block; padding: .08rem 0 .08rem .14rem; font-size: .13rem; font-weight: 400; color: #666; position: relative; }
.ipart-por .iporflm .mflitem .iporfl-sub-m li a:before,
.ipart-por .iporflm .iporfl-sub-a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #bbb; border-radius: 50%; }
.ipart-por .iporflm .mflitem .iporfl-sub-m li a:after,
.ipart-por .iporflm .iporfl-sub-a:after{ display: none !important; content: none !important; }
.ipart-por .iporflm .mflitem .iporfl-sub-m li a.cur,
.ipart-por .iporflm .iporfl-sub-a.cur{ color: #c93036; font-weight: 500; }
.ipart-por .iporflm .mflitem.has-child > .a{ display: block; padding: 0 .18rem .12rem; font-size: .14rem; color: #0359ab; }
.ipart-por .iporflm .mfl-hd.cur .tit{ color: #c93036; }
.ipart-por  .iporlx { margin-top: .3rem;padding-bottom:.3rem }
.ipart-por  .iporlx .lx_l{ font-size: .12rem; color: #555; padding-left: .55rem; background: url(../images/top_tel.png) no-repeat left center;  display: block; }
.ipart-por  .iporlx .lx_l .tel{ padding-left: .15rem; display: block; }
.ipart-por  .iporlx .lx_l .tel b{font-size: .25rem; font-family: Lato-bold,sans-serif; display: block; line-height: 1; color: #000}
.ipart-por  .iporlx figure{ max-width: 1.3rem; text-align: center; font-size: .15rem; margin-top: .2rem; padding-left:.1rem}
.ipart-por  .iporlx figure img{ border:4px #fff solid; width: 100%; margin-bottom: .05rem; }


.ipart-por .content{ width: 80%; }
.ipart-por .content #index_pro{ position: relative; }
.ipart-por .content .ipor-list{}
.ipart-por .content .ipor-list .itemp{ display: inline-block; width: 31%; background: #fff; margin-left: 2%; box-shadow: 0 0 .1rem rgba(0,0,0,.15); text-align: center; padding-bottom: .2rem; margin-top: .4rem; position: relative;}
.ipart-por .content .ipor-list .itemp figure{position: relative;z-index: 3}
.ipart-por .content .ipor-list .itemp .tit{ font-size: .22rem; color: #111; padding: .2rem 0 0; position: relative;z-index: 3 }
.ipart-por .content .ipor-list .itemp .des{ font-size: .14rem; color: #888; line-height: 1;position: relative;z-index: 3 }
.ipart-por .content .ipor-list .itemp::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:#0359ab; transition:all .3s ease;  z-index: 1; background-size: cover;}
.ipart-por .content .ipor-list .itemp:hover:after{  height: 100% }
.ipart-por .content .ipor-list .itemp:hover .tit,.ipart-por .content .ipor-list .itemp:hover .des{ color: #fff }
.ipart-por .content .ipor-list .itemp figure img{ width: 100%; height: 100%;  transition: all .3s}
.ipart-por .content .ipor-list .itemp:hover figure img{ transform: scale(0.95);}
.ipart-por .content .ipor-list .itemp:nth-child(10){ display:none}

/* 查看更多（首页产品等） */
.moreBtn{
  text-align: center;
  margin: .45rem 0 .55rem;
  width: 100%;
  clear: both;
}
.moreBtn a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
  padding: .1rem .35rem;
  border: 1px solid #c92929;
  color: #c92929;
  border-radius: .04rem;
  font-size: .14rem;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.moreBtn a:hover{
  background: #c92929;
  color: #fff;
}
.moreBtn a .fa{
  line-height: 1;
}


/*核心技术*/
.ipart-youshi{ padding:.9rem 0 0;  position: relative; overflow: hidden;}
.ipart-youshi .ysbg{ background: #23253a url(../images/ysbg1.jpg) no-repeat;  padding-bottom: .7rem; background-size:cover; }
.ipart-youshi .ysbg .youshiSwiper{ color: #fff }
.ipart-youshi .ysbg .youshiSwiper .txt{ padding: .7rem 0 .9rem}
.ipart-youshi .ysbg .youshiSwiper .txt .t{font-size: .4rem }
.ipart-youshi .ysbg .youshiSwiper .txt p{ font-size: .17rem; max-width: 60%; line-height: 1.75; margin-top: .1rem }
.ipart-youshi .youshithumbs{}
.ipart-youshi .youshithumbs .swiper-slide{ background: #fff; padding: .4rem .3rem }
.ipart-youshi .youshithumbs .ysbar{ font-size: .17rem; line-height: 1.5; padding-bottom: .45rem; color: #777 }
.ipart-youshi .youshithumbs .ysbar .t{ font-size: .25rem; color: #111 }
.ipart-youshi .youshithumbs .ysbar .bot i{ font-size: .4rem; color: #fff;transform: rotate(-30deg) translate(-.15rem, .5rem); font-weight: normal; }
.ipart-youshi .youshithumbs .ysbar .bot .r{font-size: .25rem; font-family: Lato-bold,sans-serif;  padding-top: .4rem; color: #1c6dbd}
.ipart-youshi .youshithumbs .swiper-wrapper{  }
.ipart-youshi .youshithumbs .swiper-slide{  position: relative; }
.ipart-youshi .youshithumbs .swiper-slide:after{ position:absolute;content: ''; height:0;  width:100%;  background: #004d97 no-repeat; right: 0; bottom:0; transition: all .3s; z-index: 1 }
.ipart-youshi .youshithumbs .swiper-slide .ysbar{ position:relative;z-index: 3  }
.ipart-youshi .youshithumbs .swiper-slide:hover:after{  height:100% }
.ipart-youshi .youshithumbs .swiper-slide-thumb-active,.ipart-youshi .youshithumbs .swiper-slide:hover{background:#1f2433; color: #fff;}
.ipart-youshi .youshithumbs .swiper-slide-thumb-active .bot .r,.ipart-youshi .youshithumbs .swiper-slide:hover .bot .r,.ipart-youshi .youshithumbs .swiper-slide-thumb-active .ysbar,.ipart-youshi .youshithumbs .swiper-slide-thumb-active .ysbar .t,.ipart-youshi .youshithumbs .swiper-slide:hover .ysbar .t,.ipart-youshi .youshithumbs .swiper-slide:hover .ysbar{color: #fff !important;}
.ipart-youshi .youshithumbs .swiper-slide-thumb-active:after,.ipart-youshi .youshithumbs .swiper-slide:hover:after{ height:100%  }



/*案例*/
.ipart-case{padding:1rem 0 .5rem;  position: relative; background:url(../images/casebg.jpg) no-repeat bottom center; background-size:cover; }
.ipart-case .casethumbs{ width:60% }
.ipart-case .casethumbs .swiper-slide{ width: 20%; text-align: center;  line-height: .4rem}
.ipart-case .casethumbs .swiper-slide.swiper-slide-thumb-active{ background: #fff; color: #000; border-radius: .25rem;}
.ipart-case .content{ padding-top: .45rem }
.ipart-case .content .cli{ width:32%;overflow: hidden; text-align: center;}
.ipart-case .content .cli figure{
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.9rem;
  overflow: hidden;
  border-radius: .1rem;
  background: #f2f2f2;
}
.ipart-case .content .cli figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: .1rem;
  transition: all .3s;
  vertical-align: middle;
}
.ipart-case .content .cli .t{ font-size: .16rem; line-height: .5rem }
.ipart-case .content .cli:hover figure img{ transform: scale(0.95); }
.ipart-case .se_bot {position: relative;}
.ipart-case .se_bot .swiper {padding: 0.16rem 0;}
.ipart-case .se_bot .swiper .swiper-slide {position: relative;width: 38%;margin: 0 0.6rem;transition: 0.8s;}
.ipart-case .se_bot .swiper .swiper-slide img {transition: 0.8s;width: 100%;}
.ipart-case .se_bot .swiper .swiper-slide .post {transition: 0.8s;opacity: 0;position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8));display: flex;justify-content: center;align-items: flex-end;text-align: center;}
.ipart-case .se_bot .swiper .swiper-slide .post p {width: 100%;color: #fff;padding: 4% 0; font-size: .18rem}
.ipart-case .se_bot .swiper .swiper-slide-active {transform: scale(0.9);}
.ipart-case .se_bot .swiper .swiper-slide-active .post {opacity: 1;}
.ipart-case .se_bot .swiper .swiper-slide-prev {transform: rotateY(16deg);}
.ipart-case .se_bot .swiper .swiper-slide-next {transform: rotateY(-16deg);}
.ipart-case .se_bot .toggle .prev,
.ipart-case .se_bot .toggle .next {z-index: 2;position: absolute;top: 50%;transform: translateY(-50%);}
.ipart-case .se_bot .toggle .prev {left: 28%;}
.ipart-case .se_bot .toggle .next {right: 28%;}
.pu_qh p {cursor: pointer;width: 0.54rem;height: 0.54rem;border-radius: 6px;background: #fff;display: flex;justify-content: center;align-items: center;transform: rotate(45deg);transition: 1s;}
.pu_qh p svg {transform: rotate(-45deg);}
.pu_qh p svg path {transition: 0.4s;}
.pu_qh p:hover {background: #e62129 !important;border-color: #e62129 !important;}
.pu_qh p:hover svg path {fill: #fff;}
.casethumbs2 .swiper-wrapper{justify-content: flex-start}
.casethumbs2 .swiper-slide{width: auto;padding: 0 .2rem 0 0;}



/*关于*/
.indexAboutMain {position: relative;width: 100%; background: #f2f7fb url(../images/aboutbg.jpg) no-repeat center center; background-size:cover; padding: .95rem 0 .9rem; }
.indexAboutMain .indexAboutBox{ position: relative;clear: both;overflow: hidden; }
.indexAboutMain .content{ width:52%; float:left; padding-top:.45rem; }
.indexAboutMain .content .title{ font-size: .42rem ;font-weight:bold; line-height:1; position: relative; padding-bottom: .18rem; z-index:3;background: linear-gradient(180deg, #e1030c, #a3030a);-webkit-background-clip: text;background-clip: text;color: transparent;}
.indexAboutMain .content .enTitle{ font-size:.8rem; color: #fff; font-family:lato; text-transform: uppercase;position: absolute; left: 0; top:-.1rem; z-index:1; content: "about us"; font-weight: bold; }
.indexAboutMain .content .desc{ line-height: 1.75; color: #666; font-size: .16rem }
.indexAboutMain .content .m2{ margin-top: .3rem }
.indexAboutMain .content .m2{  display: block;  line-height: .5rem; font-size: .17rem;color: #000;  position: relative;  z-index:3; padding:0 .3rem}
.indexAboutMain .content .m2:before{ background:#cf1b23;position: absolute; left: 0; top: 0; content: ''; border-radius: .45rem; width: .45rem; height: .45rem; z-index:-1; transition: all .3s}
.indexAboutMain .content .m2:hover{ color:#fff }
.indexAboutMain .content .m2:hover:before{ width:1.5rem; background-color: #be171e  }
.indexAboutMain .content .tit2{ font-size: .22rem; color: #000; line-height: 1.6;padding: .1rem 0 .2rem;}
.indexAboutMain .content2{ position: absolute; left:47%; top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index:5}
.indexAboutMain .content2 .about-a{ width:1rem; height:1rem;  text-align: center; font-size: .13rem; background: #f6f6f6; border:8px solid #fff; border-radius: 50%; margin:.15rem 0;color: #666; transition: all .3s }
.indexAboutMain .content2 .about-a a{ display: block;  }
.indexAboutMain .content2 .about-a a span{ display: block; width: .45rem; height: .4rem; background-size: cover; margin: .1rem auto 0}
.indexAboutMain .content2 .about-a:nth-child(1) span{ background:url(../images/about1.png) no-repeat top center; }
.indexAboutMain .content2 .about-a:nth-child(2) span{background:url(../images/about2.png) no-repeat top center;}
.indexAboutMain .content2 .about-a:nth-child(3) span{background:url(../images/about3.png) no-repeat top center;}
.indexAboutMain .content2 .about-a:hover{border:3px solid #fff;  }
.indexAboutMain .sp{float:right;width: 42%;height:100%; padding-top:.3rem}

.indexAboutMain .aboutList {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px auto; padding-top: .3rem;}
.indexAboutMain .aboutList .list {width: -webkit-calc(25% - .4rem);width: calc(25% - .3rem);margin: 0px .1rem;padding: .3rem 0px;color: #c92929;position: relative;}
.indexAboutMain .aboutList .list .numberBox span {font-size: .58rem;font-weight: 600;line-height: 0.8;color: #c92929;
    font-family:lato-bold}
.indexAboutMain .aboutList .list .text {padding-top: .1rem;font-size: .16rem;color: #555555;}
.indexAboutMain .aboutList .list:after{position: absolute; right:.55rem; top:50%;transform: translateY(-50%); width:.6rem; height:.6rem; content:""}
.indexAboutMain .aboutList .list:before{position: absolute; right:.15rem; top:50%;transform: translateY(-50%); width:1px; height:.6rem; content:""; background:#e4e2e2}
.indexAboutMain .aboutList .list:nth-child(1):after{background:url(../images/abouticon1.png) no-repeat top center; background-size:100%}
.indexAboutMain .aboutList .list:nth-child(2):after{background:url(../images/abouticon2.png) no-repeat top center; background-size:100%}
.indexAboutMain .aboutList .list:nth-child(3):after{background:url(../images/abouticon3.png) no-repeat top center; background-size:100%}
.indexAboutMain .aboutList .list:nth-child(4):after{background:url(../images/abouticon4.png) no-repeat top center; background-size:100%}
.indexAboutMain .aboutList .list:nth-child(4):before{ width:0}


.indexAboutMain .sp {position: relative;}
/* 播放/暂停按钮样式 */
.indexAboutMain .video-play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:.66rem;height: .66rem;background-color: rgba(178, 0, 0, 0.6);border-radius: 50%;border: none;cursor: pointer;z-index: 10;transition: all 0.3s ease;opacity:1;pointer-events: auto;}
/* 播放按钮三角图标 */
.indexAboutMain .video-play-btn::before {content: '';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #ffffff;margin-left: 5px;display: inline-block;}
/* 暂停状态的按钮样式（双竖线） */
.indexAboutMain .video-play-btn.paused::before {border-style: double;border-width: 0 0 0 20px;margin-left: 0;}
/* 视频暂停时强制显示按钮 */
.indexAboutMain .sp.paused .video-play-btn {opacity: 1;}
.indexAboutMain .sp:not(.paused) .video-play-btn {opacity: 0;}
/* 按钮悬停效果 */
.indexAboutMain .video-play-btn:hover {background-color: rgba(0, 0, 0, 0.8);transform: translate(-50%, -50%) scale(1.1);}
/* 视频样式保持原有设置 */
#video-media {width: 100%;display: block;}




/*手机关于*/
.mindexAboutMain{ padding: .5rem 0;background:#1c2641 url(../images/banner/banner1bg.jpg) bottom; background-size: cover; color:#fff; }
.mindexAboutMain .common_tit{ color:#fff}
.mindexAboutMain .common_tit .title{ font-size:.34rem; font-weight:bold; padding-bottom:.1rem;}
.mindexAboutMain .common_tit .enTitle img{max-width:65%; margin-bottom:.2rem}
.mindexAboutMain .common_tit .desc{ line-height:1.8; color:#fff; padding:.15rem 0 .25rem;font-size:.17rem}
.mindexAboutMain .aboutList{ display:flex; flex-wrap:wrap}
.mindexAboutMain .aboutList .list{ width:50%; font-size:.14rem; margin-bottom:.1rem; text-align:center}
.mindexAboutMain .aboutList .numberBox .number{ font-size:.3rem; font-family:lato; font-weight:bold}
.mindexAboutMain .aboutList .numberBox .text{font-size:.14rem;}

/*新闻*/
.ipart04{padding:.7rem 0 .9rem;}
.ipart04 .wrap{ position: relative; }
.ipart04 .content{  margin: .4rem auto 0;overflow: hidden; position: relative;  }
.ipart04 .content .swiper-container{ margin-bottom: .35rem }
.ipart04 .content .item{ background: #f3f4f9; }
.ipart04 .content .item>a{display:block;}
.ipart04 .content .item .img_box{ height: 2.5rem; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;}
.ipart04 .content .item .img_box .type{ position: absolute; width: .8rem;height: .3rem;line-height: .3rem; background: #1c4699; color: #fff; text-align: center; left: 0; bottom: 0;font-size: .14rem; }
.ipart04 .content .item .img_box img{ max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.ipart04 .content .item .intro_box{padding:.4rem .4rem .5rem; transition:all 0.5s ease; min-height: 2.3rem}
.ipart04 .content .item .intro_box .type{display:inline-block; font-size:.15rem; color:#fff; background:#c92929;  line-height:.3rem; padding:0 .18rem; border-radius:.06rem; margin-bottom:.1rem;  transition:all 0.5s ease;}
.ipart04 .content .item .intro_box .tit{font-size:.22rem; color:#111; margin-bottom:.2rem;  transition:all 0.5s ease;  font-weight: 500; }
.ipart04 .content .item .intro_box .txt{line-height:1.6; color:#999;  transition:all 0.5s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ipart04 .content .item .intro_box .date{ font-family: lato; font-size: .14rem; padding-bottom: .1rem }
.ipart04 .content .item:hover{background:#f2f2f2;)}
.ipart04 .content .item:hover .intro_box .tit{color:#000;}
.ipart04 .swiper-pagination{  bottom: 0 !important; left: 0; background: #999; top: unset;}
.ipart04 .swiper-pagination-progressbar-fill{ background:#333  }

@keyframes dot_scale {
	0% {
        transform:translate(-50%, -50%) scale(1);
        opacity:1;
        border-width:1px;
    }
    50%{
        opacity:1;
        border-width:1px;
    }
    100% {
        transform:translate(-50%, -50%) scale(2);
        opacity:0;
        border-width:1px;
        border-radius:12px;
    }
}

.m_ipart{display:none;}

@keyframes rotating-y {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotating-x {
    from {
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -ms-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg)
    }
}




/* 手机端部分 */
.pro_detail01 .m_rihgt{display:none;}
.pro_mFooter{display:none;}

/* 字体规范 */
/* .tit46{font-size:.46rem; line-height:.54rem;} */
.tit36{font-size:.36rem; line-height:.46rem;}
.tit24{font-size:.24rem; line-height:.33rem;}
.con15{font-size:.17rem; line-height:.3rem; color:#5b5b5b;}
.tit46{font-size:.4rem; line-height:.5rem;}


/* 上下跳动 */
@keyframes beating {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    33% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    66% {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

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





@keyframes textScale2 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(2.5)
    }

    100% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes topIn {
    0% {
        opacity: 0;
        transform: translate(-50%,-60%)
    }

    50% {
        opacity: .5;
        transform: translate(-50%,-60%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}
/* 没有导航显示的时候 */
.xc_nav.noShow{display:none;}
.xc_nav.noShow.showMe{display:block;}



/* 影像 */
.img_video .common_tit{margin-bottom:.55rem;}
.img_video01{background:#cdd2d8; position:relative; overflow:hidden;}
.img_video01 .container{position:relative; overflow:hidden; width:100vw; height:100vh; perspective:20rem; }
.img_video01 .container .scroller{height:100%; transform-style:preserve-3d; }
/* room */
.img_video01 .container .room{position:absolute; top:50%; left:50%; width:100vw; height:100vh; margin:-50vh 0 0 -50vw; pointer-events:none; opacity:0; transform-style:preserve-3d; }
.img_video01 .container .room_current{pointer-events:auto; opacity:1; }
.img_video01 .container .room_side{position:absolute; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; }
.img_video01 .container .room_side_left, 
.img_video01 .container .room_side_right{width:40rem;  height:100vh; background:#d9dde0; }
.img_video01 .container .room_side_back{width:100vw; height:100vh; background:#e3e5e8; box-shadow:0 0 0 2px #e3e5e8; transform:translate3d(0, 0, -40rem) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);}
.img_video01 .container .room_side_right{right:0; justify-content:flex-end; transform:rotate3d(0, 1, 0, -90.03deg); transform-origin:100% 50%; }
.img_video01 .container .room_side_left{justify-content:flex-start; transform:rotate3d(0, 1, 0, 90deg); transform-origin:0 50%; }
.img_video01 .container .room_side_bottom{width:100vw;  height:40rem; background:#cdd2d8; transform:rotate3d(1, 0, 0, 90deg) translate3d(0, -40rem, 0); transform-origin:50% 0%; }
.img_video01 .container .room_side_bottom{top:100%; }
.img_video01 .container .room_img{flex:none; max-width:40%; max-height:60%; margin:0 5%; transform:translate3d(0, 0, 10px); backface-visibility:hidden; }
/* Content */
.img_video01 .content{position:absolute; top:0; left:0; width:100%; height:100vh; }
.img_video01 .content .wrap{display:flex; flex-direction:column; height:100%;}
/* Slides */
.img_video01 .slides{position:relative; flex:1;}
.img_video01 .slide{position:absolute; left:50%; transform:translateX(-50%); width:auto;  pointer-events:none; opacity:0; bottom:0;}
.img_video01 .slide.slide_current{pointer-events:auto; opacity:1;}
.img_video01 .slide .slide_name{font-size:1.9rem; line-height:1; margin:0; margin-bottom:.3rem;  letter-spacing:0.05em; color:#063f87; white-space:nowrap;}
.img_video01 .slide .slide_title, 
.img_video01 .slide .slide_tips{text-align:right; margin-right:.1rem;}
.img_video01 .slide_number{font-size:.15rem; line-height:.24rem; color:#000000; padding:0 .15rem; border-radius:.06rem; display:inline-block; background:#c92929; font-weight:bold;}
.img_video01 .slide_tips{font-size:.16rem; text-transform:uppercase; font-weight:bold; color:#c92929; margin-top:.1rem;}
/* Nav */
.img_video01 .nav_btn{display:flex; justify-content:space-between; width:100%; pointer-events:none; margin-bottom:.3rem;}
.img_video01 .btn_nav .xgicon{font-size:.4rem; pointer-events:auto; cursor:pointer; color:#606060;}
.img_video01 .btn_nav.btn_nav_right .xgicon{transform:rotate(180deg);}
.img_video01 .btn_nav .xgicon:hover{color:#c92929;}

.img_video02{margin-top:1.3rem; position:relative;}
.img_video02 .content{position:relative;}
.img_video02 .content .word_box{position:absolute; right:0; top:0; height:0; padding-bottom:19.2%; width:67.9%; z-index:5;}
.img_video02 .content .word_box .tab_t{display:none;}
.img_video02 .content .word_box .tab_t .infor{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; padding-left:4.7%; padding-right:13.7%; box-sizing:border-box;}
.img_video02 .content .word_box .tab_t .title{font-weight:bold; margin-bottom:.13rem;}
.img_video02 .content .word_box .tab_t .title .tit{font-size:.34rem; font-weight:normal;}
.img_video02 .content .word_box .tab_t .con{color:#000000; max-height:.84rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.img_video02 .content .word_box .tab_t .more_btns{position:absolute; bottom:0; right:0; font-size:.15rem; line-height:.45rem; color:#000000; padding:0 .5rem; border-radius:.06rem; display:inline-block; background:#c92929; font-weight:bold; cursor:pointer;}


.img_video02 .swiper-container{height:6.9rem;}
.img_video02 .swiper-wrapper{align-items:flex-end;}
.img_video02 .swiper-slide .img{width:2.56rem; transition:all .3s ease; height:3.5rem; border-radius:.06rem; overflow:hidden;}
.img_video02 .swiper-slide.swiper-slide-active .img{width:5.05rem; height:6.89rem;}
.img_video02 .rect-1364{padding-bottom:136.43%;}

@media screen and (min-width: 992px) {
    .img_video02 .swiper-slide{width:auto!important; display:flex; align-items:flex-end;} 
}

.img_video03{margin:1.1rem 0 .9rem;}
.img_video03 .tab_t_box{text-align:center;}
.img_video03 .tab_t_box .tab_t{display:inline-block; margin:0 .15rem; cursor:pointer; color:#5a5a5a; transition:all .4s ease;}
.img_video03 .tab_t_box .tab_t div{display:inline-block; vertical-align:middle; font-size:.19rem; line-height:.3rem; font-weight:bold;}
.img_video03 .tab_t_box .tab_t .xgicon{font-size:.25rem;}
.img_video03 .tab_t_box .tab_t:hover{color:#063f87;}
.img_video03 .tab_t_box .tab_t.cur{color:#063f87;}

.img_video03 .tab_c_box{margin-top:.3rem; text-align:center; font-size:0;}
.img_video03 .tab_c_box .tab_c{display:none;}
.img_video03 .tab_c_box .tab_b{display:inline-block; margin:0 .05rem; font-size:.15rem; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; border:1px solid #d3d3d3; box-sizing:border-box; cursor:pointer; transition:all .4s ease; color:#000000;}
.img_video03 .tab_c_box .tab_b:hover{background:#063f87; color:#fff;}
.img_video03 .tab_c_box .tab_b.cur{background:#063f87; color:#fff;}

.img_video03 .tab_m_box{margin-top:.6rem;}
.img_video03 .tab_m_box .tab_m li{width:18.48%; float:left; margin-bottom:.36rem; margin-right:1.9%; position:relative; cursor:pointer; position:relative; border-radius:.06rem; overflow:hidden;}
.img_video03 .tab_m_box .tab_m li.li_first{width:38.78%;}
.img_video03 .tab_m_box .tab_m li:nth-child(4){margin-right:0;}
.img_video03 .tab_m_box .tab_m li:nth-child(5n+7){margin-right:0;}
.img_video03 .tab_m_box .tab_m li .cover{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(10, 30, 64, 0.6); opacity:0; visibility:hidden; transition:all 0.5s ease;}
.img_video03 .tab_m_box .tab_m li .cover .play{width:.5rem; height:.5rem; background:url(../images/img_video03_play.png) no-repeat center/cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.img_video03 .tab_m_box .tab_m li:hover .cover{opacity:1; visibility:visible;}


.img_video03 .rect-693{padding-bottom:69.3%;}
.img_video03 .video .rect-693 img{left:50%; transform:translateX(-50%); width:auto; max-width:none;}
.img_video03 .li_first .rect-693{padding-bottom:71.69%;}

.img_video04{margin-top:.7rem; text-align:center; overflow:hidden;}
.img_video04 .rect-5963{padding-bottom:59.63%;}
.img_video04 .box{position:relative;}
.img_video04 .content{width:73.7%; margin:0 auto;}
.img_video04 .swiper-container{overflow:visible;}
.img_video04 .swiper-slide{border-radius:.06rem; opacity:.5; transition:opacity .3s ease;}
.img_video04 .swiper-slide.swiper-slide-active{opacity:1;}
.img_video04 .swiper-slide .words{position:absolute; bottom:5.2%; left:5%; width:90%; color:#fff; font-weight:bold; opacity:0; visibility:hidden; transition:all .3s ease;}
.img_video04 .swiper-slide.swiper-slide-active .words{opacity:1; visibility:visible;}
.img_video04 .swiper-slide .paly_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.77rem; height:.77rem; background:url(../images/img_video04_play.png) no-repeat center/cover; cursor:pointer;}

.img_video04 .swiper-button-next,
.img_video04 .swiper-button-prev{position:absolute; top:50%; transform:translateY(-50%); margin-top:0; width:.75rem; height:.75rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:space-around; box-shadow:0 0 6px 2px rgba(0,0,0,0.1); outline:none;}
.img_video04 .iconfont{color:#000; font-size:.24rem; line-height:1; font-weight:bold; font-weight:bold;}
.img_video04 .swiper-button-prev{left:0;}
.img_video04 .swiper-button-next{right:0;}

/* 下层banner手机端显示 */
.xc_banner.m_show{display:none;}

/* 图集 */
.img_video02 .imgList{display:none;}
body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#c92929;}

@keyframes wave02 {
    1%,
    33%,
    35%,
    66%,
    68%,
    99% {
      height: 40%;
    }
    5%,
    29%,
    31%,
    62%,
    72%,
    95% {
      height: 45%;
    }
    12%,
    22%,
    45%,
    55%,
    79%,
    89% {
      height: 65%;
    }
    16%,
    18%,
    49%,
    51%,
    83%,
    85% {
      height: 70%;
    }
}





@keyframes rotate{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
}

body #fp-nav.left{left:.3rem;}
body #fp-nav ul li a.active span, 
body #fp-nav ul li:hover a.active span {width:6px; height:6px; background:transparent; margin:-2px 0 0 -2px;}
body #fp-nav ul li a span{width:6px; height:6px; border:2px solid #B7B7B7;  background:#b7b7b7;}
body.fp-viewing-0  #fp-nav{opacity:0;}
body #fp-nav ul li:hover a span{ margin:-3px 0 0 -4px;}
/* 发展历史 end */



/* 吸顶 */
.comparePro_list .comparison_list{position:fixed; top:100%; left:0; width:100%; background:#f5f5f5; padding:.3rem 0; transition:all 0.5s ease; opacity:0; box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.2);}
.comparePro_list .comparison_list .item{width:27.5%; margin-right:8.75%; float:left; text-align:center;}
.comparePro_list .comparison_list .item:last-child{margin-right:0;}
.comparePro_list .comparison_list .item a{display:block; font-size:0;}
.comparePro_list .comparison_list .item .img_box{width:24%; display:inline-block; vertical-align:middle; margin-right:5%; height:.7rem; mix-blend-mode:darken;}
.comparePro_list .comparison_list .item .img_box img{max-height:95%; mix-blend-mode:darken;}
.comparePro_list .comparison_list .item .intro{display:inline-block; vertical-align:middle; max-width:70%;}
.comparePro_list .comparison_list .item .intro .tit{font-size:.16rem; color:#000; font-weight:bold;}
.comparePro_list .comparison_list .item .intro .more{font-size:.15rem; color:#5b5b5b;}
.comparePro_list .comparison_list .item .intro:hover .tit{color:#0a1e40;}
.comparePro_list .comparison_list .item .intro:hover .more{color:#0a1e40;}

/* 参数 */
.comparePro_list .comparison02{margin-top:.7rem; padding-bottom:.4rem;}
.comparePro_list .comparison02 .box{font-size:0;}
.comparePro_list .comparison02 .list{float:left; width:25%; text-align:center; font-size:.16rem; line-height:.3rem;}
.comparePro_list .comparison02 .list .d_body{border-top:1px solid #dfdfdf; width:100%; border-collapse:collapse;}
.comparePro_list .comparison02 .list .parameter{padding:.07rem .05rem; border:1px solid #dfdfdf; border-top:0; color:#5b5b5b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comparePro_list .comparison02 .list .d_title{font-weight:bold; background:#ededed; color:#000;}



/* 公共部分调整 */
.header .nav_down .left .tit{display:none;}
.header .nav_down .left .item{font-size:.16rem;}
.new_application.xc_nav .swiper-slide a{font-size:.16rem;}

/* select下拉 */
body .select-ui-options-default li:hover{background:#0a1e40;}

/* 页面顶部底部高度调整 */
/*.about_us01{padding-top:.7rem;}
.channel_content.news_list,
.channel_content.assess{padding:.7rem 0 .9rem;}
.brand_activity01{padding:.7rem 0 .6rem;}
.fin_lease.channel_content{padding-top:.7rem;}
*/
/* 相对定位导航 */
.ab_header .header{position:absolute; top:0; left:0; width:100%;}


@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}



/* 没有询价按钮 */
.opinions01 .item.nopro .center_box{width:79%;}


/* 弹窗层级 */
body .box_wrap_out{z-index:1001;}
body #boxBlank{z-index:1000;}
body .bg-primary{background:#0a1e40;}


/*20231223lyx*/
.header .nav_down .right{padding-top:.6rem;}
.service_action03 .content .item .left .intro .icon{width:34px;}




/* 手机端二级导航 */
.m_xcNav{display:none;}
.mSearch_box{display:none;}

/* 新-公共标题 */
.new_common_title{color:#063f87; font-weight:bold; padding-bottom:.2rem; position:relative; text-align:center;}
.new_common_title::after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:.84rem; bottom:0; height:4px; background:#c92929;}


/* 新字号 */
.con18{font-size:.18rem; line-height:.3rem;}
.tit26{font-size:.26rem; line-height:.35rem;}
.tit40{font-size:.4rem; line-height:.5rem;}

/* 搜索内容 */
body .searchArea .content_form .form_box .search .down_wrap{z-index:6;}

/*服务案例*/
.service_common{background:url(../images/service_case01_bg.jpg) no-repeat center; height:4.85rem;}
.service_common .infor{padding-top:1.3rem; color:#fff; font-weight:bold; text-align:center; margin-bottom:.45rem;}
.service_common .content .form_box {width:45%; margin:0 auto; border-radius:.5rem; background:#fff; height:.52rem; line-height:.52rem; padding:0 1%;position:relative;}
.service_common .content .form_box input {width:90%; line-height:.52rem; border:none; padding:0; margin:0; background:transparent; float:left;text-indent:5px; height:.52rem; color:#a9a9a9;}
.service_common .content .form_box button{width:.4rem; height:.4rem; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
.service_common .content .form_box:hover button{background:#fcc100;}
.service_common .content .form_box button i{margin:0; font-size:.2rem; color:#fff; height:.2rem; position:absolute; left:50%; margin-left:-0.1rem; top:50%; margin-top:-0.1rem;}

.service_case02{margin:.4rem 0;}
.service_case02 .tab_c{padding-top:.7rem;}
.service_case02 .tab_c .content1{background:#f6f6f6; transition:all .3s ease; display:none;}
.service_case02 .tab_c .content2 .item{position:relative; background:#fff; width:32%; float:left; margin-bottom:.34rem; margin-right:2%; border-radius:.06rem; transition:all .3s ease;}
.service_case02 .tab_c .content2 .item .li_line{width:0; height:5px; background:#c92929; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.service_case02 .tab_c .content2 .item:hover .li_line{width:100%;}
.service_case02 .tab_c .content2 .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)}
.service_case02 .tab_c .content2 .item.three_item { margin-right: 0;}
.service_case02 .tab_c .content2 .item .box{padding:.3rem;}
.service_case02 .tab_c .content2 .item .box .tit{width:80%; font-size:.22rem; color:#666; font-weight:bold; line-height:.34rem; height:.68rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.service_case02 .tab_c .content2 .item .box .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin:.1rem 0; }
.service_case02 .tab_c .content2 .item .box .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;}
.service_case02 .tab_c .content2 .item .box  .con{font-size:.14rem; color:#353333; line-height:.28rem; height:.56rem; height:0px; overflow:hidden;}
.service_case02 .tab_c .content2 .item .box  .more{float:right; color:#353333;}

.service_case02 .tab_c .content2 .item_{position:relative;  width:23.8%; float:left; margin-bottom:.45rem; margin-right:1.6%; transition:all .3s ease; }
.service_case02 .tab_c .content2 .item_ a{border-radius:.1rem; overflow:hidden; display:block; background:#fff; box-shadow:0 0 15px 6px rgba(0,0,0,0.08); border-radius:.1rem;}
.service_case02 .tab_c .content2 .item_:nth-child(4n){margin-right:0;}
.service_case02 .tab_c .content2 .item_ .box .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin-top:.1rem; height:.4rem; overflow:hidden;}
.service_case02 .tab_c .content2 .item_ .box .list ul li{float:left; margin-right:.2rem; margin-bottom:.1rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;}
.service_case02 .tab_c .content2 .item_ .box .list ul li:last-child{margin-right:0;}
.service_case02 .tab_c .content2 .item_ .words{padding:.3rem .25rem;}
.service_case02 .tab_c .content2 .item_ .words .tit{font-size:.2rem; line-height:.32rem; color:#242424; height:.64rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold;}
.service_case02 .tab_c .content2 .item_ .words .time{border-top:1px solid #ebf0f5; margin-top:.2rem; padding-top:.1rem; position:relative; transition:all .3s ease;}
.service_case02 .tab_c .content2 .item_ .words .time::before{content:''; position:absolute; top:-1px; left:0; width:0; height:1px; background:#194097; transition:all .3s ease;} 
.service_case02 .tab_c .content2 .item_ .words .time span{color:#194097; border-radius:50%; font-size:.16rem; margin-right:.13rem; display:inline-block; vertical-align:middle;}
.service_case02 .tab_c .content2 .item_:hover>a{transform:translateY(-0.1rem); background:#063f87;}
.service_case02 .tab_c .content2 .item_:hover .words .tit{color:#fff; font-weight:bold;}
.service_case02 .tab_c .content2 .item_:hover .words .time{border-top-color:rgba(255,255,255,0.1); color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .words .time span{color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .box .list{color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .box .list ul li{border-color:#fff;}
.service_case02 .rect-6275{padding-bottom:62.75%;}

.service_case03{background:#fcfafa; position:relative; height:calc(100vh - 3rem); overflow:hidden; display:none;}
.service_case03 .swiper01_box{width:50%; margin-left:0; height:100%;}
.service_case03 .swiper01{height:100%;}
.service_case03 .swiper-pagination{position:absolute; bottom:9.4%; display:inline-block; width:auto; left:55%;}
.service_case03 .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:.5rem; height:4px; vertical-align:middle; background:#e4e0e0;opacity:1; outline:none; border-radius:2px; margin-right:.15rem;}
.service_case03 .swiper-pagination-bullet-active .timer,  
.service_case03 .swiper-pagination-bullet .timer{display:block; position:relative;width:.5rem; height:4px; margin-top:0; background:transparent; opacity:1}
.service_case03 .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%; background:#e4e0e0; opacity:1; content:''}
.service_case03 .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#c92929;transition-property:width; transition-timing-function:linear;}
.service_case03 .swiper-pagination-bullet.play .process{opacity:1; width:100%;}
.service_case03 .swiper-slide{height:100%; overflow:hidden;}
.service_case03 .swiper-slide .img_{height:100%; position:relative;}
.service_case03 .swiper-slide img{min-height:100%; /*max-width:none;*/ min-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.service_case03 .words_box{position:absolute; top:43%; transform:translateY(-50%); left:0; width:100%;}
.service_case03 .words_box .swiper02{width:40%; margin:0 auto; margin-right:4.5%;}
.service_case03 .words_box .swiper-slide{opacity:0!important;}
.service_case03 .words_box .swiper-slide.swiper-slide-active{opacity:1!important;}
.service_case03 .words_box .words .title a{font-weight:bold; color:#063f87;}
.service_case03 .words_box .words .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin:.25rem 0 .15rem; }
.service_case03 .words_box .words .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem; margin-bottom:.1rem;}
.service_case03 .words_box .words .more_btns{display:inline-block; line-height:.45rem; width:1.8rem; color:#000; font-size:.16rem; background:#c92929; margin-top:.45rem; font-weight:bold; border-radius:.06rem; text-align:center; transition:all .3s ease;}
.service_case03 .words_box .words .more_btns:hover{color:#fff; background:#063f87;}

.service_case03 .go_down{position:absolute; bottom:5.4%; left:0; width:100%; text-align:right;}
.service_case03 .go_down .box{display:inline-block; position:relative;} 
.service_case03 .go_down .box .bg{width:1.1rem; height:1.1rem; animation:txtRun 10s linear forwards infinite;}
.service_case03 .go_down .box .icon{width:.25rem; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); animation:updown1 1400ms ease-in-out infinite;}
@keyframes txtRun {
    form {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

@keyframes updown1 {
    0% {
        margin: -15px 0 0 0;
    }

    50% {
        margin: -5px 0 0 0;
    }

    100% {
        margin: -15px 0 0 0;
    }
}



/* 施工案例详细 */
.service_detail03{background:#f6f6f6; padding:.45rem 0; position:relative;}
.service_detail03 .content{padding:0 .82rem 0 0; position:relative;}
.service_detail03 .content .box{background:#fff; padding:.65rem .6rem;}
.service_detail03 .content .box .infor{color:#000; font-weight:bold; text-align:center;}
.service_detail03 .content .box .list{text-align:center; margin:.35rem 13%;}
.service_detail03 .content .box .bott_{text-align:center;}
.service_detail03 .content .box .bott_ img{margin-bottom:.3rem;}
.service_detail03 .content .box .bott_ p{text-align:left;}
.service_detail03 .content .box .list li{width:48%; display:inline-block; font-size:.17rem; color:#000; line-height:.43rem; border:1px solid #eee; margin:0 5px; border-radius:.06rem;}
.service_detail03 .content .back_box{position:absolute; right:0; top:0; width:.56rem}
.service_detail03 .content .back_box>div{background:#fff; transition:all .3s ease;}
.service_detail03 .content .back_box>div:hover{background:#063f87;}
.service_detail03 .content .back_box .icon{width:100%; height:.63rem; margin:0; line-height:.63rem; display:inline-block; font-size:.3rem; text-align:center; color:#bfbfbf; transition:all .3s ease;}
.service_detail03 .content .back_box>div:hover .icon{color:#fff;}
.service_detail03 ._tools {font-size:0; color:#7e7e7e; margin-bottom:.15rem; text-align:center}
.service_detail03 ._tools ._tool{font-size:.12rem; margin-right:.1rem; display:inline-block; height:.5rem; line-height:.5rem; vertical-align:middle; overflow:hidden;}
.service_detail03 ._tools .iconfont {font-size:.18rem; display:inline-block; height:.3rem; line-height:.3rem; vertical-align:-2px;}
.service_detail03 ._tools b {font-weight:normal; }
.service_detail03 ._tools #switcher {margin-left:.1rem; line-height:.4rem;}
.service_detail03 ._tools #switcher ._title{margin-right:.05rem;font-size:.12rem;color:#7e7e7e;}
.service_detail03 ._tools #switcher a {font-size:.13rem; margin:0 1px; }

.casepic img{ display:block; margin:.25rem auto}

/* 分页 */
.page_bott{background:#fff; margin-top:.3rem;}
.page_bott .page_prev{float:left; width:46%; border-right:1px solid #c9c9c9; box-sizing:border-box;}
.page_bott .page_next{float:right; width:46%; border-left:1px solid #c9c9c9; box-sizing:border-box;}
.page_bott .box{padding:.3rem .2rem;}
.page_bott .page_prev .page_btn{float:left; padding-left:.45rem;}
.page_bott .page_next .page_btn{float:right; padding-right:.45rem;}
.page_bott .page_btn{margin-right:.3rem; font-size:.16rem; color:#797979; position:relative;}
.page_bott .page_btn .icon{position:absolute; width:31px; height:11px; background:url(../images/news_detail02_3.png) no-repeat; top:50%; margin-top:-5px;}
.page_bott .page_prev .page_btn .icon{left:0;}
.page_bott .page_next .page_btn .icon{background-position:-32px 0; right:0;}
.page_bott .t{font-size:.18rem; font-weight:bold; color:#3f3f3f; line-height:.3rem;}
.page_bott a:hover .t{color:#063f87 ;}
.page_bott .page_center{float:left; width:8%; height:.9rem; position:relative;}
.page_bott .page_center .icon .iconfont{position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; margin:0; display:block; font-size:.24rem; color:#b5b5b5;color:#b5b5b5;}
.page_bott .page_center:hover .icon .iconfont{color:#063f87 ;}
.page_bott .page_prev:hover .page_btn .icon{left:-5px; transition:.3s ease;}
.page_bott .page_next:hover .page_btn .icon{right:-5px; transition:.3s ease;}




/* 公共提示文字 */
body .box_wrap_remind{text-align:center;}
/* 内页导航 */
.syt_banner.spec .syt_words{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; display:block;}
.syt_banner.spec .syt_words .title{font-size:.4rem; font-weight:bold; color:#063f87; line-height:1;}
.syt_banner.spec .syt_words .con{color:#000000; margin:.1rem 0 .2rem;}
.syt_banner.spec .syt_words .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#c92929; display:inline-block;}
.syt_banner.spec .syt_words .more_btns:hover{color:#fff; background:#063f87;}


/* 产品详情 */
.pro_detail02 .bd .right .section:last-child{padding-bottom:0;}
.pro_detail02 .bd .right .section04 .cont .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#c92929; display:inline-block; position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); cursor:pointer; z-index:3; transition:all .3s ease; display:none;}
.pro_detail02 .bd .right .section04 .cont .more_btns:hover{color:#fff; background:#063f87;}
.pro_detail02 .bd .right .section04.hasMore .cont{height:7.62rem; overflow:hidden; position:relative;}
.pro_detail02 .bd .right .section04.hasMore .cont::after{content:''; position:absolute; bottom:0; height:2.8rem; left:0; width:100%; background:linear-gradient(to top,rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.2)); }
.pro_detail02 .bd .right .section04.hasMore .cont .more_btns{display:block;}
.pro_detail02 .bd .right .section04.hasMore .cont.showAll{height:auto;}
.pro_detail02 .bd .right .section04.hasMore .cont.showAll::after{display:none;}




/* 暂时隐藏 */
/*.h_top .h_stock{margin-right:0;}
.h_top .h_rank{display:none!important;}
*/



/* 关于我们 */
/* 白色 */
.btn-noborder-white {padding: 0 .2rem;display: inline-block;height: .5rem;line-height: .5rem;background: #fff;cursor: pointer;position: relative;display: inline-block;text-align: center;font-size: 0;}
.btn-noborder-white .arrow {display: inline-block;width: 17px;height: 14px;background: url(../images/btn_black_jt.png) no-repeat center;vertical-align: middle;}
.btn-noborder-white .label {font-size: .14rem;position: relative;display: inline-block;vertical-align: middle;white-space: nowrap;padding: 0 10px;opacity: 0;visibility: hidden;max-width: 0;padding: 0;-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);color: #fff}
.btn-noborder-white:hover .label {max-width: .8rem;padding: 0 .1rem;opacity: 1;visibility: visible;color: #333f47;}

/*有线框*/
.btn-border {padding: 0 .2rem;display: inline-block;height: .5rem;line-height: .5rem;border: 1px solid #d0d0d0;cursor: pointer;position: relative;display: inline-block;text-align: center;font-size: 0;}
.btn-border .arrow {width: .17rem;height: .14rem;background: url(../images/btn_black_jt.png) 50% 50% no-repeat;display: inline-block;vertical-align: middle;}
.btn-border .label {font-size: .14rem;position: relative;display: inline-block;vertical-align: middle;white-space: nowrap;padding: 0 .1rem;opacity: 0;visibility: hidden;max-width: 0;-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);color: #444;}
.btn-border:hover .label {max-width: .8rem;padding: 0 .1rem;opacity: 1;visibility: visible;color: #000;}

/* 黄色按钮 */
.btn-yellow {display: inline-block;padding: 0 .3rem;background: #004bbe;text-align: center;font-size: .17rem;color: #fff;font-weight: lighter;position: relative;}
.btn-yellow span {position: relative;z-index: 2;display: inline-block;height: .5rem;line-height: .5rem;}
.btn-yellow:after {content: '';width: 0;height: 100%;background: #0c152d;position: absolute;left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}
.btn-yellow:hover:after {width: 100%;}
.btn-yellow .icon {position: relative;top: 2px;z-index: 2;display: inline-block;width: .17rem;height: .14rem;margin-left: 8px;background: url(../images/btn_white_jt.png) no-repeat center;}
.btn-yellow:hover {color: #fff;}
/* 墨兰色按钮 */
.btn-blue {display: inline-block;padding: 0 .3rem;background: #252525;text-align: center;font-size: .17rem;color: #fff;font-weight: lighter;position: relative;}
.btn-blue span {position: relative;z-index: 2;display: inline-block;height: .5rem;line-height: .5rem;}
.btn-blue:after {content: '';width: 0;height: 100%;background: #333;position: absolute;left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}
.btn-blue:hover:after {width: 100%;}
.btn-blue .icon {position: relative;top: 2px;z-index: 2;display: inline-block;width: .17rem;height: .14rem;margin-left: 8px;background: url(../images/btn_white_jt.png) no-repeat center;}
.btn-blue:hover {color: #fff;}



/*内页优势公用*/
.aboutys{ background:#fff; padding:.8rem 0;}
.aboutys .infor .tit{  font-weight:bold; font-size: .46rem; line-height: 1.2}
.aboutys .infor .con{ font-size: .18rem}
.aboutys .content{ padding-top: .45rem }
.aboutys  .about-pic{ width: 44%; float: left; overflow: hidden; position: relative; }
.aboutys  .about-pic img{ width: 100% }
.aboutys  .ysbox{ float: none; width: 100% }
.aboutys .youshi_ul{ }
.aboutys .youshi_ul li{ width:47.6666%;  margin:0 1% .3rem; display:inline-block; background:#ebeff0;  height:2rem; padding:.25rem; vertical-align:top;}
.aboutys .youshi_ul li .fa{  font-size:.3rem; color:#c92929; padding-right:.1rem; }
.aboutys .youshi_ul li .txt{ line-height:1.6;}
.aboutys .youshi_ul li .tit{ font-size:.25rem; display:block;color:#c92929;  font-weight:500; margin-bottom:.1rem; }
.aboutys .youshi_ul li .txt p{font-size:.17rem;}
.aboutys .youshi_ul li:hover .tit{ color:#c92929; text-decoration:underline}


/*公司简介*/




/*联系我们*/
.contact_us01 {padding:65px 0;}
.contact_us01 .tit {font-size: .45rem;color: #333e46;font-weight: bold;margin-bottom: .15rem;font-weight: bold; }
.contact_us01 .content{ padding: .3rem }
.contact_us01 .contacr_01_l {float: left;width: 38%;}
.contact_us01 .contacr_01_l .con {font-size: .2rem;color: #555;line-height:1.5;margin-bottom:.15rem;}
.contact_us01 .contacr_01_l ul li {width: 100%;margin-top: .2rem; vertical-align: top;font-weight: 500;}
.contact_us01 .contacr_01_l ul li .t {font-size: .18rem;color: #222;font-weight: bold;margin-bottom: 5px; display: inline-block; }
.contact_us01 .contacr_01_l ul li .t .fa{ font-size: .25rem; color: #c92929; padding-right: .1rem}
.contact_us01 .contacr_01_l ul li .c {font-size: .2rem;color: #333;line-height: 1.5; font-weight:bold; display: inline-block; padding-left: .1rem; font-weight: 300; }
.contact_us01 .contacr_01_l ul li .c1 {font-size: .16rem;color: #444;line-height: 1.5;overflow: hidden;  display: block;font-weight: 300;}
.contact_us01 .contacr_01_l ul li .c2{ font-family:lato; font-size:.2rem; font-weight:bold; color:#222}
/*.contact_us01 .contacr_01_l ul .wx .c{ max-width: 130px }
.contact_us01 .contacr_01_l ul li .c p{ text-align: center; padding-top: 5px }
.contact_us01 .contacr_01_l .bdsharebuttonbox a {background: none;padding-left: 0;font-size: 20px;color: #bebebe;}
.contact_us01 .contacr_01_l .bdsharebuttonbox a:hover {color: #fcb026;}*/


.contact_us01 .contacr_01_r {float: right;width: 58%;border: 1px solid #d0d4d9; height: 100%; max-width:862px}

.contactmsg{ padding:.6rem 0;background: url(../images/msg.jpg) no-repeat; background-size: cover;}
.contactmsg .msgtitle{color:#333; text-align:center}
.contactmsg .msgtitle h2{  font-weight:bold; font-size: .45rem; line-height:1.2}
.contactmsg .msgtitle p{font-size: .18rem; padding-top:0rem}

.contactmsg .msg{ margin-top: .5rem; width:100%;  }
.contactmsg .msg .lp-input{ width:48%; border:1px #bbb solid; line-height: .55rem;  margin-left:1%; padding: 0 .2rem; margin-bottom:.1rem; background:#fff; display:inline-block}
.contactmsg .msg .lp-input2{ Width:98.5%; margin-top:.1rem; display:block; height:1.5rem}
.contactmsg .msg .lp-btn{ background: #0045ae; color: #fff; line-height: .55rem; text-align: center; width: 20%; border:0;  font-weight: bold; float:none; margin:.2rem auto;display:block; font-size:.18rem; border-radius:3px; cursor:pointer}



/*产品列表页面*/
/*产品分类*/
.porfenlei{  margin: .5rem auto 0 ;background: #fff; border-radius: 5px;display: flex; position: relative; height: 1.3rem; padding: 0 .3rem}
.porfenlei .porf2{  padding: .1rem .1rem; height: .65rem; line-height: .65rem }
.porfenlei .porf2 .flico{   display: block; }
.porfenlei .porf2.hover .flico{ color: #c92929;z-index: 10;  position: relative;background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3{ position: absolute; top: .65rem;  left: 0; width: 100% ; opacity:0; height: .65rem; background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3.show{opacity:1;}
.porfenlei .porf2 .porf3 a{ display: inline-block; padding: 0 .15rem }
.porfenlei .porf2.active .porf3{ opacity: 1;}
.porfenlei .porf2.active .flico{color: #c92929;z-index: 10;  position: relative; background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3 .active{color: #c92929;}
.porfenlei .porf2.active .porf3 .list{ position: relative;z-index:6}
.porfenlei .hover .porf3 .list{position: relative; z-index: 9; background: #f9f9f9; height:100%}

/*手机端分类*/
.mdqwz{padding:.2rem 0 .0rem;font-size:.12rem}
.mporfenlei{ padding:.1rem 0 .2rem; text-align:center}
.mporfenlei ul li{ display:inline-block; padding:.08rem .2rem; background:#fff; margin:.1rem .1rem 0 0; font-size:.18rem}
.mporfenlei ul li.cur{ background:#004da9; color:#fff}
.channel_content .mdqwz{ padding:.4rem 0 .1rem}
.channel_content2 .mdqwz{ padding:.5rem 5% .2rem}
.aboutMain .mdqwz{ padding:.4rem 5% .1rem}
.serviceMain .mdqwz{ padding:.2rem 5% .4rem}
.porlistfl{ padding:.5rem 0}
.porlistfl .t{ font-size:.3rem; padding-bottom:.2rem; font-weight:bold}
.porlistfl ul{  flex-wrap:wrap; height:auto; overflow:hidden; }
.porlistfl ul li{width:32%;  font-size:.16rem; text-align:center; margin-bottom:.15rem}
.porlistfl ul li a{ display:block}
.porlistfl ul li figure{ display:background; height:1.1rem; padding:.1rem; background:#f1f1f1}
.porlistfl ul li figure img{ width:90%; margin:0 auto; display:block}
.porlistfl ul li .tit{ margin-top.2rem}
.porlistfl ul li.nyflteam figure{ background:#004da9; color:#fff; font-size:.2rem; line-height:.9rem}

.por_clm_item{ margin: 0rem 0 0rem}
.lm_item_title{padding: 0 2%;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center;cursor: pointer; margin:0rem auto 0rem;background:#fff;}

.lm_item_title .icon{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center;font-size: .3rem;text-align: center;color: #343434;transition:all 0.5s;-webkit-transition:all 0.5s;padding: 8px 25px 8px 0;}
.lm_item_title .tt{font-weight: bold;padding: 8px 0;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center; width: 90%}
.lm_item_title .t1{ padding-right: .25rem }
.lm_item_title .t2{ display: inline-block; font-size: .18rem; font-weight:normal; padding-right: .15rem; position: relative; margin-right: .15rem; margin-bottom:.1rem; }
.lm_item_title .t2:after{ position: absolute; right: 0; top: 50%; height: 12px; width: 1px; background: #bbb; content: ''; margin-top: -6px }
.lm_item_title .more{width: 1rem; color: #222; font-size: .2rem; }
.lm_item_title .more:hover{ color: #000; font-weight: bold; }
.lm_item_title .tt a:hover { color:#0442a1;  }

.pro_center{background:#ebeff0;padding:.7rem 0 .5rem 0}
.pro_center_layout.product-page-por{ display: flex; justify-content: space-between; align-items: flex-start; gap: 2%; position: relative; z-index: 1; padding: 0; width: 100%; box-sizing: border-box; }
.pro_center_layout.product-page-por > .pro_center_side{ width: 18%; flex: 0 0 18%; margin-right: 0; background: #f2f7fb; padding: .25rem .2rem .35rem; box-sizing: border-box; }
.pro_center_layout.product-page-por > .pro_center_side .infor{ width: 100%; margin-top: 0; padding-bottom: 0; }
.pro_center_layout.product-page-por > .pro_center_side .common_tit{ margin-bottom: 0; }
.pro_center_layout.product-page-por > .pro_center_side .common_tit .t1{ font-size: .22rem; }
.pro_center_layout.product-page-por > .pro_center_side .common_tit .en{ font-size: .38rem; }
.pro_center_layout.product-page-por > .pro_center_side .iporlx{ margin-top: .25rem; padding-bottom: 0; }
.pro_center_layout.product-page-por > .content,
.pro_center_layout.product-page-por > #product_pro,
.pro_center_layout.product-page-por > .pro_center02{ width: 80%; flex: 0 0 80%; min-width: 0; float: none; box-sizing: border-box; }
.pro_center_layout.product-page-por #product_pro{ position: relative; }
.pro_center_layout.product-page-por .pro_center02{ padding: 0; }
.pro_center_layout.product-page-por .por_clm_item{ margin-bottom: .3rem; }
.pro_center_layout.product-page-por .pro_center02 ul,
.pro_center_layout.product-page-por #product_pro .ipor-list{ display: flex; flex-wrap: wrap; margin-left: -2%; }
.pro_center_layout.product-page-por .pro_center02 ul::after{ display: none; }
.pro_center_layout.product-page-por .pro_center02 .item,
.pro_center_layout.product-page-por #product_pro .ipor-list .itemp{ float: none; width: 31.333%; flex: 0 0 31.333%; max-width: 31.333%; margin-left: 2%; margin-top: .2rem; box-sizing: border-box; }
.pro_center_layout.product-page-por .pro_center02 .item{ height: auto; min-height: 4.2rem; margin-bottom: .15rem; }
.pro_center_layout.product-page-por #product_pro .ipor-list .itemp{ display: block; margin-top: .2rem; }
.pro_center_layout.product-page-por #product_pro .ipor-list .itemp:nth-child(10){ display: none; }

.pro_center01 li {width: 24%;float: left;margin-left:1.3%; position: relative;}
.pro_center01 li:first-child {margin-left: 0;}
.pro_center01 li .li_box {display: block;background:url(../images/ipart-por_right.jpg) bottom; height: 2rem; background-size: cover; }
.pro_center01 li .li_box .intro {font-weight: bold; }
.pro_center01 li .li_box .intro .box {padding-top: .3rem;padding-left: .3rem;}
.pro_center01 li .li_box .intro .box .con {font-size: .15rem;color: #004da9; margin-top:.15rem; font-weight: normal;}
.pro_center01 li .li_box .intro .box .txt{ width:45%; font-weight: normal; color: #666; line-height: 1.6; padding-top:.08rem}
.pro_center01 li .li_box .intro .box .tit {font-size: .24rem;line-height: .3rem;color: #323f47;}
.pro_center01 li .li_box .img {position: absolute;right: 0;bottom: .1rem;width: 2.11rem;height: 1.42rem;transition: all 0.5s ease;z-index:5}
.pro_center01 li:hover .li_box .img,.pro_center01 li.cur .li_box .img {bottom:.3rem;}
.pro_center01 li:hover .li_box,.pro_center01 li.cur .li_box{ background: #252525 }
.pro_center01 li:hover .li_box .box .tit,.pro_center01 li.cur .li_box .box .tit{ color: #fff }
.pro_center01 li:hover .li_box .intro .box .txt,.pro_center01 li.cur .li_box .intro .box .txt{ color: rgba(255,255,255,.65); }
/*.pro_center02{ padding:0rem 0 .65rem;  }*/
.pro_center02 ul{ margin-left: -2%; }
.pro_center02 ul::after{ content: ''; display: table; clear: both; }
.pro_center02 .item {float: left;box-sizing: border-box;width:23%;margin-left:2%;margin-top: 1.49%;height:5rem; margin-bottom: .15rem}
.pro_center02 .item .item_box {position: relative;box-sizing: border-box;height: 100%;background: #fff;transition: all 0.5s ease;}
/* 产品列表：整块卡片进入详情（叠在内容上，高于 .img_box z-index:3） */
.pro_center02 .item .item_box > a.product-card-hit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	font-size: 0;
	color: transparent;
}
.pro_center02 .item .item_box .ibott { position: relative; z-index: 5; }
.pro_center02 .item .item_box::after {content: '';width: 0%;height: 6px;background: #b2161d;position: absolute;left: 0;bottom: 0;transition: 0.5s ease;}
.pro_center02 .item .img_box {text-align: center;background-size: cover; padding:0 0 .15rem 0 }
.pro_center02 .item .img_box img {max-height: 100%;}
.pro_center02 .item .intro_box {text-align: center;padding:0rem .25rem;overflow:hidden}
.pro_center02 .item .intro_box .tit {font-size: .2rem;line-height:1.3;color: #222;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  font-weight: bold;  }
.pro_center02 .item .intro_box .con {font-size: .15rem;line-height: .2rem;color: #555; padding-top: .05rem}
.pro_center02 .item .intro_box .tit2{ font-size:.14rem; color:#777}
/*.pro_center02 .item .item_box .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem;opacity: 1; background-size: cover;}*/
.pro_center02 .item .ibott .box2 { margin-top: .15rem }
.pro_center02 .item .ibott .box2 .inquiry_btn {display: inline-block;background: #fff;text-align: center;font-size: .14rem;line-height: .35rem; width: 44%; color: #333;border:1px #ddd
	solid; }
.pro_center02 .item .ibott .box2 .inquiry_btn2{ background: #f5f5f5; color: #333; margin-right: 2%;margin-left:4%;:1px #f5f5f5 solid;}
.pro_center02 .item .ibott .box2 .inquiry_btn:hover{ background: #b2161d; color: #fff }
.pro_center02 .item .ibott .box2 .links {font-size: 0;text-align: center;margin-top: .2rem;}
.pro_center02 .item .ibott .box2 .links a {position: relative;font-size: .14rem;padding: 0 .08rem;}
.pro_center02 .item .ibott .box2 .links a::after {content: '';position: absolute;right: 0;top: 50%;height: .12rem;margin-top: -0.06rem;background: #333;border-left: 1px solid #333;}
.pro_center02 .item .ibott .box2 .links a:first-child {padding-left: 0;}
.pro_center02 .item .ibott .box2 .links a:last-child {padding-right: 0;}
.pro_center02 .item .ibott .box2 .links a:last-child::after {display: none;}

.pro_center02 .item:hover .item_box {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);transform: translateY(-10px);}
.pro_center02 .item:hover .item_box::after {width: 100%;}
.pro_center02 .item:hover .intro_box .tit {color: #000;}


.pro_center02 .item .img_box{position: relative;z-index: 3}
.pro_center02 .item .img_box img{ width: 100%; height: 100%;  transition: all .3s}
.pro_center02 .item:hover .img_box img{ transform: scale(0.95);}
.pormb{ margin-bottom: .7rem }

.my-4{ text-align: center; padding: .55rem .1rem 0;font-weight:300;  }
/* 列表分页（ThinkPHP：.pagination > ul.pagination > li > a|span） */
.my-4 .pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.my-4 .pagination ul.pagination{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .08rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-4 .pagination ul.pagination li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-4 .pagination ul.pagination li a,
.my-4 .pagination ul.pagination li span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: .38rem;
  min-height: .38rem;
  padding: .08rem .14rem;
  font-size: .14rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: .04rem;
  background: #fff;
  color: #333;
  box-sizing: border-box;
  -webkit-transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.my-4 .pagination ul.pagination li a:hover{
  border-color: #004da9;
  color: #004da9;
  background: #f5f9ff;
}
.my-4 .pagination ul.pagination li a:focus{
  outline: none;
}
.my-4 .pagination ul.pagination li a:focus-visible{
  outline: 2px solid #004da9;
  outline-offset: 2px;
}
.my-4 .pagination ul.pagination li.active span{
  border-color: #004da9;
  background: #004da9;
  color: #fff;
  cursor: default;
}
.my-4 .pagination ul.pagination li.disabled span{
  border-color: #e8e8e8;
  background: #f5f5f5;
  color: #bbb;
  cursor: not-allowed;
}
/* 其它分页 HTML 结构兼容 */
.my-4 .pagination > a{ margin: 0 .04rem; }
.my-4 .pagination a.page-link{
  display: inline-block;
  padding: .08rem .14rem;
  border: 1px solid #444;
  background-color: #444;
  color: #fff;
  border-radius: .04rem;
  text-decoration: none;
}
.my-4 .pagination a.page-link:hover{
  background: #333;
  border-color: #333;
  color: #fff;
}
.my-4 .pagination .page-num{
  display: inline-block;
  padding: .08rem .14rem;
  border: 1px solid #ddd;
  border-radius: .04rem;
  background: #fff;
  color: #333;
}
.my-4 .pagination .page-num-current{
  border-color: #004da9;
  background-color: #004da9;
  color: #fff;
}

/*产品详细*/
.pro_detail01 { background:#3d5674;padding:2rem 0 .7rem;position: relative; background-size: cover;}
.pro_detail01 .left{ width:55%; float: right; overflow: hidden; }
.pro_detail01 .porbg .bigimgbox{ width: 77.5%; overflow: hidden; border: 1px rgba(255,255,255,.3) solid;}
.pro_detail01 .porbg .bigimgbox .swiper-wrapper{ width: 100% }
.pro_detail01 .porbg .bigimgbox .bigimg{background: #f2f2f2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-size: cover; position: relative;}
.pro_detail01 .left .items{ width:18%; height: 100%; overflow: hidden; overflow: hidden; }
.pro_detail01 .left .items li{ display: block; height:100% !important; width: 100%; background:#fff; border: 1px rgba(255,255,255,.3) solid; }
.pro_detail01 .left .items .swiper-slide-thumb-active{border: 1px #c92929 solid;}
.pro_detail01 .left .items li:last-child{ margin-bottom: 0 !important }

.pro_detail01 .porbg .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem; background-size: cover;}
.pro_detail01 .porbg img{}
.pro_detail01 .right {width:40%;float: left;overflow: hidden;position: relative; padding-top: .3rem}
.pro_detail01 .right .xh {font-size: .25rem;color:#fff; }
.pro_detail01 .right .xh:hover{ text-decoration: underline;  color: #fff }
.pro_detail01 .right .tit {font-size: .56rem;line-height: .5rem;font-weight:600;  margin-bottom: .25rem; padding-top: .1rem; color: #fff;  }
.pro_detail01 .right .text {font-size: .16rem;line-height:1.6;margin: .35rem 0; color:rgba(255,255,255,.7);}
.pro_detail01 .right .portys { margin: .5rem 0 .5rem }
.pro_detail01 .right .portys ul li{ display: inline-block; margin-right: 1.5%; color: #222; font-size: .16rem; text-align: center;}
.pro_detail01 .right .portys ul li{  background:rgba(255,255,255,.8); border-radius:15px 0 15px 0; padding: .1rem .25rem}
.pro_detail01 .right .portys ul li i{ padding-right: .08rem; color: #c92929 }
.pro_detail01 .right .portys ul li:hover{ background: #c92929; color: #fff }
.pro_detail01 .right .portys ul li:hover i{ color: #fff }


.pro_detail01 .right .tit2{ font-size: .22rem; color: #fff;   padding: .05rem .1rem; background:linear-gradient(to right, #051021, rgba(0, 0, 0, 0)); }
.pro_detail01 .right .list{ margin:.2rem 0 .3rem }
.pro_detail01 .right .list .tit {font-size: .15rem;line-height: .28rem;color: #fff;font-weight: bold;margin-bottom: .1rem;font-family: 'Lato-blod', sans-serif;}
.pro_detail01 .right .list .li_box {display: inline-block;background: #fff;margin-right: 1%;margin-bottom:.1rem;padding: .05rem .1rem;}
.pro_detail01 .right .list .li_box a {display: block;font-size: .14rem;font-weight: lighter;}
.pro_detail01 .right .list .li_box:hover{ background: #c92929; }
.pro_detail01 .right .list .li_box:hover a{ color: #fff }
.pro_detail01 .link {margin: .1rem 0 0;}
.pro_detail01 .link a {display: inline-block;margin-right: .4rem; color: rgb(0,0,0,.7); }
.pro_detail01 .link a span {display: inline-block;vertical-align: middle;}
.pro_detail01 .link a span.icon {width: 19px;height: 19px;}
.pro_detail01 .link a span.icon img {display: none;}
.pro_detail01 .link a.link_a1 span.icon {background: url(../images/pro_detail01_ico1.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a1:hover span.icon {background-position: 0 0}
.pro_detail01 .link a.link_a2 span.icon {background: url(../images/pro_detail01_ico2.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a2:hover span.icon {background-position: 0 0;}
.pro_detail01 .link a.link_a3 span.icon {background: url(../images/pro_detail01_ico3.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a3:hover span.icon {background-position: 0 0;}
.pro_detail01 .link a span.txt {font-size: .12rem;}
.pro_det{ margin-top:.25rem; display:flex; align-items:stretch; flex-wrap:nowrap; gap:.1rem; }
.pro_det a{ display:inline-flex; align-items:center; justify-content:center; font-size:.18rem; line-height:1.35; box-sizing:border-box; vertical-align:middle; min-height:2.4em; }
.pro_det .pro_det_btn_phone{ flex:1 1 0; min-width:0; }
.pro_det .pro_det_btn_wechat{ flex:0 0 auto; white-space:nowrap; }
.pro_det .pro_det_btn_msg{ padding:.1rem .2rem; background-color:#fff; text-align:center; border-radius:.06rem;}
.pro_det .pro_det_btn_phone .pro_det_phone_num{ font-size:.22rem; font-weight:700; letter-spacing:.02em; white-space:nowrap; color:#111; }
.pro_det .pro_det_btn_phone .pro_det_phone_label{ font-size:.15rem; font-weight:400; }
.pro_det .pro_det_btn_msg i,
.pro_det .pro_det_btn_wechat i{ margin-right:.06rem; }
.pro_det .pro_det_btn_wechat{ background-color:#07c160; color:#fff !important; border-radius:.06rem;}
.pro_det .pro_det_btn_wechat:hover{ background-color:#06ad56; color:#fff !important; }
.pro_det .pro_det_btn_wechat i{ color:#fff; }
.pro_det .pro_det_btn_msg2{ background:#333; color:#fff}
.pro_det .pro_det_btn_maile{ background:linear-gradient(45deg, #e1030c, #a3030a); color:#fff; margin-left:.1rem; font-size: .2rem}
.pro_det .pro_det_mail{   color: #fff }
.porrzicon{ width:60%; margin:.4rem 0 0 0; max-width:3rem}

.pro_detail02{ margin: 0 auto }
.pro_detail02 .hd .wrap{justify-content:flex-start;}
.pro_detail02 .pornavbox { width:70% }
.pro_detail02 .hd {margin-bottom: .7rem;height: .7rem; line-height: .7rem; background: #f2f2f2;z-index:50;color: #1b2128;}
.pro_detail02 .hd .title{ font-size: .28rem; font-weight: bold; color: #c92929; width: 30%}
.pro_detail02 .hd .target_wrap {transition: padding 0.5s ease;}
.pro_detail02 .hd .target_wrap.fixed {width: 100%;position: fixed;left: 0;top: 0;background: #fff;z-index: 5;box-shadow: 0 0 15px rgba(0,0,0,.2);padding: .15rem 0;}
.pro_detail02 .hd ul { display: flex; justify-content:flex-end;}
.pro_detail02 .hd ul li {font-size: .2rem;line-height: .7rem;color: #333;cursor: pointer;  padding: 0 2%;  width: 16.666666%; text-align: center; border-right: 1px #ddd solid}
.pro_detail02 .hd ul li.cur,.pro_detail02 .hd ul li:hover,.pro_detail02 .hd ul li a:hover{color: #fff;  background:#57607a}


.pro_detail02 .hdscroll{position:fixed;top:1rem;width:100%;}

.pro_detail02 .sections {font-size: .17rem; line-height:1.8; color: #333;font-family: 'Lato',sans-serif; color: #222}
.pro_detail02 .sections .title {font-size: .38rem;line-height: .5rem;color: #333f47;font-weight: bold;margin-bottom:.25rem; position: relative; padding-left: .18rem}
.pro_detail02 .sections .title:before{ position: absolute; left: 0; top:.12rem; height:.25rem; width:4px; background: #c92929; content: ''  }
.pro_detail02 .sections01{margin-bottom: .7rem;  }
.pro_detail02 .sections01 .right{ width: 45%; float: right; }
.pro_detail02 .sections01 .right iframe{ width: 100%; height:350px; }
.pro_detail02 .sections01 .right .porvideo{ width: 100%; height: auto; background: #444 }
.pro_detail02 .sections01 .left{ width: 51%; float: left;  line-height:1.8; }
.pro_detail02 .sections01 .left .js-bnt{ margin-top: .1rem }

/*机型*/
.pro_detail02  .sections21{ padding: .7rem 0; background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; margin-bottom:0}
.pro_detail02 .sections21 .title{ color: #fff }
.pro_detail02 .sections21 ul{ display: flex; justify-content: flex-start; }
.pro_detail02 .sections21 .pro_mol_img{  width: 23.5%;  background: url(../images/porbg2.jpg) no-repeat; background-size: cover; margin: 0 .7% }
.pro_detail02 .sections21 .pro_mol_img .t{  text-align: center;   font-weight: bold; font-size: .18rem; line-height: 1.5; background: #c92929; color: #fff;padding: .06rem}
.fancybox-skin{background: #fff }
/*原理*/
.pro_detail02 .sections02{ }
.pro_detail02 .sections02 .bg{ padding: .65rem 0 }
.pro_detail02 .sections01 .left p/*,.pro_detail02 .sections02 .content p*/{margin-top: .1rem }
.pro_detail02 .sections03{  margin-bottom:.7rem; }
.pro_detail02 .sections04{ margin-bottom:.7rem}
.pro_detail02 .sections05{ margin-bottom:.7rem}
.pro_detail02 .sections07{ margin-bottom:.7rem}
.pro_detail02 .sections08{ margin-bottom:.7rem; padding-top: .7rem}
.pro_detail02 .sections04 .bgb{  padding:.7rem 0}
.pro_detail02 .sections04 .content{ margin-bottom:.3rem}

/*应用*/
.pro_detail02 .sections06{ height: auto; overflow: hidden; }
.pro_detail02 .sections06 .info_hy {position: relative; }
.pro_detail02 .sections06 .info_hy li{ display: inline-block; width:16.3%; margin-right: .15%;transition: all .5s ease 0s; position: relative;  }
.pro_detail02 .sections06 .info_hy li .pic{   overflow: hidden; }
.pro_detail02 .sections06 .info_hy li .pic img {width: 100%;transition: all .5s ease 0s; overflow:hidden;z-index:6}
.pro_detail02 .sections06 .info_hy li:hover img {transform: scale(1.1, 1.1);-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;box-shadow: 0 0 15px rgba(0,0,0,.25)}
.pro_detail02 .sections06 .info_hy li .font{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.95)); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem; transition: all .3s}
.pro_detail02 .sections06 .info_hy li:hover .font{ background:linear-gradient(to bottom, rgba(175,13,13,.1), rgba(175,13,13,.95)); height: .9rem;line-height:.9rem;}

/*产品详细表格 4列*/
/*.pro_detail02 .sections03 .content .content_table{ padding-bottom: 10px }*/
.content table{ border:1px #ddd solid;font-size: .16rem;background: #f8f8f8; width: 100%; margin-bottom: .1rem}
.content table tr {height: .5rem; text-align: center;}

/*最顶上一行 背景是主色橙色*/
.content table tr {font-weight: normal;background: #f8f8f8;color: #333f47;}
/*标题区的背景*/
/*.content table tr:nth-child(1) {background: #0045ae;border-bottom:1px #ddd solid;font-weight: bold; color: #fff}*/
/*内容区的背景和高度*/
.content table tr:nth-child(2n) {background: #FFF;}
.content table tr td{ border-right: 1px #ddd solid; padding:3px}
.content table tr:hover{background: #0045ae; color:#fff}
.content table tr:nth-child(1):hover{background: #444;}

.pro_detail02  .sections03{}
.pro_detail02  .sections03 .bg{background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; margin-bottom:0}
.pro_detail02  .sections03 .bg .title{ color:#FFF !important}

/*图库*/
.pro_detail02 .sections04 .pic-box {font-size: 0;position: relative; }
.pro_detail02 .sections04 .pic-box li{ display: inline-block; width: 24.8%; padding-right: 2px; padding-bottom: 2px;transition: all .5s ease 0s;  }
.pro_detail02 .sections04 .pic-box li a{position:relative; display:block;overflow:hidden}
.pro_detail02 .sections04 .pic-box li img {width: 100%;transition: all .5s ease 0s; overflow:hidden;z-index:6}
.pro_detail02 .sections04 .pic-box li:hover img {transform: scale(1.1, 1.1);-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;box-shadow: 0 0 15px rgba(0,0,0,.25)}
.pro_detail02 .sections04 .pic-box li:nth-child(9){ display: none; }
.pro_detail02 .sections04 .pic-box li .t{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:rgba(21,21,21,.75); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem}
.pro_detail02 .sections04 .pic-box li:hover .t{ background:#c92929}

.pro_detail02 .sections05 {}
.pro_detail02 .sections05 .sections05bg{padding: .6rem 0; background: url(../images/case_detail03.jpg) no-repeat center; position: relative; background-size: cover;}
.pro_detail02 .sections05 .title{ color: #fff;  }
.pro_detail02 .sections05 .content{ width:94%; margin:0 auto}
.pro_detail02 .sections05 .alpic-box{overflow: hidden; }
.pro_detail02 .sections05 .alpic-box .pro_anli_img{ position: relative; }
.pro_detail02 .sections05 .alpic-box .pro_anli_img .anli_img { overflow: hidden;}
.pro_detail02 .sections05 .alpic-box a img {width: 100%;transition: all .8s ease 0s;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover img {transform: scale(1.1, 1.1);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.pro_detail02 .sections05 .alpic-box .wenzi {font-size: .2rem;color: #333333;line-height: .25rem;background-color:rgba(255,255,255,.75);padding: .2rem .2rem .2rem; text-align: center; position: absolute; bottom: 0; left: 0;  width: 100%; }

.pro_detail02 .sections05 .alpic-box .wenzi a {display: block;color: #333333;font-size: .18rem;}
.pro_detail02 .sections05 .alpic-box .wenzi p {width: .46rem;height: 2px;background-color:rgba(0,0,0,.85);margin: .1rem 0; display:none}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi {background-color:rgba(0,69,174,.85);color: #ffffff;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi a {background-color:rgba(0,69,174,.85);color: #ffffff;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi p {background-color: #ffffff;}

.sections05 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #fff;top: 50%;color: #333;font-size: .2rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 10; cursor: pointer; }
/*.sections05 .swiper-bnt i{font-family: "宋体" !important}*/
.sections05 .swiper-albnt-prev{right: 5%;}
.sections05 .swiper-albnt-next{left: 5%;}



.pro_detail02 .sections07{ margin-bottom:.7rem}
.pro_detail02 .sections07 .bgys{  background-size: cover; padding:.8rem 0; background-attachment: fixed;}
.pro_detail02 .sections07 .title {color: #333f47;}
.porys_list{background:rgba(255,255,255,.9);}
.porys_list ul{ margin-left:0%; display:flex;  padding: .15rem ; }
.porys_list li{height:auto;font-size:.16rem;color:#555;line-height:1.8;padding:.3rem .3rem .3rem 1rem;margin-left:0;position:relative; display: block; vertical-align:top;}
.porys_list li::before{content:"";border:2px dotted #adadad;position:absolute;left:5px;right:5px;top:5px;bottom:5px;}
.porys_list li::after{content:"01";position:absolute;left:.28rem;top:.12rem; font-size: .44rem;  font-weight: bold; color: rgba(220,41,41,1);}
.porys_list li strong{font-size:.24rem;color:#222;display:block; margin-bottom: .1rem}
.porys_list li p{ line-height: 1.8;   }
.porys_list li+li::after{content:"02";}
.porys_list li+li+li::after{content:"03";}
.porys_list li+li+li+li::after{content:"04";}

.porys_list li:hover{background:#b2161d; background-size: cover; color: rgba(255,255,255,.7);}
.porys_list li:hover::after{ color: #fff }
.porys_list li:hover strong{ color: #fff }

.pro_detail03{  background: #F6F6F6  }
.pro_detail03 .detail03_1{  }
.pro_detail03 .detail03_1 .infor{ position: relative; text-align: center;}
.pro_detail03 .detail03_1 .infor .tit {font-size: .36rem;font-weight: bold;line-height: .55rem;}
.pro_detail03 .detail03_1 .infor .con {font-size: .17rem;}
.pro_detail03 .detail03_1 .infor .line {display: block;width: .84rem;height: .06rem;background: #c92929;margin: .1rem auto 0;position: relative;}
.pro_detail03 .detail03_1 .infor .line::after {content: '';position: absolute;bottom: 0rem;left: 0%;width: .42rem;height: .06rem;background: #272727;}


/*相关产品*/
.sections08{ position: relative; }
.sections08 .wrap{ overflow: hidden; z-index: 88 }
.xgporpic-box .item {float: left;box-sizing: border-box;height: 5.2rem; transition: all .3s; border:1px #ddd solid;}
.xgporpic-box .item .item_box {position: relative;box-sizing: border-box;height: 100%;background: #fff;transition: all 0.5s ease;border-radius: .06rem;overflow: hidden;}
.xgporpic-box .item .img_box {text-align: center;}
.xgporpic-box .item .img_box img {}
.xgporpic-box .item .intro_box {text-align: center;margin-bottom: .1rem;  margin-top:.15rem}
.xgporpic-box .item .intro_box .tit {font-size: .2rem;line-height: .3rem;color: #000;  font-weight:bold; }

.xgporpic-box .item .intro_box .con {font-size: .15rem;line-height: .2rem;color: #555; padding-top: .05rem}

.xgporpic-box .item .item_box .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem;opacity: 1; background-size: cover;}
.xgporpic-box .item .ibott .box2 {bottom: .25rem;left: .25rem;right: .25rem;transition: all .3s ease; text-align: center; }
.xgporpic-box .item .ibott .box2 .inquiry_btn {display: inline-block;background: #fff;text-align: center;font-size: .14rem;line-height: .35rem; width: 40%; color: #333;border:1px #ddd
	solid;}
.xgporpic-box .item .ibott .box2 .inquiry_btn2{ background: #f5f5f5; color: #333; margin-right: 2% ;border:1px #f5f5f5 solid;}
.xgporpic-box .item .ibott .box2 .inquiry_btn:hover{ background: #b2161d; color: #fff }
.xgporpic-box .item .ibott .box2 .links {font-size: 0;text-align: center;margin-top: .2rem;}
.xgporpic-box .item .ibott .box2 .links a {position: relative;font-size: .12rem;padding: 0 .08rem;}
.xgporpic-box .item .ibott .box2 .links a::after {content: '';position: absolute;right: 0;top: 50%;height: .12rem;margin-top: -0.06rem;background: #333;border-left: 1px solid #333;}
.xgporpic-box .item .ibott .box2 .links a:first-child {padding-left: 0;}
.xgporpic-box .item .ibott .box2 .links a:last-child {padding-right: 0;}
.xgporpic-box .item .ibott .box2 .links a:last-child::after {display: none;}

.xgporpic-box .item:hover {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);transform: translateY(-10px);}
.xgporpic-box .item:hover .intro_box .tit {color: #c92929;}

.xgporpic-box .item .img_box img{ width: 100%; height: 100%;  transition: all .3s}
.xgporpic-box .item:hover .img_box img{ transform: scale(0.95);}

.sections08 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #454545;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index:10;cursor: pointer; }
/*.sections08 .swiper-bnt i{font-family: "宋体" !important}*/
.sections08 .swiper-por-prev{right: 5%;}
.sections08 .swiper-por-next{left: 5%;}



.pro_detail .sections06{  }
.pro_detail .sections06 .bgh{ padding: .6rem 0 .6rem; background: #f2f2f2}
/*.pro_detail .sections06 .left{ width: 55%; float: left}
.pro_detail .sections06 .right{ width: 43%; float: right; }*/
.pro_detail .sections06 .yynr_l{ float:left; width:60%}
.pro_detail .sections06 .yynr_r{ float:right; width:35%}
.pro_detail .sections06 .porwllist{ display: flex; justify-content:center; width: 100%; }
.pro_detail .sections06 .porwllist .porwl_li{  position: relative; border-radius: 5px; overflow: hidden;  margin-right:3%; width:46.555%; display:none; max-height:3rem}
.pro_detail .sections06 .porwllist .porwl_li .t{ position: absolute; left: 0; bottom: 0; width: 100%;  font-size: .18rem; color: #fff; background: rgba(0,0,0,.75);  text-align: center; padding:.1rem}
.pro_detail .sections06 .porwllist .porwl_li:hover .t{background:#0045ae;}

.pro_detail .sections01,.pro_detail .sections07,.pro_detail .sections02,.pro_detail .sections03,.pro_detail .sections04,.pro_detail .sections05,.pro_detail .sections06,.pro_detail .sections09{padding-top: 1.6rem;margin-top: -1.6rem;}
.pro_detail .sections06 .js-bnt{ margin-top: .3rem; padding:.2rem .3rem; background:linear-gradient(to right,#ddd,rgba(255,255,255,0)); border-radius: 20px 0 0 20px; width: 80%; max-width: 5rem}
.pro_detail .sections06 .js-bnt .t{ display: block; margin-bottom:.1rem; color:#222; line-height: 1.5 }

.pro_detail .sections06 .poryy1{ width: 100%; float: none}
.pro_detail .sections06 .poryy2{ width:100%; float: none; margin-top:.25rem; }
.pro_detail .sections06 .poryy2 .porwllist .porwl_li{ width:11.111%}

.pro_detail .sections06 .porwllist .porwl_li.cur{ display:block}

.pro_detail .sections06{ padding-top: .7rem }

/*产品留言*/
.porform{ background:#353534 url(../images/msg-bg.jpg) bottom right no-repeat; background-size:cover;background-attachment: fixed; padding-bottom: .3rem}
.porform .wrap{  height:auto; overflow:hidden}
.porform .lp-subtitle{ float:left; height:100%; width:38%; color:#fff; padding:.6rem .4rem; text-align:left}
.porform .lp-subtitle h2 img{ display:inline-block; padding-right:.05rem}
.porform .lp-subtitle h2{}
.porform .lp-subtitle h2 span{  font-weight:600; font-size: .28rem; line-height:1.35;display:inline-block}
.porform .lp-subtitle h2 em{ font-weight:normal; font-style:normal;font-size: .18rem; display:block}
.porform .lp-subtitle h3{  font-weight:lighter; font-size: .2rem; line-height:1.4; color:#333}
.porform .lp-subtitle p{font-size: .16rem; padding-top:.35rem; line-height:1.4; color:rgba(255,255,255,.75)}
.newsletter-signup-form{ margin-top: .5rem; width:55%; float:right; text-align: left; }
.newsletter-signup-form .lp-input{ width:49%; border:0; background: no-repeat;   line-height: .5rem;   padding: 0 .2rem; margin-bottom:.1rem; background:#fff; margin-left: 0}
.newsletter-signup-form .lp-input:nth-child(1){margin-right:1%;}
.newsletter-signup-form .lp-input2{ width:100%; float:left;margin-top:.1rem;}
.newsletter-signup-form .lp-btn{ background:#0045ae; color: #fff; line-height: .5rem; text-align: center; width: 25%; border:0;  font-weight: bold; margin-top:.1rem; float:left; cursor:pointer}


/*新闻媒体*/

.newsBg{ background: #f5f5f5 }
.newsBg {padding-top: 3.80208vw;padding-bottom: 4.27083vw;background-color: #f7f7f7;}
.newsBg .events {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;margin-bottom: 3.59375vw;}
.newsBg .events .images {width: 54.8%;}
.newsBg .events .images .swiper-slide {opacity: 0 !important;}
.newsBg .events .images .swiper-slide:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newsBg .events .images .swiper-slide img {width: 100%;height: auto;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;}
.newsBg .events .images .swiper-slide-active {opacity: 1 !important;}
.newsBg .events .content {width: 46%;padding-top: 4.84375vw;padding-left: 3.64583vw;padding-right: 2.60417vw;background-color: #ffffff;position: relative;}
.newsBg .events .content .texts .swiper-slide {opacity: 0 !important;}
.newsBg .events .content .texts .swiper-slide:hover h1 {color: #00409E;}
.newsBg .events .content .texts .swiper-slide .time {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.72917vw;color: #666666;margin-top: 1.04167vw;}
.newsBg .events .content .texts .swiper-slide .time i {font-size: 0.9375vw;margin-right: 0.3125vw;margin-top: -0.20833vw;}
.newsBg .events .content .texts .swiper-slide .title {font-size: 1.5625vw;color: #333333;font-weight: bold;line-height: 2.08333vw;margin-bottom: 1.51042vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.newsBg .events .content .texts .swiper-slide .desc {font-size: 0.9375vw;color: #333333;line-height: 1.45833vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.newsBg .events .content .texts .swiper-slide-active {opacity: 1 !important;}
.newsBg .events .eventsPagination {position: absolute;left: 3.64583vw;bottom: 2.91667vw;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center; font-family: lato}
.newsBg .events .eventsPagination .eventsPaginationCurrent {font-size: 0.83333vw;color: #1558A3;font-weight: bold;margin-right: 7.65625vw;}
.newsBg .events .eventsPagination .eventsPaginationTotal {font-size: 0.83333vw;color: #E0E0E0;font-weight: bold;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.newsBg .events .eventsPagination .eventsPaginationTotal.highlight {color: #1558A3;}
.newsBg .events .swiper-scrollbar {position: absolute;left: 5.26042vw;bottom: 3.38542vw;width: 6.25vw;height: 0.10417vw;background: #F2F2F2;border-radius: 0px;}
.newsBg .events .swiper-scrollbar .swiper-scrollbar-drag {border-radius: 0px;background: #1558A3;}
.newsBg .events .swiper-button-prev,
.newsBg .events .swiper-button-next {top: auto;margin-top: 0px;width: 1.04167vw;height: 1.04167vw;color: #999999;font-size: 1.30208vw;border-radius: 0px;background: none;font-weight: bold;}
.newsBg .events .swiper-button-prev::after,
.newsBg .events .swiper-button-next::after {display: none;}
.newsBg .events .swiper-button-prev:hover,
.newsBg .events .swiper-button-next:hover {background: none;color: #1558A3;}
.newsBg .events .swiper-button-prev {left: auto;right: 5.67708vw;bottom: 3.07292vw;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.newsBg .events .swiper-button-next {right: 3.64583vw;bottom: 3.07292vw;}

.newsBg .news {margin-bottom: 3.33333vw;}
.newsBg .news .newsMain ul#grid {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.newsBg .news .newsMain ul#grid li {width: 30.73%;margin-right: 2.905%;margin-bottom: 3.305%;}
.newsBg .news .newsMain ul#grid li:nth-child(3n+3) {margin-right: 0%;}
.newsBg .news .newsMain ul#grid li:nth-last-child(-n+3) {margin-bottom: 0%;}
.newsBg .news .newsMain ul#grid li:hover .image img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newsBg .news .newsMain ul#grid li .image {overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 2.45rem;background-color: #fff;}
.newsBg .news .newsMain ul#grid li .image img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.newsBg .news .newsMain ul#grid li .content {height: 10.3125vw;padding: 1.35417vw 1.97917vw;background-color: #ffffff;}
.newsBg .news .newsMain ul#grid li .content .time {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.72917vw;color: #383838;}
.newsBg .news .newsMain ul#grid li .content .time i {font-size: 0.9375vw;margin-right: 0.3125vw;}
.newsBg .news .newsMain ul#grid li .content .title {font-size: 1.14583vw;color: #333333;line-height: 1.60625vw;height: 3.125vw;font-weight: normal;margin-top: 0.9375vw;margin-bottom: 1.11875vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsBg .news .newsMain ul#grid li .content .more {font-size: .7958vw;color: #666;}
.newsBg .news .newsMain ul#grid li:hover .content .time,.newsBg .news .newsMain ul#grid li:hover .content .more{ color:#c92929 }

/*新闻二级栏目*/
.centernav{ }
.centernav .ny_nav{ text-align:center;padding:0 0 .3rem 0 }
.centernav .ny_nav .item{ line-height: .5rem; border:1px #ddd solid; text-align: center; margin-right:1%; display: inline-block; background-color: #fff; color: #111; padding:0 .25rem; font-size: .17rem; margin-bottom: .1rem}
.centernav .ny_nav .item a{ display: block; }
.centernav .ny_nav .item.cur,.centernav .ny_nav .item:hover{ background-color:#0359ab; color: #fff !important; border:1px #0359ab solid; }
.centernav .ny_nav .item:hover a{ color: #fff }

/*新闻详细*/
.icon-button {display: table;position: relative;margin: auto 0 auto auto}
.icon-button .content {border: 2px solid #222;width: 150px;display: block;height: 50px;overflow: hidden;position: relative;transition: all .6s ease; color: #fff; }
.icon-button .content span,.icon-button .content .h2 {position: absolute;top: 0px;height: 100%;padding-top: 10px;transition: all .6s ease-in-out}
.icon-button .content span {left: 13px; color: #222}
.icon-button .content .h2 {left: 100%}
.icon-button .content .fa{color: #333;width: 50px;height: 100%;position: absolute;right: -2px;top: 0;transition: all .3s ease-in-out;padding: 10px;border-right: 2px solid #222;border-left: 2px solid #222;z-index: 1; font-size: .22rem}
.icon-button:hover .content span {left: -100%}
.icon-button:hover .content .fa {right: 98px}
.icon-button:hover .content .h2 {left: 80px}
.icon-button:hover .content {border-color: #fff}
.icon-button:hover .content .h2 {color: #fff}
.icon-button:hover .content span {left: -100%}
.icon-button:hover .content .fa {right: 98px;color: #fff;border-color: #fff}
.icon-button:hover .content .h2 {left: 80px}
.newscontent .wrap{ padding: .5rem; background-color: #fff }
.newscontent .wrap .content{  font-size: .18rem }
.newscontent .wrap .content p{    line-height:1.7}
.sxlist{ display:flex; justify-content: space-between; margin: .45rem 0 0 }
.sxlist>div {border: 1px solid #ddd;margin-bottom: .25rem; width:49%}
.sxlist .box {padding: .15rem .15rem;background-color: #ebeff0}
.sxlist .box .t {font-size: .22rem;color: #3c3c3c;line-height: .24rem;position: relative;margin-bottom: .1rem; font-weight: 500;  }
.sxlist .box .t:after {content: '';position: absolute;width: 60%;height: 1px;background: #f2f2f2;left: 30%;top: .12rem;}
.sxlist .box .tit {font-size: .16rem;color: #696969;line-height: .25rem;/*height: 50px;*/overflow: hidden;transition: all .3s ease;text-overflow: ellipsis;margin-top: .15rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sxlist .box:hover .tit {color: #c92929;}
.newscontent .case_pic{ margin-bottom: .1rem }
.newscontent .case_pic img{ display: block; margin: .1rem auto }
.newspor{ padding:.4rem 0 .7rem }
.newspor .sections .title {font-size: .38rem;line-height: .5rem;color: #333f47;font-weight: bold;margin-bottom:.25rem;}

/*案例*/
.news_detail01 .content .c_right .hot_por{  background: #f5f5f5; }
.news_detail01 .content .c_right .hot_por .hot_box {padding:.3rem;}
.news_detail01 .content .c_right .hot_por .infor .tit {float: left;font-size: .24rem;font-weight: bold;color: #323f47;line-height: .26rem;}
.news_detail01 .content .c_right .hot_por .infor .more {font-size: .16rem;color: #797979;float: right;line-height: 26px;}
.news_detail01 .content .c_right .hot_por .con .item { background: #333;margin-top: .25rem;transition: all .3s ease;border-radius: 5px; overflow: hidden;  }
.news_detail01 .content .c_right .hot_por .con .item .t {font-size: .17rem;color: #fff;line-height:.45rem;height:.45rem;text-align: center; background: #313131}
.news_detail01 .content .c_right .hot_por .con .anli_img {  background:#333 url(../images/porbg.jpg) no-repeat center;background-size:cover; padding: .1rem 0}
.news_detail01 .content .c_right .hot_por .con .anli_img img{width: 70%; margin:0px auto; display: block; transition: all .3s}
.news_detail01 .content .c_right .hot_por .con .item:hover { box-shadow: 0 0 15px rgba(0,0,0,.25); background:#313131}
.news_detail01 .content .c_right .hot_por .con .item:hover .t{background:#c92929; }
.news_detail01 .content .c_right .hot_por .con .item:hover .anli_img img{ width: 75% }
/*视频列表*/



/*应用首页*/
.hy_banner { text-align: center; }
.hangye_list0{  margin: .65rem 0 .65rem -2% ; text-align: center;}
.hangye_list0 .box {padding: .3rem .2rem;position: relative;background: #fff; border-radius: 5px; width: 31%; margin: 0 0 .3rem 2%;max-height: 4.8rem; min-height: 4.8rem; text-align: left; display: inline-block; vertical-align: top}
.hangye_list0 .pic {width: 1.45rem;height: 1.4rem;margin-bottom: .2rem;overflow: hidden;position: relative; background: url(../images/yybg.png) no-repeat;  background-size: cover; margin: 0 auto}
.hangye_list0 .pic img {-webkit-transition: all .5s;transition: all .5s; width: 1.35rem;height: 1.3rem; }

.hangye_list0 .text {padding:.1rem .15rem}
.hangye_list0 .title {font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:.06rem;  font-weight: 500; color: #373737; }
.hangye_list0 .text .con{ line-height: 1.4; color: #888; font-size: .16rem }
.hangye_list0 .tag {color: #666;line-height:1.8;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;clear: both;overflow: hidden;margin:.2rem 0;}
.hangye_list0 .a-1 {font-size: .14rem;display: inline-block;padding-right: .2rem;vertical-align: top; background: #f3f3f3;  border-radius: .5rem; padding: 0 .1rem}
.hangye_list0 .more { font-size: .16rem;  background: none }
.hangye_list0 .more a {color: #333;font-weight: bold;}
.hangye_list0 .more a:hover,.hangye_list0 .more span:hover {text-decoration: underline}
.hangye_list0 .box:hover{ background: #343434 }
.hangye_list0 .box:hover .pic .default {top: -5%;bottom: auto}
.hangye_list0 .box:hover .title {color: #d44141}
.hangye_list0 .box:hover .more a{color: #d44141; }
.hangye_list0 .box .a-1:hover {color: #fff; background: #555}



/*应用列表*/
.pt40{ padding-top:.4rem }
.hangye_list01 ul{}
.hangye_list01 {margin: .6rem 0;}
.hangye_list01 .item_ {position: relative;width:18.8%;margin-bottom: .45rem;margin-right: 1.5%;transition: all .3s ease; display: inline-block;}
.hangye_list01 .item_ a {border-radius: .1rem;overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .1rem;}
.hangye_list01 .item_ .box .list {font-size: .14rem;color: #8b8b8b;line-height: .28rem;margin-top: .1rem;height: .4rem;overflow: hidden;}
.hangye_list01 .item_ .box .list .li01 {float: left;margin-right: .2rem;margin-bottom: .1rem;border: 1px solid #8b8b8b;padding: 0 5px;border-radius: .06rem;}
.hangye_list01 .item_ .box .list .li01:last-child {margin-right: 0;}
.hangye_list01 .item_ .words {padding: .1rem .25rem;}
.hangye_list01 .item_ .words .tit {font-size: .2rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold; padding-bottom: .1rem}
.hangye_list01 .item_ .words .con{ color: #555; line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.hangye_list01 .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.hangye_list01 .item_:hover .words .tit {color: #fff;font-weight: bold;}
.hangye_list01 .item_:hover .box .list {color: #fff;}
.hangye_list01 .item_:hover .box .list .li01 {border-color: #fff;}
.hangye_list01 .item_:hover .words .con{ color: rgba(255,255,255,.7); }

/*图片*/
.honor_list{ }
.honor_list .honor_list01{padding:.25rem 0 .7rem }
.honor_list .honor_list01 .item_ {position: relative;width: calc(95% / 3); display:inline-block;margin-bottom: .45rem;transition: all .3s ease; background: #fff;  margin-right:1.5%}
.honor_list .honor_list01 .item_ a {overflow: hidden;display: block;background: #fff; padding: .2rem}
.honor_list .honor_list01 .item_ .words {padding: .25rem .15rem; text-align: left;}
.honor_list .honor_list01 .item_ .words .tit {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: .6rem; line-height: 1.25;}
.honor_list .honor_list01 .item_ .words .tit .fa{ color:#c92929; padding:0 .1rem 0 0}
.honor_list .honor_list01 .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.honor_list .honor_list01 .item_:hover{transform: translateY(-0.1rem);background: #373737;}
.honor_list .honor_list01 .item_:hover .words .tit {color: #fff;font-weight: bold;}
/*视频列表*/
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:0; top:0;  z-index:100; width:100%; height:100vh; background: rgba(0,0,0,.55);  }
.videos2{ width: 800px; height: 500px;background:#343434;background: cover; top: 15%; margin-left:-400px; left:50%; position: absolute; }
.videos2 iframe{ width:100%; height:500px}
.videos2 p{ font-size: 24px; text-align: center; color: #fff; padding-top: 30px }
.videos video{  width:100%}
.vclose { position:absolute;right:-10%; top:-2%; border-radius:100%; cursor: pointer;background: #e40013; width:35px; height:35px }
.wysj{ width: 180px; margin:10px auto 0; background: #e40013; text-align: center; color: #fff; line-height:40px; display: block; border-radius: 20px;  }

/*成套解决方案*/
.solu_center01 {padding:.8rem 0;background: #f5f5f5 url(../images/sou_bg.jpg); background-size: cover;}
.solu_center01 .infor {text-align: center;padding: 0 15%;}
.solu_center01 .infor .tit {font-size: .44rem;line-height: .44rem;color: #fff;font-weight: 600; }
.solu_center01 .infor .con {font-size: .16rem;line-height: .28rem;color: rgba(255,255,255,.7);margin-top:.2rem; }
.solu_center01 .content {margin-top: .6rem;padding: 0 5%;}

.solu_center01 .content ul li {width: 16.666666%;text-align: center;float: left;position: relative;}
.solu_center01 .content ul li .icon {width: .75rem;height: .7rem;margin: 0 auto;}
.solu_center01 .content ul li .txt {font-size: .16rem;color: #fff;margin-top: .2rem;}
.solu_center01 .content ul li:hover .icon img {transform: rotateY(180deg)}
.solu_center01 .content ul li .icon img {transition: all .5s ease;}
.solu_center01 .content ul li:first-child:after {display: none;}
.solu_center01 .content ul li:before{ position: absolute; content: "01"; color: rgba(220,41,41,.75); left:15%; top:-.1rem;font-size:.3rem;  font-weight:bold;}
.solu_center01 .content ul li+li:before{content: "02";}
.solu_center01 .content ul li+li+li:before{content: "03";}
.solu_center01 .content ul li+li+li+li:before{content: "04";}
.solu_center01 .content ul li+li+li+li+li:before{content: "05";}
.solu_center01 .content ul li+li+li+li+li+li:before{content: "06";}
.solu_center02 {padding: .6rem 0 1rem;}

.solu_center02 .item_ {position: relative;width: 47.6%;margin-bottom: .4rem;margin-right: 2%;transition: all .3s ease; display: inline-block; }
.solu_center02 .item_ a {border-radius: .1rem;overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .1rem;}
/*.solu_center02 .item_:nth-child(3n) {margin-right: 0;}*/
.solu_center02 .item_ .box .list {font-size: .14rem;color: #8b8b8b;line-height: .28rem;margin-top: .2rem;}
.solu_center02 .item_ .box .list .li01 {float: left;margin-right: .1rem;margin-bottom: .1rem;padding: 0 .1rem; background: #f0f0f0; color: #555;}
/*.solu_center02 .item_ .box .list .li01:nth-child(1),.solu_center02 .item_ .box .list .li01:nth-child(2),.solu_center02 .item_ .box .list .li01:nth-child(3),.solu_center02 .item_ .box .list .li01:nth-child(4),.solu_center02 .item_ .box .list .li01:nth-child(5){ display:block}*/
.solu_center02 .item_ .box .list .li01:last-child {margin-right: 0;}
.solu_center02 .item_ .words {padding: .3rem .25rem;}
.solu_center02 .item_ .words .tit {font-size: .24rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold; padding-bottom: .1rem; line-height:1.3;height: 0.7rem;}
.solu_center02 .item_ .words .con{ font-size:.15rem; line-height:1.7; color: #666; height: .55rem }
.solu_center02 .item_:hover>a {transform: translateY(-0.1rem);background:#373737;}
.solu_center02 .item_:hover .words .tit {color: #fff;font-weight: bold;}
.solu_center02 .item_:hover .words .con{ color: rgba(255,255,255,.7); }
.solu_center02 .item_:hover .box .list {color: #fff;}

.solu_center02 .item_ .box .list .li02 { background: #c92929; color: #fff}
.souDetail_ban {position: relative; padding:1.5rem  0 .6rem;background: url(../images/n-bg.jpg) no-repeat center; background-size: cover; }
.souDetail_ban .crumbs {width: 100%; color: #fff;font-size: .14rem; color: rgba(255,255,255,.65); }
.souDetail_ban .crumbs .fa { margin-right:5px}
.souDetail_ban .crumbs a {font-size: .14rem;color: rgba(255,255,255,.65);}
.souDetail_ban .crumbs a:hover {color: #c92929;}

.newscontent{ background: #f5f5f5; padding-bottom:.5rem;}
.newscontent .wrap{padding:.6rem .4rem; background: #fff; }

/*下层banner文字*/
.souDetail_ban .intro { margin-top: .2rem ;position: relative;}
.souDetail_ban .intro .tit {font-size: .4rem;line-height: .46rem;font-weight: bold;color: #fff; padding-left: .2rem;  width: 80% }
.souDetail_ban .ico2{ color: rgba(255,255,255,.85);  padding: .35rem 0 0 .1rem; font-size: .14rem; position: absolute; left:.2rem; bottom: .15rem; width: 100%;}
.souDetail_ban .ico2 .c1{ padding-right: .3rem }
.souDetail_ban .ico2 .c1 .fa{ padding-right: .03rem }

.souDetail_ban .intro .canshu {font-size: .14rem;color: rgba(255,255,255,.6);text-align: center; margin-top: .3rem}
.souDetail_ban .intro .canshu .c1 {display: inline-block;text-align: center;padding: 0 .25rem;}
.souDetail_ban .intro .canshu .c2 {border-right: 1px solid rgba(255,255,255,.15);}
.souDetail_ban .intro .canshu .c1 em {font-size: .18rem;color: #fff;;display: block;}
.bgh{background: #f6f6f6; }
.solu_proboxwl{ padding-bottom:.3rem}
.solu_probox .title{ font-size: .4rem;margin: .2rem auto .15rem; color: #333;font-weight:600; }
.solu_pro01{ padding-bottom: .4rem }
.solu_pro .solu_pro01 .content{ border-radius: 10px; overflow: hidden; }
.solu_pro .solu_pro01 .solmainpic{ padding-bottom: .3rem }
.solu_pro .solu_pro01 .left{  float: left; width: 58% }
.solu_pro .solu_pro01 .left img{ width:100%}
.solu_pro .solu_pro01 .right{float: right; width: 42%; padding: 3%}
.solu_pro .solu_pro01 .right .tit{ font-size: .3rem; padding: 0 0 .25rem; color: #222; line-height: 1.2; font-weight: bold; }
.solu_pro .solu_pro01 .zt_r .con1{ padding-bottom:.15rem; font-size:.16rem; font-family:"Lato"; color:#555}
.solu_pro .solu_pro01 .zt_r .con1 strong{ padding-right:.05rem;font-family:"Lato";color:#111}
.solu_pro .solu_pro01 .zt_r .con2 strong{color:#c92929}


.solu_pro .solu_pro01 .right p,.solu_pro .solu_pro01 .right{ font-size: .17rem; line-height: 1.6; }
.solu_pro .solu_pro01 .right .js-bnt{ margin-top: .4rem }
.solu_pro .solu_pro01 .contentnr{ padding-top: .4rem }

.solu_pro .solu_pro02{ padding: .5rem 0; background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; position:relative; }
.solu_pro .solu_pro02 .wrap{ overflow:hidden}
.solu_pro .solu_pro02 .title{ color: #fff }
.solu_pro  .solu_pro02 .xgporpic-box ul{  }
.solu_pro  .solu_pro02 .xgporpic-box .item{  width:24%; margin-bottom: .15rem; border:0;}



.solu_pro03{ margin: .45rem auto 0rem; position:relative}
.solu_pro  .solu_pro03 .pic-box {font-size: 0;position: relative; padding:0 1%; }
.solu_pro  .solu_pro03 .pic-box li{ width: 24.8%; margin-right: 5px; margin-bottom: 2px;transition: all .5s ease 0s; float: left; position:relative; overflow:hidden}
.solu_pro  .solu_pro03 .pic-box li img {width: 100%;transition: all .5s ease 0s;}
.solu_pro  .solu_pro03 .pic-box li:hover img {transform: scale(1.1, 1.1);-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;box-shadow: 0 0 15px rgba(0,0,0,.25)}
.solu_pro  .solu_pro03 .pic-box li .t{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:rgba(21,21,21,.75); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem}
.solu_pro  .solu_pro03 .pic-box li:hover .t{ background:#c92929}


.solu_pro03 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #c92929;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 99; cursor: pointer; }
/*.sections05 .swiper-bnt i{font-family: "宋体" !important}*/
.solu_pro03 .swiper-xtbnt-prev{right: 0%;}
.solu_pro03 .swiper-xtbnt-next{left: 0%;}

.solu_pro .solu_pro02 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #454545;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 99;cursor: pointer; }
/*.sections08 .swiper-bnt i{font-family: "宋体" !important}*/
.solu_pro .solu_pro02 .swiper-por-prev{right: 5%;}
.solu_pro .solu_pro02 .swiper-por-next{left: 5%;}


.solu_pro .yingyong_pro01{}
.solu_pro .yingyong_pro01 .left{  float: right; width: 35% }
.solu_pro .yingyong_pro01 .right{float: left; width: 65%; padding: 3%;font-size: .17rem; line-height: 1.8;}
.solu_pro .yingyong_pro01 .content2 .tit{font-size: .4rem; padding: 0 0 .1rem; color: #222; font-weight: bold;}
.solu_pro .yingyong_pro01 .content2{font-size: .17rem; line-height: 1.8;  padding: .3rem 0 0}
.bghei{ padding: .25rem 0; background: #333 url(../images/case_detail03.jpg) no-repeat center; background-size: cover; }
.bghei .title{ color: #fff !important }

.solu_pro04{ padding-bottom: .6rem }
.solu_pro04 .wl_ul{ margin-left: -.8% }
.solu_pro04 .wl_ul .item_li{ display: inline-block; width:11.44444%; margin-left:.8%; text-align: center; font-size: .15rem; position: relative; margin-bottom:.2rem }
.solu_pro04 .wl_ul .item_li .wl_img{ position: relative; z-index: 5 }
.solu_pro04 .wl_ul .item_li .tit{ line-height:1.4; background: rgba(0,0,0,.75);  color: #fff;z-index: 6; width: 100%; display: block; height: .7rem; overflow: hidden; padding: .1rem 0}
.solu_pro04 .wl_ul .item_li:hover .tit{ background: #c92929; }

.solu_pro .solu_pro06 .bgb{ padding:.45rem  0 .6rem}


.p60{ padding: .6rem 0 }
.solu_pro07,.solu_pro08{ padding-bottom:.6rem}
.solu_pro07 p,.solu_pro08 p{  margin-bottom: .1rem; line-height: 1.6; font-size: .17rem }
.solu_pro08 .wrap{ position: relative; }
.solu_pro08 .js-bnt{padding:.2rem .3rem; background:linear-gradient(to right,#ddd,rgba(255,255,255,0)); border-radius: .2rem 0 0 .2rem; width: 45%;position: absolute; left: 0; bottom:.1rem; max-width: 4.5rem}
.solu_pro08 .js-bnt .t{ display: block; margin-bottom: .1rem; color:#333; font-size: .16rem }

.solu_pro .solu_pro01 .wlnt_l{  float: left; width:35% }
.solu_pro .solu_pro01 .wlnt_l img{ width: 100% }
.solu_pro .solu_pro01 .wlnt_r{float: right; width:64%;}
.bgb{ background:#fff; }

/*底部留言*/
.liuyanbot {padding: .15rem 0;background-color:rgba(235,235,235,.95);position: fixed;z-index: 9999;bottom: 0;width: 100%;opacity:1; left: 0}
.liuyanbot .liuyan_det{ position: relative; }
.liuyanbot .liu01{width: .9rem;height: 1.21rem;position: absolute;bottom:-.6rem;left: 0;}
.liuyanbot .liu02{  float: left; width: 2.5rem; margin-left: 1.2rem}
.liuyanbot .liu03{  float: right; width:calc(100% - 5rem);}
.liuyan_det .renwu {}
.liuyan_det p {font-size: .2rem;color: #333;font-weight: bold;}
.liuyan_det p span {color: #d11a2d;}

.liuyan_det .bform-group  {font-size: .16rem;display: inline-block; width: 39%; margin-left: 2%}
.liuyan_det .bform-group2 { width: 14% }
.liuyan_det .bform-group .bform-control{  padding:.2rem .15rem;  height:.35rem; line-height:.35rem; border:1px #ddd solid; width:100%; }
.liuyan_det .btn-default {background-color: #c92929;color: #ffffff;border: 1px #d11a2d solid;font-size: .16rem;font-weight: normal;text-shadow: none; text-align: center; line-height:.4rem; padding: 0 .15rem}
.liuyan_det .form-control:focus {box-shadow: none;}
.liuyan_det .btn-default:active:hover {background-color: #d11a2d;color: #ffffff;font-size: .16rem;font-weight: normal;text-shadow: none; border: 1px #d11a2d solid}

@media only screen and (max-width: 760px) {
    .liuyanbot { display:none}
    
}

/* 右侧导航 */
.right_nav{position:fixed;  right:0; bottom:.92rem; width:.44rem; z-index:9990;}
.right_nav .service{width:.44rem; border:0; color:#fff; border-radius:4px; background-image:-webkit-gradient(linear, left top, left bottom, from(#363636), to(#0f0f0f)); background-image:-o-linear-gradient(#363636, #0f0f0f)); background-image:linear-gradient(#363636, #0f0f0f)); font-size:.14rem; padding:4px 5px .1rem; -webkit-box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); cursor:pointer;}
.right_nav .service i{display:block; color:currentColor; font-size:.2rem; margin-bottom:2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.right_nav .service span{ display:block; line-height:1.3; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .service:hover i{-webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); opacity:0;}
.right_nav .service:hover span{-webkit-transform:translateY(-14px); -ms-transform:translateY(-14px); transform:translateY(-14px);}
.right_nav .item{margin-top:.08rem; width:.44rem; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 .05rem; text-decoration:none; width:100%; height:.44rem; font-size:.12rem; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;}
.right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:.4rem; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:6px; -webkit-transform:translate(0, -38px); -ms-transform:translate(0, -38px); transform:translate(0, -38px); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;}
.right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -45px); -ms-transform:translate(0, -45px); transform:translate(0, -45px); opacity:1;}
.right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}

.right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px}
.right_nav .popup.hasGo{display:block;}
.right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:24px; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)}
.right_nav .popup.kefu_pup .box{width:330px; padding:0;}
.right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;}
.right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;}
.right_nav .popup .title i{margin-right:5px; font-size:20px;}
.right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;}
.right_nav .popup .box.more_box{max-height:520px; width:240px; overflow-y:auto;}
.right_nav .popup .box.more_box .tit{font-size:16px; line-height:1.4; margin-bottom:16px;}
.right_nav .popup .box.more_box .tit i{font-size:19px; margin-right:3px}
.right_nav .popup .box.more_box .line{padding:14px 16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:8px;}
.right_nav .popup .box.more_box .line .t{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:4px; display:block;}
.right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;}
.right_nav .popup .box .cont .prompt{display:block; font-size:12px; -ms-flex:0 0 84px; flex:0 0 84px; margin-right:5px; background-color:#f5f5f5; padding:5px; line-height:1.3;}
.right_nav .popup .box .cont .img_box{width:100%; text-align:center;}
.right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;}
.right_nav .popup .box .cont .img_box .title{display:block; font-size:12px; margin-bottom:0;}
.right_nav .popup .box .con{text-align:center;}
.right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#0a1e3f; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;}
.right_nav .popup .box .con a:hover{background:#c92929; color:#000!important;}
.right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#0a1e3f; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;}
.right_nav .popup .more_btn a{color:#fff; display:block;}
.right_nav .popup .more_btn:hover{background:#c92929; color:#000;}
.right_nav .popup .more_btn a:hover{color:#000;}
.right_nav .popup .more_btn:last-child{margin-bottom:0;}
.right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;}

.right_nav:hover .popup{display:block; }



/*应用页面*/
.yy_center02{}
.yy_center02 .yyll_li_box{ margin:.3rem auto; padding:.3rem; background:#fff; }
.yy_center02 .yyll_li_box  .yyll_li_boxa{display:flex; justify-content:space-between;align-items:center}
.yy_center02 .yyll_li_box .pic{ width:20%;flex-shrink:0; max-height:3.3rem; overflow:hidden}
.yy_center02 .yyll_li_box .text{ width:77%;flex-shrink:0}
.yy_center02 .yyll_li_box .text .title{ font-size:.3rem;  font-weight:bold}
.yy_center02 .yyll_li_box .text .con{ color:#777; line-height:1.7; padding:.15rem 0}
.yy_center02 .yyll_li_box .text .tag{}
.yy_center02 .yyll_li_box .text .tag b{ padding-right:.1rem}
.yy_center02 .yyll_li_box .text .tag span{ padding-right:.1rem; text-decoration:underline}
.yy_center02 .yyll_li_box .text .more{ width:1.2rem; background:#1c479c; color:#fff; text-align:center; margin-top:.2rem; padding:.1rem; border-radius:5px}
.yy_center02 .yyll_li_box:hover{box-shadow:0 0 .15rem rgba(0,0,0,.2)}
.yy_center02 .yyll_li_box  .yyll_li_boxa:hover{ color:#1c479c}
.yy_center02 .yyll_li_box:hover .more{ background:#c92929}

.max980{  max-width: 9rem; margin: 0 auto }
.txtcenter{ text-align: center; }
.yytit2{ padding:.45rem 0 .3rem}
.yytit2 span{ font-size:.24rem;  padding:.15rem; background:#1c479c; color:#fff; border-radius:5px}
.service_action.channel_content {padding-top: .7rem;}
.service_action .common_tit {margin-bottom: .3rem; position: relative; text-align: center; font-weight:bold}
.service_action .common_tit .line {display: block;width: .84rem;height: .06rem;background: #c92929;margin: .1rem auto 0;position: relative;}
.service_action .common_tit .line::after {content: '';position: absolute;bottom: 0rem;left: 0%;width: .42rem;height: .06rem;background: #1c479c;}
.service_action .con{ font-size: .16rem; line-height: 1.8 }

.service_action02 {padding-bottom: .6rem; padding-top:.3rem}
.service_action03 .common_tit{ color:#fff}
.service_action03{ padding: .8rem 0;background: url(../images/bgyspor.jpg) no-repeat; background-size: cover; background-attachment: fixed;  margin-bottom:.8rem}
.yingyongys .rect-38 {padding-bottom: 45.8%;padding-bottom: 0;height: auto;}
.yingyongys .rect-38 img {width: 100%;}
.yingyongys{ }
.yingyongys .item { display: inline-block; width: 31%; margin:0 .8%; background: #fff }
.yingyongys .item .left {position: relative;width: 100%; padding:5% 5% 2%}
.yingyongys .item .left .intro {position: relative;}
.yingyongys .item .left .intro .icon {position: absolute;left: 0;top:0rem;}
.yingyongys .item .left .intro .tit {font-size: .25rem;font-weight: bold;margin-bottom: .1rem;color: #000;padding-left: .5rem;}
.yingyongys .item .left .intro .tit span {margin-left: .1rem;}
.yingyongys .item .left .intro .con {color: #747474;text-align: justify; padding-bottom: .2rem }
.yingyongys .item .right {position: relative;width: 100%; padding:4% 4% 0}
.yingyongys .item.even {flex-direction: row-reverse;}
.yingyongys2 .item{ width:18%; border-radius:5px}
.yingyongys2 .item .left .intro .tit{ padding:0; text-align:center; font-size:.2rem; font-weight:normal}

.service_action04 {padding:0 0 .7rem 0; height:auto; overflow:hidden}
.service_action04 .infor {text-align: center;width: 74%;margin: 0 auto;margin-bottom: .3rem;}
.service_action04 .content ul {width: 103%;}
.yingyongpor ul{ height:auto;overflow:hidden}
.yingyongpor .item{ margin-bottom:.2rem}
.yingyongpor .item .img_box img{ padding:.15rem}


/*侧栏*/
.fixed-right{position:fixed;right:0;bottom:150px;z-index:1002;cursor:pointer;}
.fixed-right ul li{width: 50px;height: 50px;position: relative;}
.fixed-right ul li i{width: 50px;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;font-size: 18px;text-align: center;}
.fixed-right ul li.fixed-right-top:hover i{background: #DB2146;border-bottom: 1px solid #e9092c;}
.fixed-right ul li i.fa-mobile{font-size: 24px;}
.fixed-right ul li span{width: 160px;line-height: 50px;background: #333;color: #fff;padding-left: 10px;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .5s;}
.fixed-right ul li:hover span{left: -160px;}
.fixed-right .fixed-right-online{transition-duration: 1s;}
.fixed-right .fixed-right-online.show{height: 0;overflow: hidden;}
.fixed-right .fixed-right-comments,.fixed-right .fixed-right-top{height: 0;overflow: hidden;transition-duration: 1s;}
.fixed-right .fixed-right-comments.show,.fixed-right .fixed-right-top.show{height: 50px;}

.pt6{ padding-top:.6rem}

/*视频*/
/*com_video*/
.com_video{padding:.5rem 0 0 .65rem;position:relative;z-index:1;font-size:0;-webkit-text-size-adjust:none; display: block;}
.com_video{cursor:pointer;}
.com_video p:nth-child(1){ width:2rem; height: .5rem; }
.com_video p:nth-child(1) img{width:2rem; height: .5rem; }
.com_video p{font-size:.15rem;color:rgba(0,0,0,.9);margin-top:10px;margin-left:.1rem;}
.com_video em{display:inline-block;width:.75rem;height:.75rem;background:url(../images/about/video_icon.png) no-repeat center center;background-size:cover;}
.com_video:hover em{background:url(../images/about/video_icon_hover.png) no-repeat center center;background-size:cover;}


#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#videobg .container{position:relative;height:100%;}
.video{padding:10px;width:66%;height:auto;background:#FFF;position:absolute;left:17%;top:50%;transform:translateY(-50%);}
.video video{width:100%;height:100%;display:block;}
.video p{margin:0;height:.6rem;line-height:.6rem;color:#000;}
.video span{width:.4rem;height:.4rem;background:#000;color:#FFF;font-size:20px;line-height:.4rem;text-align:center;position:absolute;outline:none;top:0px;right:-.4rem;cursor:pointer;display:block;font-family:Arial;}

.honor_list01{ padding-bottom:.5rem}
.h_video_list{   padding:.5rem 0}
.h_video_list .videolist {position: relative;width: calc(94% / 3); display:inline-block;margin-bottom: .45rem;transition: all .3s ease; background: #fff;  margin-right:1.5%}
.h_video_list .videolist a {overflow: hidden;display: block;background: #fff; padding: .2rem}
.h_video_list .videolist .words {padding: .25rem .15rem; text-align: left;}
.h_video_list .videolist .words .tit {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: .6rem; line-height: 1.25;font-family:'Oswald',sans-serif;}
.h_video_list .videolist .words .tit .fa{ color:#c92929; padding:0 .1rem 0 0}
.h_video_list .videolist:hover>a {transform: translateY(-0.1rem);background: #373737;}
.h_video_list .videolist:hover{transform: translateY(-0.1rem);background: #373737;}
.h_video_list .videolist:hover .words .tit {color: #fff;font-weight: bold;}
/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {display: block;height: 0;line-height: 0;overflow: hidden;visibility: hidden;content: 'Pc';}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }
@media only screen and (max-width: 1920px) {
    /* rem+vw+calc, 同时设置px兼容 */
    html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
}

@media only screen and (max-width: 1620px){



}
/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}



}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
  
}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    html{font-size:80px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}

}


/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
    html{font-size:80px;}
    body:after {content: 'Pad'; }
    body{ user-select: none;-webkit-user-select: none;}
    /* html { overflow-x:hidden;} */
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:94%; }
    /*padMode 1240px 网站样式*/
   .nynavscroll{top: 38px; }
    /* 头部 */
    .h_bott .inav_wrapper .nav_li{padding:0 .05rem;}
    .h_top .h_find .icon img{max-height:100%;}
    .h_bott .inav_wrapper .nav_li .sec_nav .box dl{margin-right:.4rem;}
    .h_top .h_model{margin-right:.2rem;}
    .h_top .h_seller{margin-right:.2rem;}

    /* 语言版本下拉 */
    .lang_xiala .top{padding:.3rem 0;}
    .lang_xiala .top .suggest .item{padding:.1rem;}
    .lang_xiala .bott .item .tit{padding:.2rem 0;}
    .lang_xiala .bott .item .tit span{font-size:.24rem;}

    /* 搜索下拉 */
    /* .search_xiala .top{width:940px; margin:0 auto;} */
    .search_xiala .top .box{width:100%; box-sizing:border-box;}
    .search_xiala .top .box .inp_box .inp_area ul li{font-size:.22rem; margin-bottom:.1rem;}
    .xc_nav .item>a{padding:.2rem 0; margin:0 .2rem;}

    /* 底部 */
    .f_bott .f_logo{display:none;}
    .f_top .right{width:40%;}
    .f_top .right .search_box{width:100%;}

.header{ padding:.3rem 1%}
.pageHeader .h_lang .fa-globe {font-size: .2rem;padding: 0 0.08rem 0 0.08rem;}
.pageHeader .h_stockt{ padding-left:.15rem}
.foot-contact .ftopli2 { padding:.1rem; line-height:.45rem}

.porfenlei .porf2{ padding:0rem .03rem;}
.porfenlei .porf2 .flico{padding:0 .05rem;}
.porfenlei .porf2.active .flico{ padding:0 .05rem; }
.porfenlei{padding:0 .1rem}
    /* 首页 */
    .ibanner .swiper-slide .img_box{height:6rem;}
    .ipart01{padding:.7rem 0;}
    .ipart01 .content .left{height:6.8rem;}
    .ipart01 .content .left .center img{max-width:5rem;}
    .ipart01 .content .right .item.top::after{background-size:contain;}
    .ipart03 .infor{padding-top:.7rem;}
    .ipart03 .content .sect{height:4.5rem; padding-top:.8rem;}
    .ipart03 .content .sect .intro{width:50%;}
    .ipart03 .content .sect .intro .tit{font-size:.3rem; line-height:.36rem;}
    .ipart04{padding:.7rem 0;}
    .ipart04 .content .right .top .tit{height:.3rem; -webkit-line-clamp: 2;  }
    .ipart04 .content .right .bott .item{padding:.05rem 0;}
    .ipart01 .content .left .center{min-height:90%;}
    .ipart02 .cover_words{left:10%; bottom:10%; width:45%;}
    .ipart02 .cover_words .more_btns{margin-top:.3rem;}
    .ipart04 .content .left .item .intro_box{padding:.22rem .3rem .23rem;}
    .ipart04 .content .left .item .rect-5945{padding-bottom:59.45%;}
    .ipart04 .content .left .item .rect-5945 img{transform:none; left:0; width:100%; max-width:100%;}

    /* 产品详情 */
    /* .pro_detail{padding-top:.5rem;} */
    .pro_detail01 .right{padding-top:0;}
    .pro_detail01 .right .title_box{margin-bottom:.2rem;}
    .pro_detail01 .right .title_box .model{font-size:.56rem;}
    .pro_detail01 .right .title_box .cate{font-size:.22rem;}
    .pro_detail01 .right .center_cont .item{margin-bottom:.2rem;}
    .pro_detail01 .right .center_cont .item02 li{margin-right:.13rem;}
    .pro_detail01 .right .btns_box>div{margin-bottom:.2rem;}
    .pro_detail01 .right .btns_box .more_btn{margin-top:.2rem;}
    .pro_detail01 .right .btns_box .more_btn .btns_{width:1.4rem; line-height:.48rem;}
    .pro_detail02 .hd .right .btns_box .btns{width:1.4rem;}
    .pro_detail02 .bd .left{width:100%; float:none}
    .pro_detail02 .bd .right{width:100%; float:none}
    .pro_detail02 .bd .right .section{padding:.2rem 0;}
    .pro_detail02 .bd .right .section .title{font-size:.28rem;}
    .pro_detail02 .bd .right .section04 li .btns{margin-top:.2rem;}
    .pro_detail02 .bd .right .section04 li .btns a{padding:0 .2rem;}
    .pro_detail02 .bd .right .section04 li{padding:.2rem 2%;}  
    .pro_detail02 .bd .right .section05 li .btns{margin-top:.2rem;}
    .pro_detail02 .bd .right .section05 li .btns a{padding:0 .2rem;}
    .pro_detail02 .bd .right .section05 li{padding:.2rem 2%;}  


/*机型*/
/*.pro_detail02  .sections21{ padding: .35rem 0; }*/
/*.pro_detail02 .sections21 ul{ display: block; }*/
/*.pro_detail02 .sections21 .pro_mol_img{  width: 100%;margin:0 0 .2rem 0 }*/
/*.pro_detail02 .sections21 .pro_mol_img .t{ font-size: .2rem; line-height: 1.4;  padding: .15rem }*/

.porform{   padding-bottom:.5rem}
.porform .lp-subtitle{ float:none; width:100%; padding:.3rem 0rem; text-align:left; color:#fff}
.porform .lp-subtitle h2{ font-size: .24rem; line-height:1.4}
.porform .lp-subtitle h3{ font-size: .18rem; }
.porform .lp-subtitle p{font-size: .16rem; padding-top:.15rem}
.porform .lp-subtitle h2 img{  width:.7rem}
.newsletter-signup-form{ margin-top: .3rem; width:100%; float:none; }
.newsletter-signup-form .lp-input2{ Width:100%; float:none;margin-top:0rem;}
.newsletter-signup-form .lp-input{ width:100%; line-height: .45rem;  margin-right:0; margin-bottom:.1rem}
.newsletter-signup-form .lp-btn{  width: 40%; max-width: 1.5rem; display:block; margin:0 30%}

.contactmsg{ padding:.2rem 0 .45rem 0}
.contactmsg .msgtitle h2{font-size: .28rem; line-height:1.2}
.contactmsg .msgtitle p{font-size: .18rem; }

.contactmsg .msg{ margin-top: .3rem;  }
.contactmsg .msg .lp-input{ width:100%; margin-left:0%; padding: 0 .2rem; margin-bottom:.1rem; background:#fff; display:block}
.contactmsg .msg .lp-input2{ Width:100%; margin-top:0rem;height:1.5rem}
.contactmsg .msg .lp-btn{  width: 40%;  margin:.2rem auto;display:block; font-size:.2rem}


    /* 产品列表 */
    .pro_list01 .left{width:20%;}
    .pro_list01 .right{width:78%;}
    .pro_list01 .right .bott .bd .products .item{width:31.84%; height:3.8rem;}
    .pro_list01 .right .bott .bd .products .item .item_box{padding-top:.3rem;}
    .pro_list01 .right .bott .bd .products .item .ibott .box1 table td{padding:0 .1rem;}
    .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a{font-size:13px; padding:0 .05rem;}

    /* 字号调节 */
    /* .tit46{font-size:.4rem; line-height:.46rem;} */
    .tit36{font-size:.3rem; line-height:.36rem;}

    .tit46{font-size:.36rem; line-height:.42rem;}

    /* 新闻详情 */
    .news_detail1 .right{width:23%;}
    .news_detail1 .right .title{padding-left:.2rem;}
    .news_detail1 .right .item .item_con{padding:.2rem;}
    .news_detail1 .right .item .item_con .sub input{text-indent:.1rem;}

    /* 关于我们 */
    .about_us .ab_box{width:50%;}
    .about_us01{background-size:cover;}
    .about_us01 .top .content .common_tit{margin-bottom:.5rem;}
    .about_us01 .top .content .right_year{font-size:2rem;}
    .about_us02 .content .common_tit{margin-bottom:.5rem;}
    .about_us03 .content .r_box{width:50%; height:6rem; right:-3%;}
    .about_us01 .bott::after{height:4.5rem; background-size:cover;}

    /* 联系我们 */
    .contact_us01{padding:.6rem 0;}
    .contact_us01 .content .top_ .cover .box{padding:20px;}
    .contact_us01 .content .bott_ .li_box .con dd a,
    .contact_us01 .content .bott_ .li_box .con dd span{display:block;}

    /* 页面顶部底部高度调整 */
    .channel_content.assess{padding-bottom:.4rem;}
    .news_list1 .right .item{margin-bottom:.2rem;}
    .brand_activity01{padding-bottom:.3rem;}
    .channel_content.news_list{padding-bottom:.6rem;}

    .service_action02 .infor{width:100%;}
    .service_action02 .infor .list li .icon img{width:.6rem;}
    .service_action02 .infor .list li .number{font-size:.5rem;}
    .yingyongys .item{align-items:flex-start;}
    .yingyongys .item .left .intro .tit{font-size:.26rem;}
    .service_action04 .infor{width:80%;}
    .service_action05 .dituinfo, .service_action05 .dotinfo{width:80%;}
    .service_action03, .service_action05{width:100%;}
     .service_action03{margin-bottom:.4rem}
    .service_action06 .content .item img{transform-origin:center center; transform:translate(-50%, -50%) scale(0.8);}
    .service_action07 .content .item .box .icon img{width:.4rem;}
    .service_action07 .content .item .box .intro .tit{font-size:.26rem;}
    .service_action08 .content{padding:0 .3rem;}
    .service_action08 .content .cover{width:52%; bottom:0;}
    .service_action08 .content .cover .box{padding:.4rem;}
    .service_action08 .content .cover .box dt{font-size:.26rem; line-height:.26rem; float:none;}
    .service_action08 .content .cover .box .text{margin-top:.15rem;}
    .yingyongys .item .left .intro .icon img{width:.3rem;}

  

    /* 字号调节 */
    .tit40{font-size:.36rem; line-height:.42rem;}

    /* 解决方案产品列表 ljx */
    .solu_pro01 .right .list .item .box .info .con li span{width:42%; padding-left:7%;;}
    .solu_pro01 .right .list .item .box .info .con li span.l{width:44%;}
    .solu_pro01 .right .list .item .box .info .con{padding:0 0.1rem;}
    .solu_pro01 .right .list .item .box .info .btns a{padding:0 0.2rem;}
    .solu_pro01 .left .item span{padding:0 0.15rem;}
    .solu_pro01 .left .item span .icon:after, .solu_pro01 .left .item span .icon:before{right:0.15rem;}
    .solu_pro01 .left .item ul li{padding:0 0.15rem;}
    .solu_pro01 .left .item ul li i{right:0.12rem;}

    /* 新-应用场景1 */
    .appl_detail .infor{width:90%;}
    .appl_detail01 .content li{width:32.4%; margin-right:1.4%; }
    .appl_detail01 .content li:nth-child(4n){margin-right:1.4%;}
    .appl_detail01 .content li:nth-child(3n){margin-right:0;}
    .appl_detail02{padding:.7rem 0;}
    .appl_detail02 .top{margin-bottom:.4rem;}
    .appl_detail03{margin-bottom:.6rem;}
    .appl_detail03 .swiper-slide{width:32.7%;}

    /* 服务 */
    .service_action02 .box li .num_box .num{font-size:.6rem;}



    /* 产品详情 */
    .pro_detail01 .left .top_img .left_l{width:25%;}
    .pro_detail01 .left .top_img .left_l .ul_box{height:4.1rem;}
    .pro_detail01 .left .top_img .left_r{width:73%;}
    .pro_detail01 .left .area_360 .button_360 .icon img{width:.5rem;}
    .pro_detail01 .left .right_btns .video_btns .icon img{width:.35rem;}
    .pro_detail02 .hd .list .left{margin-left:0;}

    /* 服务案例详细 */
    /*.service_detail03{padding:.6rem 0;}*/
    /*.service_detail03 .content .box .list li{width:46%;}*/


    /* 新-首页 */
    .ipart06 .cover_words{bottom:10%; width:45%;}
    .ipart06 .cover_words .more_btns{margin-top:.3rem;}
    .ipart06 .content{height:6rem;}
    .ipart06{margin-bottom:.2rem;}
    .ipart07 .content .area{display:none;}
    .ipart07 .content .m_area{display:block;}
    .ipart07 .content .m_area .box2{position:relative; width:4rem; display:inline-block; padding:.7rem .3rem .4rem; background:rgba(255,255,255,0.1); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); border:2px solid rgba(255,255,255,0.3); white-space:normal; border-radius:.1rem; margin-right:.3rem;}
    .ipart07 .content .m_area .box2 .info{margin-top:.3rem;}
    .ipart07 .content .m_area .box2 .info .tit{font-weight:bold; margin-bottom:.1rem; color:#fff;}
    .ipart07 .content .m_area .box2 .info .con{color:rgba(255,255,255,0.3); min-height:.9rem;}
    .ipart07 .content .m_area .box2 .link_box{margin-top:.4rem;}
    .ipart07 .content .m_area .box2 .link_box a{display:inline-block; font-size:.16rem; padding:0 .2rem; line-height:.5rem; color:#000000; cursor:pointer; border-radius:.1rem; transition:all .3s ease; background:#f5be2c; margin-bottom:5px;}
    .ipart07 .content .m_area .cont{overflow-x:auto;}
    .ipart07 .content .m_area .cont::-webkit-scrollbar{width:0; height:0;}
    .ipart08 .content .sect{height:4.5rem; padding-top:.8rem;}
    .ipart08 .content .sect .intro{width:50%;}
    .ipart08 .content .sect .intro .tit{font-size:.3rem; line-height:.36rem;}


    .contact_us01 .content .bott_ .li_box{padding:.3rem;}
    .appl_detail02{height:auto;}
    .appl_detail02 .content .box{width:92%; margin:0 auto; white-space:normal; text-align:left;}
    .appl_detail02 .content .img{width:49%; margin:0; margin-right:2%; margin-bottom:.2rem; box-sizing:border-box;}
    .appl_detail02 .content .img:nth-child(2n){margin-right:0;}
    
    /* 产品详情 */
    .pro_detail02 .bd .right .top .title_box .title{font-size:.28rem;}
    .pro_detail02 .bd .right .top .cont_box .box{display:block; }
    .pro_detail02 .bd .right .top .bd_box li .li_right{padding-top:0; width:69%; margin-right:0;}
    .pro_detail02 .bd .right .top .cont_box .box .box_right{width:100%; padding-left:0; border-left:0; padding-top:.3rem; margin-top:.3rem; border-top:1px solid #eeeeee; justify-content:space-evenly;}
    .pro_detail02 .bd .right .top .cont_box .box .box_left{text-align:center; padding-right:0; width:100%;}
    .pro_detail02 .bd .right .top .cont_box .box .box_left .words{text-align:left;}
    .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .ti .icon_star_box{display:none;}
    .pro_detail02 .bd .right .top .bd_box li{padding:.4rem 0;}
    .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .para_box{margin-top:.05rem;}

    /* 产品口碑 */
    .pro_opin01{margin:.6rem 0;}
    .pro_opin01 .title_box{padding:.4rem 0;}
    .pro_opin01 .title_box .title{font-size:.28rem;}
    .pro_opin01 .bott{padding:.5rem 0; width:90%;}
    .pro_opin01 .bott .item{padding:.3rem 0;}
    .pro_opin01 #commentiframe_star>div{margin-right:.5%;}
    .pro_opin01 #commentiframe_star>div:last-child{margin-right:0;}
    .pro_opin01 .vstar .vstar-blank{margin-left:.05rem;}
    .pro_opin01 .bott .item .cont_box{margin-left:1rem;}

    /* 新-企业文化 */
    .new_culture01 .right .item .cover .num{font-size:.8rem;}
    .new_culture01 .left li .t{padding-left:.2rem;}
    .new_culture01 .left li.cur .t{font-size:.24rem;}
}

@media only screen and (max-width: 1100px) {
    /* 新-融资租赁 */
    .new_lease04{padding-top:.7rem;}
    .new_lease04 .right .more_btns{display:none;}
    .new_lease04 .right .img{width:80%;}
    /* 首页 */
    .ipart01 .content .right .item .area_{top:.1rem; right:.1rem;}
    .ipart01 .content .left .bott{right:.1rem;}
    .ipart01 .content .left .top{right:.1rem;}
}

@media only screen and (max-width: 1000px) {
    body:after {content: 'Padp';}
    .wrap, .mwrap { width:760px; }
    /*padMode 992px 网站样式*/
    /* 头部 */
    .header .nav_down .right .item{width:48%;}
    .h_top .h_find .text{display:none;}
    .header .nav_down .left ul::before{left:calc(50% - .3rem);}
    .h_bott .inav_wrapper .nav_li{padding:0 .05rem; padding-right:.02rem;}
    .h_bott .inav_wrapper .nav_li .nav_a{font-size:.15rem;}
    .h_bott .h_tools .h_lang{padding:0 .2rem; white-space:nowrap;}
    .h_bott .h_tools .h_lang i{position:static;}
    .h_bott .h_tools .h_three,.h_bott .h_tools .h_login, .h_bott .h_tools .h_cart, .h_bott .h_tools .h_search{padding:0 .07rem;}
    .h_bott .inav_wrapper .nav_li .sec_nav .box dl{margin-right:.2rem;}
    .h_bott .inav_wrapper .nav_li .sec_nav .box dt{font-size:.14rem;}


    .xc_nav .item>a{padding:.2rem 0; margin:0 .1rem;}

    /* 底部 */
    .f_bott .f_logo{width:1.4rem;}

    /* 首页 */
    .ibanner .swiper-slide .img_box{height:5rem;}
    .ipart01 .content .left .center img{max-width:4rem;}
    .ipart01 .content .right .item>a{height:2.9rem;}
    .ipart01 .content .left{height:6rem;}
    .ipart01 .content .left .top{width:1.2rem;}
    .ipart03 .content .sect .intro{width:60%;}
    .ipart04 .content .left{width:100%; margin-bottom:.3rem;}
    .ipart04 .content .right{width:100%;}
    .ipart04 .content .right .top{padding:.21rem .4rem .2rem;}

    /* 产品详情 */
    .pro_detail01 .left .area_360{top:0;}
    .pro_detail01 .right{width:45%; margin-right:0;}
    .pro_detail01 .right .title_box .model{font-size:.48rem;}
    .pro_detail01 .right .title_box .cate{font-size:.2rem;}
    .pro_detail01 .right .center_cont .item02 li{padding:0 .15rem;}
    .pro_detail01 .right .btns_box .top_btn a{margin-right:.2rem;}
    .pro_detail02 .hd .left span{margin-right:.4rem;}
    .pro_detail02 .hd .right .btns_box .btns{width:1.2rem; line-height:.38rem; margin-right:.1rem;}
    .pro_detail02 .hd .right .item{margin-right:.2rem;}
    .pro_detail02 .hd .left span{font-size:.22rem;}
    .pro_detail02 .bd .right{width:100%;}
    .pro_detail01 .right .btns_box .more_btn .btns_{width:1.3rem; margin-left:.05rem;}

    .news_detail1 .left .text img{max-width:100%!important;}

    /* 新闻列表 */
    .news_list1 .left{width:100%;}
    .news_list1 .left .select_btn{display:inline-block; line-height:.46rem; font-size:.18rem; height:.46rem; border:1px solid #ddd; padding:0 .5rem;}
    .news_list1 .left .form_box{display:none;}
    .news_list1 .right{width:100%; margin-top:.65rem;}
    .news_list1 .right .item{float:left; width:31.33%; margin-right:2%; min-height:2.1rem;}
    .news_list1 .right .item3{margin-right:0;}

    /* 公司新闻稿 */
    .news_press1 .bott .right .group_news .intro_box .tit{font-size:.28rem;}
    .news_press1 .bott .right .group_news .intro_box{padding:.4rem .2rem;}


    /* 产品列表 */
    .pro_list01 .left{width:25%;}
    .pro_list01 .right{width:73%;}
    .pro_list01 .right .bott .bd .products .item{width:48.5%;}



    /* 字号调节 */
    .tit36{font-size:.26rem; line-height:.3rem;}
    .tit24{font-size:.2rem; line-height:.28rem;}

    .tit46{font-size:.3rem; line-height:.38rem;}

    /* 新闻详情 */
    .news_detail1 .left{width:70%;}
    .news_detail1 .right{width:28%;}

     .newscontent .wrap{ padding: .35rem .25rem; background-color: #fff }





    /* 关于我们 */
    .about_us .ab_box .top{margin-bottom:.2rem;}
    .about_us .ab_box .top .common_tit::after{bottom:-0.55rem;}
    .ab_center .content .con{max-height:2.8rem; overflow-y:auto;}
    .about_us01 .top .content .right_year{font-size:1.5rem;}
    .about_us01 .bott::after{height:3.8rem;}
    .about_us01 .bott ul{padding:.5rem 0 .4rem;}
    .about_us03{padding:.6rem 0;}
    .about_us03 .content .r_box{width:53%; height:5rem;}


    /* 联系我们 */
    .contact_us01 .infor .con{margin:.35rem 0 .4rem;}
    .contact_us01 .content .top_ .cover .box{padding:1rem .3rem;}
    .contact_us01 .content .bott_ .li_box .con{height:auto;}
    .contact_us01 .content .bott_ li{margin-bottom:.3rem;}
    .contact_us01 .content .bott_ li:last-child{margin-bottom:0;}
    .contact_us01 .content .bott_ .li_box .con dd a, .contact_us01 .content .bott_ .li_box .con dd span{display:inline-block}


    /* 20231219 wangqz**/
    .service_action03{padding:.6rem 0; margin-bottom:.6rem;}
    .service_action02,.service_action04{padding-bottom:.6rem;}
    .service_action07{padding:.6rem 0;}
    .service_action02 .infor .con{margin-bottom:.3rem;}
    .service_action02 .infor .list li{width:48%; margin:0 1% 3%; min-height:1.22rem;}
    .service_action02 .infor .list li .icon{display:none;}
    .service_action02 .infor .list li .number{font-size:.38rem; line-height:1;}
    .service_action04 .infor{width:100%;}
    .service_action07 .content .item .box{padding-left:.6rem;}
    .service_action07 .content .item .box .intro .tit{margin-bottom:0;}
    .service_action06 .content .item{width:15%; margin-right:1.6%;}
    .service_action08 .infor{padding:0 5%;}
    .service_action08 .content{padding:0 5%;}
    .service_action08 .content .rect-5133{display:none;}
    .service_action08 .content .cover{width:100%; position:static;}
    .service_action02 .infor .list li .number .num{margin-bottom:.1rem;}

    /*应用*/
.yy_center02{}
.yy_center02 .yyll_li_box{ margin:.2rem auto .3rem; padding:.2rem;  }

.yy_center02 .yyll_li_box .pic{ width:30%;flex-shrink:0; max-height:5rem; overflow:hidden}
.yy_center02 .yyll_li_box .text{ width:65%;flex-shrink:0}
.yy_center02 .yyll_li_box .text .title{ font-size:.22rem;  font-weight:normal}
.yy_center02 .yyll_li_box .text .con{ padding:0; font-size:.14rem;display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; height:.5rem; }
.yy_center02 .yyll_li_box .text .tag{ display:none}
.yy_center02 .yyll_li_box .text .more{ width:1rem;margin-top:.2rem; padding:.05rem;font-size:.14rem}




    /* 字号调节 */
    .tit40{font-size:.3rem; line-height:.38rem;}
    .tit26{font-size:.22rem; line-height:.3rem;}

    

    /* 产品详情 */
    .pro_detail02 .hd .list .left{margin-left:0;}

    /* 案例详情 */
    .service_detail03 .content .box .infor{font-size:.3rem;}
    .page_bott .page_prev{width:100%; border:0;}
    .page_bott .page_next{width:100%; border:0;}
    .page_bott .page_next .page_btn{float:left; padding-left:.45rem; padding-right:0;}
    .page_bott .page_next .page_btn .icon{left:0;}
    .page_bott .box{padding:.2rem;}
    .page_bott .page_center{display:none;}


    /* 首页-新 */
    .ipart06 .content{height:5rem;}
    .ipart06 .cover_words{bottom:auto; top:20%;}
    .ipart07 .content .m_area .box2 .icon{height:.6rem;}
    .ipart07 .content .m_area .box2 .icon img{height:100%;}

    .ipart08 .content .sect{height:4rem; padding-top:.6rem;}
    .ipart08 .content .sect .intro{width:60%;}
    .ipart08 .swiper-pagination{bottom:8%!important;}


    /* 新-企业文化 */
    .new_culture01{margin:.6rem 0 .2rem;}
    .new_culture01 .right{width:100%;}
    .new_culture01 .right .item{position:relative; top:0; margin-bottom:.4rem;}
    .new_culture01 .right .item .cover{bottom:5%; left:5%; max-width:90%;}
    .new_culture01 .right .item .cover .num{font-size:.6rem;}
    .new_culture01 .left{display:none;}

    .service_case02 .tab_c .content2 .item_ .box .list{height:.6rem;}
    .xtpic-box{ padding:0 5%}
    .h_video_list .videolist {position: relative;width: 100%; display:block;margin-bottom: .35rem;  margin-right:0}
.videos2{ width: 100%; height: 6rem; top:15%; margin-left:0; left:0; position: absolute; }
.videos2 iframe{width:100%;height:6rem;}
.vclose { position:absolute;right:10%; top:0%;  width:35px; height:35px }
}
/*
* MobileMode
*/
@media only screen and (max-width: 992px) {
    body:after {content: 'Mobile';}
    body,input,textarea,button,select {font-size:14px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:5%; padding-right:5%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    textarea { -webkit-user-select:auto; /*webkit浏览器*/   }
    /*mobileMode 760 网站样式*/

    .channel_content{min-height:calc(100vh - 5.4rem);}
    .pc-block{ display: none !important}
    .mb-block{ display: block !important }
    /* 手机端头部 */
    .header{display:none !important;}
    .m_header{display:block !important; z-index:100; background: #fff; padding: .15rem 0; border-bottom:1px #ddd solid}
    .m_header .top{/*padding:.25rem 0; background:url(../images/m_header_bg.png) no-repeat top/cover;*/}
    .m_header .top .wrap{display:flex; justify-content:space-between; align-items:center; }
    .m_header .top .m_logo a{display:block;}
    .m_header .top .m_logo img{height:.42rem; width:auto!important;}
    .m_header .top .m_tools{display:flex; align-items:center;}
    .m_header .top .m_tools .m_menu{line-height:.3rem; font-size:.3rem; color:#fff; transition:all 0.5s ease;}
    .m_header .top .m_tools .m_menu .iconfont{margin:0;}
    .m_header .top .m_tools .m_menu .ico0{display:inline-block;}
    .m_header .top .m_tools .m_menu .ico1{display:none;}
    .m_header .top .m_logo{ width:65%}
    .m_header .top .m_logo img{ max-width:350px; vertical-align:center;  }
    .m_header .top .m_logo span{display:inline-block; position:relative; vertical-align:text-bottom; font-size:.16rem; color:#222; line-height:.2rem; padding-left:.1rem; margin-left:.05rem; font-family: 'Oswald',sans-serif; display:none}
    .m_header .top .m_logo span::before{content:""; position:absolute; left:0; top:50%; height:.42rem; width:1px; margin-top:-0.21rem; background:#ddd;}
    .m_header .top .m_logo span em{  display: block; }
    .m_header .top .m_logo span em b{color: #d44141; font-weight: normal;}
    .pageHeader .h_top{ position:relative}
      .pageHeader .h_top .h_right .icon{ padding-left:.15rem}
     .pageHeader .h_top .h_right .icon .fa{ padding: 0 .05rem 0 0; font-size: .16rem}
     .pageHeader .h_top .h_right .h_lang{position:absolute;  right:.45rem; top:.02rem}
    /* 手机端导航链接-新 */
    /* .m_header .mNav_bott .m_links{position:absolute; left:0; width:100%; bottom:0; font-size:0; text-align:center; transition:all .3s ease;} */
    .m_header .mNav_bott .m_links{margin:.3rem 0 .2rem; font-size:0; text-align:center; transition:all .3s ease;}
    .m_header .mNav_bott .m_links .item{width:24%; margin-bottom:.2rem; display:inline-block; vertical-align:text-top; text-align:center; margin-right:2%;}
    .m_header .mNav_bott .m_links .item .icon{width:48px; height:48px; border:1px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:space-around; margin:0 auto .1rem;}
    .m_header .mNav_bott .m_links .item .icon .xgicon{font-size:.3rem; color:#fff;}
    .m_header .mNav_bott .m_links .item.vr_item .icon .xgicon{font-size:.4rem;}
    .m_header .mNav_bott .m_links .item .icon .iconfont{font-size:.3rem; color:#fff; margin:0; line-height:1;}
    .m_header .mNav_bott .m_links .item .tit{color:#fff; font-size:14px; line-height:18px;}
    .m_header .mNav_bott .m_links.hide-down{bottom:-100px;}

    /* 手机端头部-2024新 */
    .m_header .top .m_tools .m_search{color:#fff; transition:all 0.5s ease; margin-right:.15rem; background: #d44141; font-size: .26rem; border-radius: 3px; width: .4rem; text-align: center; padding:0}
    .m_header .top .m_tools .m_menu2{position:relative; padding:.05rem .1rem; padding-right:0; height:24px; width:30px; box-sizing:border-box;}
    .m_header .top .m_tools .m_menu2:focus{outline:0;}
    .m_header .top .m_tools .m_menu2 .icon_bar{display:block; width:22px; height:2px; border-radius:1px; background:#333;}
    .m_header .top .m_tools .m_menu2 .icon_bar + .icon_bar{margin-top:4px;}
    .m_header .top .m_tools .m_menu2.collapsed .icon_bar{position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-1px;}
    .m_header .top .m_tools .m_menu2.collapsed .icon_bar:nth-child(1){-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
    .m_header .top .m_tools .m_menu2.collapsed .icon_bar:nth-child(2){opacity:0;}
    .m_header .top .m_tools .m_menu2.collapsed .icon_bar:nth-child(3){-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.pageHeader .h_top .h_left   {display:none}
.pageHeader .h_top .h_left .h_stock{ padding: 0 .1rem;font-size:.14rem; }
.pageHeader .h_top .h_left .h_stock .fa{ font-size: .18rem;  }

    /* 导航下拉-新 */
    .m_header .mNav_bott{display:block; position:absolute; top:.7rem; left:101%; width:100%; background:#363636; height:calc(100vh - .86rem); overflow-y:auto; z-index:200; transition:all .3s ease;} 
    .m_header .mNav_bott.open{left:0;}
    .m_header .mNav_bott .m_navul{padding-top:.2rem;}
    .m_header .mNav_bott .m_navul .m_li{position:relative; margin:0 15px; text-transform: uppercase;}
    .m_header .mNav_bott .m_navul .m_li>a{position:relative; display:block; font-size:.2rem; line-height:1.4; border-bottom:1px solid rgba(255,255,255,0.1);  padding:.2rem 0; color:#fff;}
    .m_header .mNav_bott .m_navul .m_li>a span{float:right; display:block; font-size:.16rem; margin:0;}
    .m_header .mNav_bott .m_navul .m_li .nav_open{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); position:fixed; left:100%; top:.86rem; bottom:0; background-color:#363636; overflow-y:auto; z-index:120; padding:.4rem .25rem; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:hidden; box-sizing:border-box;}
    .m_header .mNav_bott .m_navul .m_li .nav_open.in{left:0; visibility:visible;}
    .m_header .mNav_bott .m_navul .m_li .nav_open>a{font-size:16px; color:#fff;}
    .m_header .mNav_bott .m_navul .m_li .nav_open>a span{margin-right:8px; margin-top:0; margin-left:0;}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd{margin-left:-0.15rem; margin-right:-0.15rem; overflow:hidden;}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .title {font-size:20px; font-weight:bold; margin:.2rem .25rem; margin-bottom:0; padding:.1rem 0; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff;}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .container{padding:0 .2rem; margin:0 auto;}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .container .m_secondNav .t>a{display:block; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.1); padding:.2rem 0 .1rem; font-weight:normal; overflow:hidden; margin:0; color:#fff;}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .container .m_secondNav .t span{margin-right:8px; margin-top:0; margin-left:0; font-size:16px; float:right; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .container .m_secondNav .t a span {-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}
    .m_header .mNav_bott .m_navul .m_li .nav_open .bd .container .m_secondNav .t .iconfont{display:none;}
    .mobile-menu-open{overflow:hidden;}


    /* 导航语言版本切换 */
    .m_header .mNav_bott .group_nav_website{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); position:fixed; left:100%; top:.86rem; bottom:0; background-color:#363636; overflow-y:auto; z-index:120; padding:.4rem .25rem; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:hidden; box-sizing:border-box;}
    .m_header .mNav_bott .group_nav_website.in{left:0; visibility:visible;}
    .m_header .mNav_bott .group_nav_website .container>a{font-size:16px; color:#fff;}
    .m_header .mNav_bott .group_nav_website .container>a span{margin-right:8px; margin-top:0; margin-left:0;}
    .m_header .mNav_bott .group_nav_website .web_box{margin-left:-0.15rem; margin-right:-0.15rem; overflow:hidden;}
    .m_header .mNav_bott .group_nav_website .web_box ul{padding:0 .2rem; margin:0 auto;}
    .m_header .mNav_bott .group_nav_website .web_box .title {font-size:20px; font-weight:bold; margin:.2rem .25rem; margin-bottom:0; padding:.1rem 0; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff;}
    .m_header .mNav_bott .group_nav_website .web_box li{line-height:26px; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.1); padding:.2rem 0 .1rem; font-weight:normal; overflow:hidden; margin:0; color:#fff;}
    .m_header .mNav_bott .group_nav_website .web_box li.cur a{font-weight:bold;}

    .m_ibanner.wrap{ background:#1c2641 url(../images/banner/banner1bg.jpg) bottom; background-size: cover; padding:1rem .2rem .4rem; position: relative;}
    .m_ibanner .swiper-container{ overflow: hidden;  border-radius: .08rem}
.m_ibanner.wrap img{ width: 100% }
.m_ibanner .swiper-slide{ position:relative}
.m_ibanner .text{ position:absolute; text-align:center; color:#fff; width:100%; top:20% }
.m_ibanner .swiper-slide .text .tit1 { font-size: .2rem; line-height: 1.6; color: #fff; font-weight: lighter; padding:0 .15rem;  }
.m_ibanner .swiper-slide .text .tit2{ font-size: .14rem;  text-transform: uppercase;  color: #c1c1c1; font-family: Lato-light;}
.m_ibanner .swiper-slide .text .tit3{ font-weight: bold; font-size: .4rem ; }
.m_ibanner .swiper-slide .text .bnt{ max-width: 1.8rem; height: .45rem; background: #d33033; text-align:center; border-radius: .3rem; line-height:.45rem;  margin: .4rem auto 0}
/*首页*/

.common_tit{position:relative;text-transform: uppercase; line-height: 1.2;}
.common_tit h1{ display:block;  width:80%}
.common_tit .t1{font-size: .32rem ;padding-bottom: 0.2rem;padding-right:0rem; display:block; }
.common_tit .des{ font-size: .14rem;max-width:100%; line-height: 1.5 }
.common_tit .t2{ margin: .2rem 0 .1rem;font-size:.18rem}
.common_tit .t1:after{width:.6rem; height: 3px}
.common_tit .t1:before { width:.3rem;height: 3px}
.common_tit .m{  display: block; width: 1.6rem; font-size: .15rem; line-height:.4rem; padding:0 0 0 .3rem}
.common_tit .en{ font-size: .34rem; top: -12% }
.common_tit .m:before{ width:.38rem; height:.38rem}

.en_more{ font-size: .18rem; max-width:2.5rem; margin: .2rem auto 0;}
.ipart-yy .swiper-bnt,.ipart06 .swiper-bnt,.ipart04 .swiper-bnt{  display: none;}
.swiper-yy-next,.swiper-ct-next,.swiper-news-next{ position: absolute; right: .48rem; top: .5rem; }
.swiper-yy-prev,.swiper-ct-prev,.swiper-news-prev{position: absolute; right: .06rem; top: .5rem;}
.ipart-yy .swiper-pagination,.ipart06 .swiper-pagination,.ipart04 .swiper-pagination{ display: block; }

/*产品*/
.ipart-por{padding: 0.2rem 5% 0; display: block;}
.ipart-porbox:before{ display: none; }
.ipart-por .infor{ width: 100%; padding-bottom: .2rem;}
.ipart-por .content {width: 100%;}

.ipart-por .content{ width:100%; }
.ipart-por .content .ipor-list{ margin-left:-2% }
.ipart-por .content .ipor-list .itemp{ width:47%; background: #fff; margin-left: 2%; padding-bottom: .2rem; margin-top: .2rem; }
.ipart-por .content .ipor-list .itemp .tit{ font-size: .18rem; padding-top:.05rem 0 0 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ipart-por .content .ipor-list .itemp .des{ font-size: .12rem;}
.ipart-por .content .ipor-list .itemp:nth-child(10){ display:inline-block}


/*.ipart-por .content  ul{ margin-left:-2% } 
.ipart-por .content  .item{margin-bottom:.15rem;margin-left:0;width:100%; padding: .15rem}
.ipart-por .content  .item:hover{ box-shadow: 0px 0px 6px 1px rgba(10, 30, 64, 0.15);}
.ipart-por .content  .item .intro_box .a{ float: right; }
.ipart-por .content  .item .img_box{ width:35%}
.ipart-por .content  .item .img_box img{ width:100%}
.ipart-por .content .intro_box{text-align:left; z-index: 3;position: relative;}

.ipart-por .content  .item:hover:after{  height: 100% }
.ipart-por .content .item:hover .intro_box .tit{color:#fff;}
.ipart-por .content .item:hover .intro_box .con{ color: rgba(255,255,255,.8); }
.ipart-por .content .item:hover .intro_box .a{ color: rgba(255,255,255,.8); }
.ipart-por .content  .item .item_h{ display:none; }*/

/*.ipart-yy{  padding:.4rem 0 .4rem; margin:0 auto; width: 100% }
.ipart-yy .wrap{ display:block}
.ipart-yy .common_tit .num{ display:none}
.ipart-yy .common_tit .m{ display:none}
.ipart-yy .content{ margin:.1rem 0; overflow: hidden; width: 100%}
.ipart-yy .content .more { max-width:1.5rem; margin: .2rem auto 0;padding:.05rem;  }*/


/*核心技术*/
.ipart-youshi{ padding:.5rem 0 0 0;}
.ipart-youshi .ysbg{padding-bottom: .35rem; background:#23253a url(../images/ysbg1m.jpg) no-repeat; background-size: cover;}
.ipart-youshi .ysbg .youshiSwiper{   }
.ipart-youshi .ysbg .youshiSwiper .txt{ padding: .4rem 5% .4rem}
.ipart-youshi .ysbg .youshiSwiper .txt .t{font-size: .28rem }
.ipart-youshi .ysbg .youshiSwiper .txt p{ font-size: .15rem; max-width: 100%; line-height: 1.65; }
.ipart-youshi .youshithumbs{}
.ipart-youshi .youshithumbs .swiper-slide{ padding: .25rem}
.ipart-youshi .youshithumbs .ysbar{ font-size: .14rem; padding-bottom: .25rem;  }
.ipart-youshi .youshithumbs .ysbar .t{ font-size: .2rem; color: #111 }
.ipart-youshi .youshithumbs .ysbar .bot i{ font-size: .35rem; transform: rotate(-30deg) translate(-.15rem, .25rem);}
.ipart-youshi .youshithumbs .ysbar .bot .r{font-size: .22rem; padding-top: .3rem;}


/*案例*/
.ipart-case{padding:.5rem 0 0;  }

.ipart-case .se_bot .swiper {padding: 0.16rem 0;}
.ipart-case .se_bot .swiper .swiper-slide {width:50%;margin: 0 0.3rem;}
.ipart-case .se_bot .swiper .swiper-slide .post {}
.ipart-case .se_bot .swiper .swiper-slide .post p {; font-size: .16rem}
.ipart-case .se_bot .swiper .swiper-slide-active {transform: scale(1);}
.ipart-case .se_bot .toggle .prev {left: 15%;}
.ipart-case .se_bot .toggle .next {right: 15%;}
.pu_qh p {width: 0.44rem;height: 0.44rem;border-radius: 5px;}
.pu_qh p svg {transform: rotate(-45deg);}
.pu_qh p svg path {transition: 0.4s;}

/*关于*/
.indexAboutMain {background: #f2f7fb; padding:.45rem 0; }
.indexAboutMain .sp{float:none;width: 100%;height:100%; padding-top:.1rem;clear:both}
.indexAboutMain .content{ width:100%; padding: .55rem 0 .3rem;  }
.indexAboutMain .content .title{ font-size: .32rem;padding-bottom: .18rem; z-index:3;}
.indexAboutMain .content .enTitle{ font-size:.6rem; left: 0; top:.2rem; z-index:1;  }
.indexAboutMain .content .desc{ line-height: 1.65; font-size: .16rem }
.indexAboutMain .content .tit2{ font-size: .22rem; line-height: 1.6; padding: .1rem 0 .15rem }
.indexAboutMain .content2{ position: relative; left:0%; top:0%;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);  text-align: center; display: none;}
.indexAboutMain .content2 .about-a{ width:30%; height:auto; font-size: .14rem;  border:3px solid #fff; border-radius:8px; margin:.1rem 1% 0; display: inline-block; padding: .1rem }
.indexAboutMain .content2 .about-a a{ display: block; line-height: .4rem  }
.indexAboutMain .content2 .about-a a span{ display: inline-block; width: .45rem; height: .4rem; background-size: 100%; margin: .1rem .1rem 0}
.indexAboutMain .content .m2{ margin-top: .25rem }
.indexAboutMain .content .m2{ line-height: .5rem; font-size: .16rem; padding:0 .3rem}
.indexAboutMain .content2 .about-a:nth-child(1) span{ background-size: cover; }
.indexAboutMain .content2 .about-a:nth-child(2) span{ background-size: cover; }
.indexAboutMain .content2 .about-a:nth-child(3) span{ background-size: cover; }
.indexAboutMain .content3 img{ margin:0rem auto .25rem; border-radius: .2rem }

.indexAboutMain .aboutList {margin: 0rem;padding-top: .4rem;}
.indexAboutMain .aboutList .list:after{ right:.2rem; width:.38rem; height:.38rem; content:"";}
.indexAboutMain .aboutList .list {width:48%;margin: 0px 1%;padding: .3rem 0px; }
.indexAboutMain .aboutList .list .numberBox span{font-size: .34rem;font-weight:bold;line-height:1;}
.indexAboutMain .aboutList .list .text {padding-top:0rem;font-size: .14rem;}
/*.ipart-youshi .youshiadv{ display:block}
.ipart-youshi .infor{ margin-bottom: .1rem }
.youshiadv .youshione{ width:100%; height:auto; }
.youshiadv .youshitwo{ width:100%;}
.youshiadv .youshitwo .ystwo_1{ height:auto; margin-top: .2rem }
.youshiadv .youshitwo .ystwo_2{ height:auto; margin-top: .2rem }

.youshiadv .youshiteam .txt{ padding:.3rem; top: 0; left: 0}
.youshiadv .youshiteam .txt .t1{ font-size: .26rem; padding-left: .3rem ; }
.youshiadv .youshiteam .txt .t1 span{ font-size: .48rem; color: #e32a2d; padding-right:.05rem; }
.youshiadv .youshiteam .txt .t1:before{  bottom: .1rem; width:.2rem; height: .2rem; border-radius: .2rem; border: 2px #fff solid }
.youshiadv .youshiteam .txt ul li { padding-top: .15rem }
.youshiadv .youshiteam .txt ul li span{ font-size: .22rem; padding-bottom: .25rem }
.youshiadv .youshiteam .txt ul li span .fa{ padding-right: .1rem }
.youshiadv .youshiteam .txt ul li p {font-size: .15rem; line-height: 1.6; padding-left: .3rem}
.youshiadv .ystwo_2 .txt{ padding:.3rem }
.youshiadv .ystwo_1 .txt ul li,.youshiadv .ystwo_2 .txt ul li{ padding-top: .15rem }
.youshiadv .youshione .txt ul li{  width: 100% }

.ipart01.new{padding-bottom:.4rem;}
.ipart06{padding:.55rem 0 .5rem; margin-bottom: 0 }
.ipart06 .wrap{padding-bottom: .2rem;overflow: hidden; }
.ipart06 .wrap .swiper-container{ margin-top: 0rem; height:auto;overflow: hidden;}
.ipart06 .wrap  .swiper-slide{ height: 100% }
.ipart06 .cover_words{position:relative; left:0%; top:0%; width:100%;padding: 4%;border-radius:0 0 10px 10px; }
.ipart06 .cover_words .title{ font-size: .24rem;font-weight:bold;  line-height:1.4; }
.ipart06 .cover_words .con{margin-top:.1rem; font-size: .18rem; line-height: 1.45;}
.ipart06 .cover_words .canshu{ font-size: .16rem; margin:.15rem 0 0 }
.ipart06 .cover_words .canshu .c1 a{ padding: 0 .1rem; margin: .08rem .08rem 0 0; }
.ipart06 .cover_words .more_btns{ line-height:.4rem; width:1.8rem; font-size:.18rem; margin-top:.15rem; }

.ipart06 .bott_layer{ width:100%; position: relative;  right: 0; top: 0; border-radius: 10px 10px 0 0;  }
*/


/*服务*/

/* pad端部分 */
/*.ipart07 .content .m_area{display:none;}
.ipart08{padding:.45rem 0;  background:#333 url(../images/about_bg2.jpg) no-repeat;  background-size: 100%;}
.ipart08 .infor .t3{  letter-spacing:3px; font-size: .2rem}
.ipart08 .ipart08bgb{ padding: .15rem }
.ipart08 .content{ margin-top:0rem;}
.ipart08 .content .left{ width: 100%; float: none;  padding:.2rem .15rem;  height:auto }
.ipart08 .content .left .t1{ font-size: .24rem; padding-bottom: .1rem }
.ipart08 .content .left .icon{ padding-top: .2rem; font-size:.18rem; }
.ipart08 .content .left .icon a{ margin-bottom: .1rem ; }
.ipart08 .content .left .icon i{  margin-right: .08rem; font-size: .2rem; width: .24rem; height: .24rem;line-height: .22rem;   }
.ipart08 .content .right{ width: 100%; float:none;height: auto; }

.ipart08  .youshi{ padding-top: .35rem }
.ipart08  .youshi .t1{ font-size: .24rem; }
.ipart08  .youshi ul{display:block;padding-top:0rem;}
.ipart08  .youshi ul li{width: 100%;text-align: left;padding:.2rem 0 0 0; }
.ipart08  .youshi ul li a {display: flex;}
.ipart08  .youshi ul li a .icon{ display: inline-block;  width:20%}
.ipart08  .youshi ul li a .icon img{ width: 100% }
.ipart08  .youshi ul li a .con{padding:.1rem 0 0;font-size:.18rem; line-height: 1.3;display: inline-block; width: 78%; margin-left: 2%}
.ipart08  .youshi ul li a .con .tt{margin-bottom: .05rem; font-size: .2rem; }*/


.ipart04{padding:.5rem 0 0 0;}
.ipart04 .content{  margin:0rem auto .25rem;overflow: hidden;}
.ipart04 .content .item{  padding:.15rem .15rem .3rem}
.ipart04 .content .item>a{display:block;}
.ipart04 .content .item .img_box{margin-bottom:.05rem; height: auto; display: flex; align-items: center; justify-content: center;}
.ipart04 .content .item .img_box img{ max-width: 100%; height: auto; max-height: none; object-fit: contain; }
.ipart04 .content .item .intro_box{padding:.1rem 0 0;  height: auto; min-height:1.7rem}
.ipart04 .content .item .intro_box .type{font-size:.16rem; line-height:.24rem; padding:0 .1rem; margin-bottom:.1rem; }
.ipart04 .content .item .intro_box .tit{font-size:.2rem;color:#222; margin-bottom:.2rem; line-height:1.2; }

.ipart06 .swiper-pagination,.ipart04 .swiper-pagination-news { width: 90%; left: 5% }

.footer-b{ padding-bottom:1.3rem; font-size:.14rem}
.footer-b1{ font-size:.12rem}
.pageFooter:after{ display:none}
.foot-contact { padding:.45rem 0; display:none; }
.foot-contact .wrap{ display: block; text-align: center;}
.foot-contact .ftopli{ padding-right:0; width: 100%}
.foot-contact .ftopli img{ max-width:1rem;   }
.foot-contact .ftopli span{display:inline-block; font-size:.18rem; line-height:.22rem; padding-left:.1rem; margin-left:.1rem; text-align: left; }
.foot-contact .ftopli span::before{height:.32rem; width:1px; margin-top:-0.16rem;}
.foot-contact .ftopli2{ font-size: .22rem; padding-top: .1rem;font-family:'Oswald',sans-serif;  font-weight: 500; width: 100% }
.foot-contact .ftopli2 i{ display: none;}
.foot-contact .ftopli2 a{ padding-left:.1rem; font-size: .22rem; }



    /* 手机端二级导航 */
    .collapse{display:none;}
    .m_xcNav{position:relative; display:block; transition:top .3s ease; z-index:199; margin-top:0.0rem;}
    .m_xcNav.on{position:fixed; left:0; width:100%; top:0; }
    .m_xcNav .top_box{height:45px; width:100%; background-color:#fff; border-bottom:1px solid #e5e5e5; z-index:110; position:relative; }
    .m_xcNav .top_box .name{font-weight:bold; font-size:14px; line-height:45px; position:relative;}
    .m_xcNav .top_box .name .iconfont{float:right; font-size:.2rem; font-weight:bold; color:#363636; padding:.15rem; display:block}


    .m_xcNav .bott_box{box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); overflow-y:auto; z-index:10; background:rgba(255,255,255,1); position:absolute; top:100%; left:0; width:100%; transition:all .3s; display: none;  padding-bottom: .3rem;}
    .m_xcNav .bott_box li{border-bottom:1px solid #d4d4d4; padding:.15rem 0; overflow:hidden; }
    .m_xcNav .bott_box li a{display:block; font-size:.2rem}
    .m_xcNav .bott_box li.active a::before{content:'-';color:#c92929; font-size:14px; line-height:1; margin:0; margin-right:3px; margin-top:4px; display:inline-block; }
    .m_xcNav .bott_box li.active a{ color: #c92929 }
    .m_xcNav .bott_box.show{display: block !important;  }
   .m_xcNav .bott_box .navup{ border-bottom: 0; background: #353535; color: #fff; text-align: center;  padding:.15rem 0 }
     .m_xcNav .bott_box .navup a{ display:block; font-size:.24rem}

    /* 手机端吸顶状态的导航 */
    .m_header{position:relative; top:0; left:0; width:100%; z-index:200; transition:top .3s ease; }
    .h_search{ display: none; }
/*    .m_header.on{top:-0.9rem;}
    .affix-placeholder .m_header{position:fixed;}
    .m_header.index_header{position:fixed;}
*/
    /* 手机端搜索页面 */
    .mSearch_box{position:fixed; top:0; height:100vh; left:100%; display:block; opacity:0; visibility:hidden; width:100vw; z-index:201; background:#f8f8f8; transition:all 0.3s;}
    .mSearch_box.show{left:0; opacity:1; visibility:visible;}
    .mSearch_box .top_box{background:#fff; padding:.1rem 0;}
    .mSearch_box .top_box .cont{padding-right:.5rem; position:relative;}
    .mSearch_box .top_box .sear_area{position:relative;}
    .mSearch_box .top_box .sear_area input{width:100%; height:.48rem; border:1px solid #d4d4d4; line-height:.48rem; padding-left:.2rem; outline:none; font-size:16px; padding-right:.5rem; background-color:#fff; box-sizing:border-box;}
    .mSearch_box .top_box .sear_area .sear_btns{position:absolute; right:.1rem; top:0; color:#86807f; text-decoration:none; font-size:.3rem; line-height:.48rem; padding:0; margin:0; border:none; background:none; outline:none;}
    .mSearch_box .top_box .close_btns{margin:0; font-size:.3rem; font-weight:bold; line-height:.48rem; position:absolute; right:0; top:0; color:#86807f;}
    .mSearch_box .bott_box .cont{height:calc(100vh - .68rem); padding-top:.2rem; box-sizing:border-box; overflow-y:auto;}
    .mSearch_box .bott_box .cont .sear_title{padding-bottom:.1rem;}
    .mSearch_box .bott_box .cont li{border-bottom:1px solid #d4d4d4;}
    .mSearch_box .bott_box .cont li:first-child{border-top:1px solid #d4d4d4;}
    .mSearch_box .bott_box .cont li a{display:block; line-height:44px; font-weight:bold; color:#333;}


    /* 手机端底部导航 */
    .m_tabbar{display:block; position:fixed; z-index:100; bottom:0; left:0; right:0; padding:.1rem 0; background:#e7e8ea;}
    .m_tabbar ul{display:flex; align-items:flex-end; justify-content:space-between;}
    .m_tabbar .item{position:relative; width:25%; flex:1 1 auto; text-align:center; display:flex; flex-direction:column; align-items:center;}
    .m_tabbar .item .icon{text-align:center; height:.4rem; margin-bottom:.05rem;}
    .m_tabbar .item .icon img{max-height:100%;}
    .m_tabbar .item .icontel img{max-height:80%; padding-top:.1rem}
    .m_tabbar .item .icon .img0{display:inline-block;}
    .m_tabbar .item .tit{font-size:.15rem; line-height:.2rem; color:#222320;}
    .m_tabbar .item.cur.icon .tit{color:#363636;}
    .m_tabbar .item.center .icon{position:absolute; left:50%; margin-left:-0.36rem; bottom:.2rem; width:.7rem; height:.7rem; border-radius:50%; border:.06rem solid #e7e8ea; background:#c92929;}
.mnavtop_scroll{ width:100%; left:0; top:0; position:fixed}
    /* 下层导航 */
    .xc_nav{display:none;}
    .crumbs_box{display:none;}

    /* 手机端底部 */
    .footer{display:none;}
    .m_footer{display:block; padding:.25rem 0 1.3rem; background:#333;  color: rgba(255,255,255,.75); text-align: center; line-height: 1.6; font-size: .14rem}


    /* 下层面包屑 */
    .xc_crumbs{right:4%; font-size:.15rem;}
    .common_tit::after{bottom:-0.15rem;}

    /* 下层banner文字 */
    .syt_banner .intro {top: 30%;}
    .syt_banner .intro .tit{ font-size:.24rem !important}
     .syt_banner .tit,.syt_banner .con{ text-align: center;}
    .syt_banner .intro .con {letter-spacing: 0px; font-size:.15rem}
    .syt_banner .xc_cont{display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center; }
    .syt_banner .xc_words{display:block; font-size:.36rem; font-weight:bold; line-height:1; color:#fff;}
    .syt_crumbs{position:relative; right:auto; top:0; margin-top:.15rem; display:inline-block; color: rgba(255,255,255,.75);}

    /* 首页 */
    .ibanner{display:none;}
    .ibannerm{display:block;}
    .pageHeader .h_lang{ color:#000}

    /* 产品详情 */
    .porfenlei{ display:none}
    .pro_detail01 .right{display:none;}
    .pro_detail{padding-bottom:0;}
    .pro_detail01{margin-bottom:0; padding:1.2rem 0 .4rem; }
    .pro_detail01 .left .right_btns,.pro_detail01 .left .bott_para{display:none;}
    .pro_detail01 .left{width:100%; float:none; display:block}
    .pro_detail01 .porbg .bigimgbox{ width:100%; margin-bottom:.1rem}
    .pro_detail01 .porbg{ padding-bottom:.2rem}
    .pro_detail01 .left .items{width:100%; float:none;}
    .pro_detail01 .left .top_img::after{content:''; position:absolute; top:0; right:.2rem; width:14%; height:1.5rem; background:url(../img/pro_detail01_m01.jpg) no-repeat top center; background-size:contain;}
    
    .pro_detail01 .m_rihgt{display:block; background:#fff; position:relative; z-index:2; }
    .pro_detail01 .m_rihgt::after{ display:none}
    .pro_detail01 .m_rihgt .content{background:#fff; position:relative; z-index:2; box-shadow:2px 3.46px 18px 0px rgba(0, 0, 0, 0.27); border-radius:.1rem; padding:.35rem 6% .3rem;}
    .pro_detail01 .m_rihgt .content .top{position:relative;}
    .pro_detail01 .m_rihgt .t_left{width:100%;}
    .pro_detail01 .m_rihgt .t_left .title_box{color:#363636; margin-bottom:.15rem; font-size:0;}
    .pro_detail01 .m_rihgt .t_left .title_box span{display:block;}
    .pro_detail01 .m_rihgt .t_left .title_box .xh{font-size:.2rem; line-height:1; padding:.1rem 0}
    .pro_detail01 .m_rihgt .t_left .title_box .model{font-size:.35rem; line-height:1; margin-right:.1rem; font-weight:bold;font-family: 'lato',sans-serif;}
    .pro_detail01 .m_rihgt .t_left .title_box .cate{font-size:.18rem; line-height:1.2; margin:.15rem 0; text-transform:uppercase; padding:.1rem .1rem; background:#c92929; color:#fff}
    .pro_detail01 .m_rihgt .t_left .para{font-size:.16rem; color:#838383; line-height:.28rem;}
    .pro_detail01 .m_rihgt .t_left .para li{position:relative; padding-left:.1rem;}
    .pro_detail01 .m_rihgt .t_left .para li::after{content:''; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#8d8d8d;}
    .pro_detail01 .m_rihgt .t_right{position:absolute; right:0; top:0; padding-top:.15rem; text-align:right;}
    .pro_detail01 .m_rihgt .t_right a{display:inline-block; font-size:0;}
    .pro_detail01 .m_rihgt .t_right .car{background:#f5be2c; border-radius:.1rem; padding:0 .15rem;}
    .pro_detail01 .m_rihgt .t_right a>div{display:inline-block; vertical-align:middle;}
    .pro_detail01 .m_rihgt .t_right .car .icon{width:.33rem; height:.33rem; background:url(../img/pro_detail01_m_icon01.png) no-repeat center/cover; }
    .pro_detail01 .m_rihgt .t_right .car .t{font-size:.2rem; font-weight:bold; color:#363636; line-height:.55rem; margin:0 .1rem; margin-left:.15rem;}
    .pro_detail01 .m_rihgt .t_right .car .iconfont{font-size:.36rem; color:#363636; margin:0; line-height:1;}
    .pro_detail01 .m_rihgt .bott{margin-top:.2rem;}
    .pro_detail01 .m_rihgt .bott .t{font-size:.2rem; font-weight:bold; color:#363636; line-height:.3rem; margin-bottom:.1rem;}
    .pro_detail01 .m_rihgt .bott .box li{float:left; font-size:.18rem; color:#363636; line-height:.4rem; background:#ebebeb; padding:0 .3rem; margin-right:.1rem; margin-bottom:.1rem;}
    .pro_detail01 .m_rihgt .phone_more{margin-top:.15rem;}
    .pro_detail01 .m_rihgt .phone_more .top_{display:flex; align-items:center; justify-content:space-between;}
    .pro_detail01 .m_rihgt .phone_more .top_ .tit{font-size:.22rem; color:#000; text-transform:uppercase}
    .pro_detail01 .m_rihgt .phone_more .top_ .con{font-size:.18rem; color:#8a8ea0;text-transform:uppercase}
    .pro_detail01 .m_rihgt .phone_more .top_ .btns{flex-shrink:0;}
    .pro_detail01 .m_rihgt .phone_more .top_ .btns a{display:inline-block; padding:.15rem; border:1px solid #adafb8; border-radius:50%; margin-left:.1rem;}
    .pro_detail01 .m_rihgt .phone_more .top_ .btns a img{width:.25rem; height:.25rem; display:block;}
    .pro_detail01 .m_rihgt .phone_more .bott_{margin-top:.2rem; font-size:.18rem; line-height:.6rem; text-align:center; color:#fff; border-radius:.3rem; background:#363636;}
    .pro_detail01 .m_rihgt .phone_more .bott_ a{display:block;}
   .pro_detail02 .hdscroll{ top: .7rem }
    .pro_detail02{margin-bottom:0;}
    .pro_detail02 .hd,.pro_detail02 .hdscroll{background:#444; line-height:.6rem; height:.6rem; overflow:hidden}
    
    .pro_detail02 .hd .title{display:none;}
    .pro_detail02 .pornavbox{ width:100%}
    .pro_detail02 .hd .right .btns_box{display:none;}
    .pro_detail02 .hd .right{float:none; display:block;width: 100%}
    .pro_detail02 .hd .right .pornavbox{ }
    .pro_detail02 .hd ul{ display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial; width:100%; }
    .pro_detail02 .hd ul li {font-size:.2rem; color:#fff; float:none; margin:0;border-right: 1px rgba(255,255,255,.1) solid; width:1.4rem; line-height:.6rem}
    .pro_detail02 .hdscroll ul li {color: #fff; font-size: .2rem; }
    .pro_detail02 .hdscroll ul li:hover{ color:#fff}
    .pro_detail02 .hdscroll ul li.cur{ background:#101523; color:#fff}
.pro_detail02 .sections { font-size: .18rem; line-height:1.6; }
.pro_detail02 .sections .title {font-size: .3rem;line-height:1;margin-bottom:.2rem;font-weight:bold; }
.pro_detail02 .sections01 .right{ width: 100%; float: none;  }
.pro_detail02 .sections iframe{  height:2.5rem !important; width:100% !important}
.pro_detail02 .sections01 .left{width: 100%; float: none; line-height:1.6; padding-top: 1%; display: block;}
.pro_detail02 .sections01 .left .js-bnt{ margin: .1rem auto 0 }
.pro_detail02 .sections01 .left .js-bnt .btn-yellow{ margin:0 auto !important }
.pro_detail .sections01,.pro_detail .sections07,.pro_detail .sections02,.pro_detail .sections03,.pro_detail .sections04,.pro_detail .sections05,.pro_detail .sections06{padding-top: 1.2rem;margin-top: -1.2rem;}
.pro_detail02 .sections p{ width:100% !important; }

.pro_detail02 .sections02{ }
.pro_detail02 .sections02 .bg{}
.pro_detail02 .sections07 .bgb{ padding:.4rem 0}
.pro_detail02 .sections04 .bgb{padding:.4rem 0}
.pro_detail02 .sections02 .bg{padding: .4rem 0 .3rem}
.pro_detail02 .sections01 .left p{margin-top: .08rem }
.pro_detail02 .sections p{ font-size:.2rem; line-height:2}

.porys_list ul{ margin-left: 0; display:block}
.porys_list li{width:100%;height:auto;font-size:.16rem;padding:.15rem .15rem .15rem .85rem;margin-left:0;margin-bottom:.15rem;display:block; background:#fff}
.porys_list li::before{content:"";border:1px dotted #fff;position:absolute;left:5px;right:5px;top:5px;bottom:5px;box-shadow:0 4px 20px rgba(255,255,255,0.25) inset}
.porys_list li::after{left:.18rem;top:.15rem; font-size: .4rem;}
.porys_list li strong{font-size:.22rem; margin-bottom: 0}
.porys_list li p{ line-height: 1.65 !important; height: auto; font-size:.15rem !important}
.pro_detail02 .sections02 p{ width: 100% !important; float: none !important; }
.pro_detail .sections06{ padding-top: 0 }
.pro_detail .sections06 .bgh{ padding: .35rem 0 .35rem}
.pro_detail .sections06 .left{ width: 100%; float: none}
.pro_detail .sections06 .right{  width: 100%; float: none; margin-top: .1rem}
.pro_detail .sections06 .js-bnt{ display: none; }
.pro_detail .sections06 .yynr_l{ float:none; width:100%}
.pro_detail .sections06 .yynr_r{float:none; width:100%; margin-top:.15rem}
.pro_detail .sections06 .right .porwllist .porwl_li{ width: 31.33333%; max-height:2.5rem}

.pro_detail02 .sections06 .info_hy {position: relative; }
.pro_detail02 .sections06 .info_hy li{ display: inline-block; width:32.6%; margin-right: .15%; }
.pro_detail02 .sections06 .info_hy li .font{ line-height:.45rem;height:.45rem;font-size:.16rem;}
.pro_detail02 .sections06 .info_hy li:hover .font{height: .6rem;line-height:.6rem;}



.content table{ width: 100% !important;/*word-break: break-all;*/ display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial; }
.content table tbody{}
.content table tr {height: .6rem; text-align: center;}
.pro_detail02 .sections img{ width:100%; height:100% !important}
/*图库*/

.pro_detail02 .sections04 .pic-box li{ width: 48.8%; padding-right: 2px; }
/*.pro_detail02 .sections04 .pic-box li:nth-child(9){ display: inline-block; }*/
.pro_detail02 .sections04 .pic-box li .t{line-height:.38rem;height:.38rem; font-size:.16rem}
.pro_detail02 .sections04 .pic-box li:hover .t{ background:#c92929}

.fancybox-close {right: 0px !important;width:30px!important;height:30px!important;z-index: 800; padding:.1rem; background-size:80%; background-size:20px 20px}
.fancybox-prev {left: 0px !important;}
.fancybox-next {right: 0px !important;}

/*yylist*/
.pro_detail .sections06 .porwllist{justify-content:center; flex-wrap:wrap; }
.pro_detail .sections06 .porwllist .porwl_li{ margin-right:1%; width:32%;margin-bottom:.1rem }
.pro_detail .sections06 .porwllist .porwl_li .t{  font-size: .18rem;}

.sections05 .swiper-bnt {width: .4rem;height: .4rem;line-height: .4rem; }
.sections05 .swiper-albnt-prev{right: 0%;}
.sections05 .swiper-albnt-next{left: 0%;}
.sections08 .swiper-bnt  {width: .4rem;height: .4rem;line-height: .4rem; }
.sections08 .swiper-al-prev{right: 0%;}
.sections08 .swiper-al-next{left: 0%;}

.inquiry_btn{ font-size:.13rem; line-height:.35rem}
.pro_detail02 .sections05 .content{}
.pro_detail02 .sections05 .alpic-box .wenzi {font-size: .16rem;padding: .15rem; }
.pro_detail02 .sections05 .alpic-box .wenzi a {font-size: .16rem;}
.pro_detail02 .sections05 .alpic-box .wenzi p {width: .3rem;height: 2px;margin: .06rem 0;}
.xgporpic-box .item {;height: 3.5rem; }
.xgporpic-box .item .item_box {padding:.15rem;}
.xgporpic-box .item .img_box {height:2.5rem;text-align: center;}
.xgporpic-box .item .img_box img {max-height: 100%;}
.xgporpic-box .item .intro_box .tit {font-size: .2rem;line-height:1;  margin-top:.15rem}
.xgporpic-box .item .intro_box .tit2{ font-size:.16rem}
.xgporpic-box .item .ibott .box2 {bottom: .15rem;left: .15rem;right: .15rem;}
.xgporpic-box .item .ibott .box2 .inquiry_btn{ font-size:.10rem !important;   width:48%; display:block; float:left; margin:.1rem auto 0; line-height:1.2 !important; padding:.1rem 0}
.xgporpic-box .item .item_box .icon_5 {width: .43rem;height: .42rem; top:.05rem; left:.05rem}
.xgporpic-box .item .ibott .box2 .links { display:none}
.pro_detail02 .sections08{margin-bottom: 0.5rem;}
/*定制*/
.zixun_dongtai{ margin-bottom: .5rem; text-align:center; }
.zixun_dongtai .content{padding:.3rem; border-radius:.1rem; display:block}
.zixun_dongtai .content .left_part{}
.zixun_dongtai .content .left_part .title{font-size:.3rem;}
.zixun_dongtai .content .left_part .text{font-size: .18rem;}
.zixun_dongtai .content .right_part .title{ font-size:.18rem;width:1.5rem; height: .5rem; line-height: .5rem; margin:.15rem auto 0}
.porform .lp-subtitle{ padding:.4rem 0 0}


    /* 产品底部 */
    .pro_mFooter{position:fixed; bottom:0; left:0; width:100%; box-shadow:0px -4px 7px 0px rgba(0, 0, 0, 0.15); z-index:10; display:block; background:#fff; padding:.15rem 0;}
    .pro_mFooter .content{display:flex; align-items:center; justify-content:space-between; font-size:0;}
    .pro_mFooter .content a{display:inline-block; vertical-align:middle;}
    .pro_mFooter .content .left{text-align:center;}
    .pro_mFooter .content .left a{margin-right:.3rem;}
    .pro_mFooter .content .left .icon{width:.48rem; height:.4rem;}
    .pro_mFooter .content .left .icon img{height:100%;}
    .pro_mFooter .content .left .t{font-size:.2rem; line-height:.3rem; color:#8e8e8e;}
    .pro_mFooter .content .right{background:#ebebeb; border-radius:.1rem;}
    .pro_mFooter .content .right a{padding:0 .35rem; color:#8e8e8e;}
    .pro_mFooter .content .right a>div{display:inline-block; vertical-align:middle;}
    .pro_mFooter .content .right .t{font-size:.2rem; font-weight:bold; line-height:.7rem; margin-left:.13rem;}
    .pro_mFooter .content .right .icon img{max-height:.3rem;}
    .pro_mFooter .content .right a.buy{background:#f5be2c; border-radius:.1rem; color:#363636;}

    /* 产品列表 */
    .pro_list.channel_content{background:#fff; padding-top:0; padding-bottom:.3rem;}
    .pro_list01{display:none;}
    .m_pro_list01{display:block; background:#fff;}
    .m_pro_list01 .top{position:relative; z-index:1; background:#fff; }
    .m_pro_list01 .top .hd{padding:.12rem 0; border-bottom:2px solid #f4f4f4;}
    .m_pro_list01 .top .hd ul{display:flex; }
    .m_pro_list01 .top .hd .item{width:33.33%; text-align:center; font-size:.16rem; line-height:.25rem; color:#0d2041; border-right:1px solid #f4f4f4;}
    .m_pro_list01 .top .hd .item:last-child{margin-right:0;}
    .m_pro_list01 .top .hd .item.cur{color:#f5be2c;}
    .m_pro_list01 .top .hd.noThree .item:nth-child(3){opacity:0; visibility:hidden;}
    .m_pro_list01 .top .bd{display:block; position:absolute; top:.5rem; left:0; right:0; /* border-bottom:1px solid #f4f4f4;*/}
    .m_pro_list01 .top .bd0{display:none;}
    .m_pro_list01 .top .bd .bdt{box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.08); }
    .m_pro_list01 .top .bd .bdt ul{max-height:55ch; overflow-y:auto; background:#fff; box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.08);}
    .m_pro_list01 .top .bd .bdt ul::-webkit-scrollbar {width:2px; height:2px;}
    .m_pro_list01 .top .bd .bdt ul::-webkit-scrollbar-thumb {border-radius:5px; background:#363636; }
    .m_pro_list01 .top .bd .bdt ul::-webkit-scrollbar-track {border-radius:0; background:#fff;}
    .m_pro_list01 .top .bd .bdt .line{width:100%; display:none; height:100vh; background:rgba(0, 0, 0, 0.6);}
    .m_pro_list01 .top .bd .bdt .line .item{font-size:.18rem; line-height:.5rem; padding:0 8%; border-bottom:1px solid #f4f4f4;}
    .m_pro_list01 .top .bd .bdt .line .item.cur{background:#f4f4f4; }
    .m_pro_list01 .top .bd .bdt .right{width:50%; background:#f4f4f4;}
    .m_pro_list01 .top .bd .bdt .right .item{font-size:.18rem; line-height:.5rem; padding:0 8%;}

    /* 有二级 */
    .m_pro_list01 .top .bd .bdt .right .item.ej_item .box{display:flex; align-items:center; justify-content:space-between; position:relative;}
    .m_pro_list01 .top .bd .bdt .right .item.ej_item .box i{margin:0; line-height:1; transition:all .3s ease;}
    .m_pro_list01 .top .bd .bdt .right .item.ej_item .box.cur i{transform:rotate(45deg);}
    .m_pro_list01 .top .bd .bdt .right .item.ej_item .erji_box{display:none; padding:0 .1rem; background:#fbfbfb;}
    .m_pro_list01 .top .bd .bdt .right .item.ej_item .i_item{font-size:.16rem; line-height:.4rem;}


    .m_pro_list01 .top .bd .bdb{padding:.08rem 0; display:none;}
    .m_pro_list01 .top .bd .bdb .item{display:inline-block; line-height:.36rem; border:1px solid #bababa; padding:0 .12rem; font-size:.18rem;}

    .m_pro_list01 .bott .hd{line-height:.62rem; border-bottom:1px solid #f4f4f4;}
    .m_pro_list01 .bott .hd .wrap{display:flex; justify-content:space-between;}
    .m_pro_list01 .bott .hd .tabs_ ul{display:flex;}
    .m_pro_list01 .bott .hd .tabs_ .item{font-size:.16rem; color:#848484; margin-right:.36rem; border-bottom:2px solid transparent; transition:all 0.5s ease;}
    .m_pro_list01 .bott .hd .tabs_ .item.cur{color:#f5be2c; border-bottom:1px solid #f5be2c;}

    .m_pro_list01 .bott .hd .total{font-size:.15rem; color:#a7a7a7; }
    .m_pro_list01 .bott .hd .total .num{font-weight:bold;}
    .m_pro_list01 .bott .bd .products .item{position:relative; padding:.2rem; border-bottom:4px solid #f4f4f4;}
    .m_pro_list01 .bott .bd .products .item .tit{font-size:.18rem; font-weight:bold; color:#0d2041; line-height:.2rem;}
    .m_pro_list01 .bott .bd .products .item .cont{display:flex; padding-top:.15rem;}
    .m_pro_list01 .bott .bd .products .item .con{font-size:.15rem; line-height:.24rem; color:#919191;}
    .m_pro_list01 .bott .bd .products .item .img_box{width:1.75rem;}
    .m_pro_list01 .bott .bd .products .item .img_box img{max-width:96%;}
    .m_pro_list01 .bott .bd .products .item .inquiry_btn{position:absolute; right:.2rem; bottom:.3rem; display:inline-block; padding:0 .25rem; background:#f5be2c; font-size:.15rem; line-height:.35rem; font-weight:bold; color:#0d2041; border-radius:.06rem;}
    .m_pro_list01 .gotop{position:fixed; right:.26rem; bottom:1.2rem; z-index:99; width:.75rem;}


    /* 新闻详情 */
    .news_detail{padding:.3rem 0;}
    .news_detail_crumbs{margin-bottom:.2rem;}
    .news_detail1 .left{width:100%;}
    .news_detail1 .left .box>.title{font-size:.24rem;}
    .news_detail1 .left .text{padding-bottom:.3rem;}
    
    .news_detail1 .left .share_box{margin:.2rem 0;}
    .news_detail1 .left .share_box li{padding:0 .15rem; margin:0 -0.05rem;}
    .news_detail1 .left .share_box li img{width:80%;}
    .news_detail1 .left .btns .prev{width:100%; margin-bottom:.1rem;}
    .news_detail1 .left .btns .next{width:100%; float:left; text-align:left;}
    .news_detail1 .right{width:100%; margin-top:.3rem;}
    .news_detail1 .right .item:last-child{margin-bottom:0;}


/* 新闻列表 */
.newsBg {padding: .2rem 0 .4rem;}
.newsBg .events {display:none}
.newsBg .news { margin:.3rem 0}
.newsBg .news .mdqwz {padding: 0 0 .1rem 0;}
.newsBg .news .newsMain ul#grid { display:block}
.newsBg .news .newsMain ul#grid li {width:100%;margin-right: 0;margin-bottom: 2.405%;}
.newsBg .news .newsMain ul#grid li:nth-child(3n+3) {margin-right:0;}
.newsBg .news .newsMain ul#grid li:nth-child(2n) {margin-right: 0%;}
.newsBg .news .newsMain ul#grid li:nth-last-child(-n+3) {margin-bottom:2.405%;}

.newsBg .news .newsMain ul#grid li .content {height:1.8rem;padding:.15rem;}
.newsBg .news .newsMain ul#grid li .content .time {font-size: .12rem;}
.newsBg .news .newsMain ul#grid li .content .time i {font-size:.14rem;margin-right:.05rem;}
.newsBg .news .newsMain ul#grid li .content .title {font-size:.2rem;line-height: .3rem;height:.6rem;margin-top:.15rem;margin-bottom:.15rem;overflow: hidden;}
.newsBg .news .newsMain ul#grid li .content .more {font-size: .14rem;}

    /* 手机端产品单用导航 */
    .pro_mHeader{display:block; position:relative;}
    .pro_mHeader .pro_mHeader_top{background:#fff; box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.16);}
    .pro_mHeader .pro_mHeader_top .content{position:relative; padding:.2rem 0;}
    .pro_mHeader .pro_mHeader_top .goBefore{position:absolute; display:block; left:0; width:.15rem; top:50%; transform:translateY(-50%); }
    .pro_mHeader .pro_mHeader_top .goBefore img{width:100%; display:block;}
    .pro_mHeader .pro_mHeader_top .name{font-size:.2rem; line-height:.24rem; color:#727272; padding:0 .2rem; text-align:center;}

    /* 无左侧返回按钮 */
    .pro_mHeader.noLeft .pro_mHeader_top .goBefore{display:none;}



    /* 下层banner */
    .syt_banner{overflow:hidden; width: 100%}
    .syt_banner>img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:none; min-width:100%; height:100%;}
    .centernav{ }
    .centernav .ny_nav {text-align: center;padding: 0.25rem 0 0;}
    .centernav .ny_nav .item{ height: .5rem; margin-right:0; line-height:.5rem; font-size:.18rem;max-width:auto; margin-bottom:.1rem; padding:0 .1rem}

    /* 右侧导航 */
    .right_nav{display:none;}

   
  


    /* 字号调节 */
    .tit46{font-size:.25rem; line-height:.3rem;}
    .tit36{font-size:.22rem; line-height:.3rem;}
    .tit24{font-size:.19rem;}
    .con15{font-size:.16rem;}

    /* 字号调节-新 */
    .tit36{font-size:1.5em; line-height:1.25em;}
    .tit24{font-size:1.25em;}
    .con15{font-size:14px; line-height:1.95em;}

    .tit46{font-size:1.6em; line-height:1.4em;} 

    /* 公共标题 */
/*    .common_tit{padding-bottom:10px; }*/
    .common_tit::after{bottom:0; width:.6rem; }



    /* 手机端产品部分 */
    .pro_evaluation03 .products{display:none;}
    .pro_evaluation03 .m_products{display:block;}
    .pro_evaluation03 .content .m_products{position:relative;}
    .pro_evaluation03 .content .m_products .btns{position:absolute; top:50%; transform:translateY(-50%); right:-0.1rem; background:none; font-size:.3rem; line-height:1; width:auto; height:auto; margin-top:0;}
    .pro_evaluation03 .content .m_products .btns.swiper-button-prev{right:auto; left:-0.1rem; transform:translateY(-50%);}
    .pro_evaluation03 .content .m_products .btns i{margin:0;}
    .pro_evaluation03 .content .m_products .swiper-container{padding:1px; width:calc(100% - .6rem); margin:0 auto;}
    .pro_evaluation03 .content .m_products .item{position:relative; padding:.2rem; box-sizing:border-box; border:1px solid #e3e3e3;}
    .pro_evaluation03 .content .m_products .item .tit{font-size:16px; font-weight:bold; color:#0d2041; line-height:.2rem;}
    .pro_evaluation03 .content .m_products .item .cont{display:flex; padding-top:.15rem;}
    .pro_evaluation03 .content .m_products .item .cont .img_box{width:1.75rem;}
    .pro_evaluation03 .content .m_products .item .cont .img_box img{max-width:96%;}
    .pro_evaluation03 .content .m_products .item .con{font-size:.9em; line-height:.24rem; color:#919191; height:.72rem; overflow:hidden;}
    .pro_evaluation03 .content .m_products .item .inquiry_btn{position:absolute; right:.2rem; bottom:.1rem; display:inline-block; padding:0 .25rem; background:#f5be2c; font-size:.15rem; line-height:.35rem; font-weight:bold; color:#0d2041; border-radius:.06rem;}

   


    /* 联系我们 */
    .contact_us01{padding:.4rem 0;}
    .contact_us01 .infor .con{/*font-size:.18rem;*/ margin-top:0;}
    .contact_us01 .content .top_{margin-bottom:.4rem; }
    .contact_us01 .content .top_ .cover{top:50%; height:auto; transform:translateY(-50%);}
    .contact_us01 .content .top_ .cover .box{padding:.2rem;}
    .contact_us01 .content .top_ .cover .box .c{font-size:.9em;}
    .contact_us01 .content .top_ .cover .box .more{font-size:.9em;}
    .contact_us01 .content .bott_ .li_box .con{font-size:.9em;}
    .contact_us01 .content .top_ .owl-nav div{font-size:.3rem;}

    /* 下层banner手机端显示 */
    .syt_banner.m_show{display:block;}


    /* 发展历程-手机端 */
    .m_history01{padding:.4rem 0 .2rem;}
    .m_history01 .swiper-slide{width:auto;}
    .m_history01 .tab_t:after{content:''; width:24px; height:27px; background:url(../img/m_history01_arrow.png) no-repeat center; position:absolute; right:0px; top:50%; margin-top:-13px;; animation: certFlag infinite linear 1.8s; opacity: 0;animation-fill-mode: forwards; z-index:2;}
    @keyframes certFlag{
        0% {transform:translateX(-10px); opacity:0;}
        100% {transform:translateX(0); opacity:1;}
    }
    .m_history01 .tab_t li{float:left; width:auto; margin-right:2%; font-size:.2rem; line-height:.3rem; color:#000; text-align:center; white-space:nowrap; box-sizing:border-box;}
    .m_history01 .tab_t li:nth-child(2n){margin-right:0;}
    .m_history01 .tab_t li span{margin-right:0; white-space:nowrap; display:block;}
    .m_history01 .tab_t li.cur{color:#f5be2c;}
    .m_history01 .tab_c>ul{position:relative; margin:.3rem 0 0;}
    .m_history01 .tab_c>ul:after{display:none; content:''; position:absolute; left:0; top:0; width:2px; height:100%; background:#e4e4e4;}
    .m_history01 .rect-668{padding-bottom:66.8%;}
    .m_history01 .tab_c>ul>li{overflow:hidden; padding:.3rem 0; border-top:1px solid #eee;}
    .m_history01 .tab_c>ul>li:last-child{margin-bottom:0;}
    .m_history01 .tab_c .img img{width:100%;}
    .m_history01 .tab_c .txt{width:100%; box-sizing:border-box;}
    .m_history01 .tab_c .txt .num{position:relative; color:#363636; margin-bottom:.1rem;}
    .m_history01 .tab_c .txt .tit{color:#4e4e4e; box-sizing:border-box; margin-bottom:.2rem;}


    /* 公共加上下padding的类名 */
    .channel_content.channel_padding{padding:.4rem 0;}


    /* 页面顶部底部高度调整 */
    .channel_content.assess{padding:.4rem 0 .2rem;}
    .fin_lease.channel_content{padding-top:.4rem;}
    .channel_content.news_list{padding:.4rem 0 .2rem;}


    /***20231219wangqz**/
    .service_action.channel_content{padding-top:0rem;}
    .service_action .common_tit{margin-bottom:.4rem;}
    .service_action03 .common_tit{margin-bottom:.4rem;}
    .service_action01,.service_action02, .service_action04,.service_action05,.service_action06{padding-bottom:.4rem;}
    .service_action02 .infor .list li .number{font-family:inherit; font-size:.3rem;}
    .service_action02 .infor .list li .number .num{font-weight:900;}
    .yingyongys{ margin-left:auto}
    .yingyongys .item{height:auto; margin-bottom:.3rem; width:100%; display:block;}
    .yingyongys.item .left,
    .yingyongys .item .right{width:100%; margin:0;}
    .yingyongys .item .left{ padding:4%}
    .yingyongys .item .left .intro{transform:none; text-align:center;}
    .yingyongys .item .left .intro .icon{  }
    .yingyongys .item .left .intro .tit{font-size:1.35em; line-height:.3rem; margin:.1rem 0; text-align:left}
    .yingyongys .item .left .intro .con{margin-bottom:0rem;}
    .yingyongys .item .right .img_box{position:static; width:100%;}
    .service_action04 .infor .con{margin-bottom:.2rem; text-align:justify;}
    .service_action04 .content ul{width:100%;}
    .service_action04 .content .item{float:none; width:100%; margin-bottom:.2rem; margin-right:0;}
    .service_action04 .content .item:last-child{margin-bottom:0;}
    .service_action04 .infor{ margin-bottom:0}
     .service_action04 .infor .common_tit{ padding-bottom:0; margin-bottom:0 !important}
     .yytit2{ padding:.3rem 0 .3rem}
.yytit2 span{ font-size:.22rem;  padding:.1rem .2rem;}
    

    /* 没有询价按钮 */
    .opinions01 .item.nopro .center_box{width:100%; margin-bottom:0;}

    /* 按钮统一样式 */
    .after_sale02 .content .bott .more_btn{font-size:.16rem;}
    .new_application06 .content .words .more_btn{line-height:.4rem; font-size:.16rem; height:.4rem;}
    .parts_service01 .top .more_btn{line-height:.4rem; font-size:.16rem; padding:0 .3rem; height:.4rem; }
    .opinions01 .item .more_btn{font-size:.16rem; line-height:.4rem; width:auto; padding:0 .3rem; height:.4rem;}
    .manyi_survey01 .form-btn .btn{line-height:.4rem; padding:0 .3rem; height:.4rem;}
    .inquire01 .bott .bd .form_box .form-btn .btn{line-height:.4rem; padding:0 .3rem; height:.4rem;}
    .calculator01 .top .item .cont .sear_btn{line-height:.4rem; height:.4rem;}
    .calculator01 .bott .content .down_btn{line-height:.4rem; height:.4rem;}
    .sec_hand03 .item .cont .words .more_btns{line-height:.4rem; padding:0 .3rem; height:.4rem;}


    /* 弹窗 */
    .brandBox_detail{width:100%; margin-left:0; left:0; max-width:none; height:5.6rem;}
    .brandBox_detail .box{padding:0 10%;}
    .brandBox_detail .box .tit{font-size:.22rem;}
    .brandBox_detail .close{width:28px; height:28px; margin:.2rem auto 0;}
    .brandBox_detail .close i{font-size:12px; padding:8px;}
    .brandBox_detail .box .tit{margin-top:0;}
    .brandBox_detail .box{margin:.8rem 0 .3rem;}


    /* 新-公共标题 */
    .new_common_title{padding-bottom:12px;}
    .new_common_title::after{width:.6rem;}

    /* 字号调节 */
    .tit40{font-size:1.6em; line-height:1.4em;}




    /* 服务 */
    .service_action02 .box li .num_box .num{font-size:.36rem;}
    .service_action02 .box li .tips{margin-top:0;}

    /* 施工案例详细 */
    .service_detail03{padding:.4rem 0;}
    .service_detail03 .content .back_box{display:none;}
    .service_detail03 .content{padding:0;}
    .service_detail03 .content .box{padding:.2rem;}
    .service_detail03 .content .box .infor{font-size:.24rem;}
    .service_detail03 .content .box .list{margin:0 0 .15rem 0;}
    .service_detail03 .content .box .list li{line-height:.35rem; width:auto; font-size:.16rem; padding:0 5px; margin-bottom:.1rem;}
    .service_detail03 ._tools ._tool{line-height:.3rem; height:.3rem;}
    .service_detail03 ._tools{margin-top:.15rem;}
    .page_bott{margin-top:.15rem;}
    .page_bott .page_btn{font-size:.14rem;}
    .page_bott .t{font-size:.14rem; color:#666; line-height:.22rem;}
    .page_bott .box{padding:.1rem .2rem;}
    .page_bott .page_prev{border:none;}
    .page_bott .page_next{border:none;}


    .pro_detail02 .bd .right .section04.hasMore .cont{height:6.6rem;}


    /* 产品详情 */
    .pro_detail02 .bd .right .top{margin-bottom:.3rem;}
    .pro_detail02 .bd .right .top .cont_box .box .box_left .pro_name{font-size:.2rem;}
    .pro_detail02 .bd .right .top .cont_box{margin-top:.3rem;}
    .pro_detail02 .bd .right .top .cont_box .box .box_right{margin-top:.2rem; padding-top:.2rem;}
    .pro_detail02 .bd .right .top .bd_box li{padding:.2rem 0; display:block;}
    .pro_detail02 .bd .right .top .bd_box li .li_right{width:100%; margin-top:.2rem;}
    .pro_detail02 .bd .right .top .bd_box li .li_left{width:100%;}



/*关于我们新*/
.about_us01 { margin:0rem 0 0; }
.about_us01:before{display:none}
.about_us01 .wrap{ padding:0}
.about_us01 .left {float: none;width: 100%;background:#333 url(../images/about_l_bg.jpg) no-repeat center; background-size:cover; padding:.35rem 5%}
.about_us01 .left .infor .tit {font-size:.5rem; }
.about_us01 .left .infor .con {font-size: .22rem;}
.about_us01 .left ul {width: 100%;margin-top: .2rem;}
.about_us01 .left ul li {width: 50%;margin:.2rem 0 0;}
.about_us01 .left ul li .t {font-size: .16rem;}
.about_us01 .left ul li .c {font-size: .15rem;}
.about_us01 .left ul li .num {font-size: .4rem;line-height: 1.4; }
.about_us01 .left ul li.li2 .box, .about_us01 .left ul li.li4 .box {padding-left: .3rem;}
.about_us01 .left ul li.li1, .about_us01 .left ul li.li3 {width: 40%;}
.about_us01 .right {float: none;width: 100%;font-size: .2rem;line-height:1.6; padding:.4rem 5%;}
.about_center02 {padding: .45rem 0;}
.about_center02 .infor {margin-bottom: .2rem;}
.about_center02 .infor .tit {font-size: .22rem;line-height:1.4;}
.about_center02 .infor .con {font-size: .22rem;}
.about_center02 .content .item {float: none;width: 100%;margin-left:0; margin-top:.2rem}
.about_center02 .content .item .intro {float: none;margin-top: 0rem;width: 100%;}
.about_center02 .content .item .intro .box {padding: .25rem .25rem;}
.about_center02 .content .item .intro .box .t {font-size: .22rem; margin-bottom:.1rem}
.about_center02 .content .item .intro .box .c {font-size: .2rem; line-height: 1.4; margin-top: .08rem}

/*文化*/
.about_us03{height:7rem; padding:0; margin:0}
.about_us03 .list {padding:4%;  overflow: hidden;}
.about_us03 .list li {width: 100%;float:none;text-align: left;border-left: none; height:1.2rem;  margin-bottom:.1rem; display:block; }
.about_us03 .list .box {height: 100%;padding:3% 5%;position:relative;background:rgba(0,0,0,.6);vertical-align: top; font-size:0}
.about_us03 .list .pic {width: .55rem;height: .55rem;margin: 0; display:inline-block}
.about_us03 .list .pic:before {width: .55rem;height: .55rem;opacity: 1;margin: auto;}
.about_us03 .list .pic:after {display:none}
.about_us03 .list .text{ display:inline-block; padding-left:.2rem}
.about_us03 .list .title {margin-bottom: .1em;color: #c92929 !important;}
.about_us03 .list .cn {font-size: .22rem}
.about_us03 .list .en {display:none}
.about_us03 .list .info {font-size: .16rem;line-height:1.4;text-align: left;display: block;}
.about_us03 .list .box {padding:3%;background:rgba(0,0,0,.6);}
.about_us03 .list .box .pic{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
.about_us03 .list .box .pic:before{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.about_us03 .list .box .default{display: none}
.about_us03 .list .box .hover,.about_us03 .list .cur .hover {display: block}
.about_us03 .list .box:hover,.about_us03 .list .cur {padding: 3% 5% !important;}
.about_us03 .list .box:hover .title,.about_us03 .list .cur .title{ color:#fff !important}

/*优势公用*/
.aboutys{padding:.5rem 0;}
.aboutys .infor .tit{ font-size: .4rem; line-height: 1.2}
.aboutys .infor .con{ font-size: .18rem; font-weight:normal; line-height:1.2}
.aboutys .content{ padding-top: .2rem }
.aboutys  .about-pic{ width: 100%; float: none;  margin-bottom:.25rem; }
.aboutys  .ysbox{ float: none; width: 100% }
.aboutys .youshi_ul li{ width:100%;  margin-bottom:.25rem; margin-top: .1rem; display:block; height:auto; }
.aboutys .youshi_ul li .txt{ line-height:1.4}
.aboutys .youshi_ul li .tit{ font-size:.2rem;  }
.aboutys .youshi_ul li .txt p{font-size:.18rem;}


/*联系我们*/
.contact_us01 {padding:0rem 0 .2rem;}
.contact_us01 .content {padding:0rem .1rem;}
.contact_us01 .tit {font-size: .28rem;margin-bottom: 0rem;}
.contact_us01 .contacr_01_l {float: none;width: 100%;}
.contact_us01 .contacr_01_l .con {font-size: 14px;margin-bottom: 1px;}
.contact_us01 .contacr_01_l .con span {font-size: 14px;}
.contact_us01 .contacr_01_l ul li {width: 100%;margin-right:0;margin-bottom: 15px; display:block;}
.contact_us01 .contacr_01_l ul li .t {font-size:18px;margin-bottom: 5px;}
.contact_us01 .contacr_01_l ul li .c {font-size: 15px;}
.contact_us01 .contacr_01_l ul li .c2{ font-weight:normal}
.contact_us01 .contacr_01_l ul .wx { width: 49%; display: inline-block; }
.contact_us01 .contacr_01_l ul .wx .c{ max-width: 130px }
.contact_us01 .contacr_01_l ul li .c p{ text-align: center; padding-top: 5px }
.contact_us01 .contacr_01_l .bdsharebuttonbox a {background: none;padding-left: 0;font-size: 20px;color: #bebebe;}
.contact_us01 .contacr_01_l .bdsharebuttonbox a:hover {color: #fcb026;}
.contact_us01 .contacr_01_r {float: none;width: 100%;}
.contact_us01 .contacr_01_r .box {padding:2%;}
.contact_us01 .contacr_01_r .box dt {font-size: .2rem;margin-bottom: .15rem;}
.contact_us01 .contacr_01_r .box dd {font-size: .15rem;}
.contact_us01 .contacr_01_r .box {padding: 2%}
.contact_us01 .contacr_01_r .box dt {font-size: .2rem;margin-bottom: .08rem; }


.contact_us03 .line1 {width: 100%;padding: 0 .46rem 0 .13rem; margin-bottom: .1rem}
.contact_us03 .form textarea {width:100%;height:1rem;line-height: 1.5;margin-bottom: .1rem;margin-top: .1rem; }
.contact_us03 .name { background-position:100% -8px}
.contact_us03 .phone { background-position:100% -8px}
.contact_us03 .email { background-position:100% -8px}
/*产品*/
.syt_banner img.pc-block{ display: none !important}
.syt_banner img.mb-block{ display: block !important }
.porbanner .intro{  display: none; }
/*产品总列表页面*/
.pro_centeri{}
.pro_centeri .pro-item {padding: .5rem 0 .5rem}

.pro_centeri .pro-title {padding-right:0rem;margin-bottom: .28rem; }
.pro_centeri .pro-title h2 {font-size:.28rem;line-height:.4rem;margin-right:.1rem; margin-bottom:.1rem}
.pro_centeri .pro-title p {font-size:.16rem;line-height:.25rem}
.pro_centeri .pro-list li {width: 48.5%;margin-bottom:.25rem; margin-right:2%}
.pro_centeri .pro-list li:nth-child(2n){ margin-right: 0 }

.pro_centeri .pro-list li a.pic {width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 76.7%;border-radius: 4px 4px 0 0;display: block; background: #333 url(../images/porbg.jpg) no-repeat; background-size: cover;}
.pro_centeri .pro-list li a.pic img {display: block;position: absolute;top: 10%;left: 10%;width: 80%;height: 80%}
.pro_centeri .pro-list li .tit {font-size:.18rem;line-height:.5rem;padding-right:.4rem;padding-left:.25rem; text-align: center;}
.proitembom {padding-top:.1rem;padding-left:.08rem}
.proitembom a {margin-top:.1rem;font-size:.16rem;padding:.11rem .25rem;}
.pro_center .pc-block{ display: none !important; }
.pro_center .mb-block{ display: block !important; }
.pro_center_layout.product-page-por > .pro_center_side .iporfl.pc-block{ display: none !important; }
.pro_center_layout.product-page-por > .pro_center_side .iporflm.mb-block{ display: block !important; }
.pro_center_layout.product-page-por > #product_pro.pc-block,
.pro_center_layout.product-page-por > .content.pc-block{ display: none !important; }
.cplist-infor {text-align: center;margin-bottom:.2rem;color: #333e46}
.cplist-infor .tit {font-size: .26rem;font-weight: bold;line-height: .35rem;}
.cplist-infor .con {font-size:.16rem;}
.cplist-infor .line {display: block;width: .84rem;height: .06rem;background: #c92929;margin: .1rem auto 0;position: relative;}
.cplist-infor .line::after {content: '';position: absolute;bottom: 0rem;left: 0%;width: .42rem;height: .06rem;background: #272727;}


.por_clm_item{ margin: .0rem}
.lm_item_title{margin-bottom: .1rem;display:block; background:#0140a1;background:linear-gradient(to bottom right, #0140a1 0%, #002c6f 100%);margin: 0.35rem auto 0rem;}
.lm_item_title .icon{font-size: .24rem; display:none}
.lm_item_title .tt{width:100%;color: #fff;text-align: center;font-weight: bold;padding:15px 5%; font-size: .28rem; display:block}
.lm_item_title .list{ line-height:0; padding:.1rem 0}
.lm_item_title .more{width: 40%; display:block;   background:#c92929; text-align:center;color:#fff; font-size: .17rem; margin:0 auto; padding:.1rem 0}
.pro_center{padding:0 0 .25rem 0}

.pro_center02{ padding:0rem 0 .45rem;  }
.pro_center02 ul{ margin-left: 0%; }
.pro_center02 .item {float: none;width:100%;margin-left:0%;margin-top: .2rem;height:auto;}
.pro_center02 .item .img_box { padding:.15rem }
.pro_center02 .item .intro_box {text-align: center;padding:0rem .25rem}
.pro_center02 .item .intro_box .tit{ font-size:.24rem; font-weight:bold}
.pro_center02 .item .intro_box .tit2{ padding:.1rem 0}
.pro_center02 .item .ibott .box2 .links a {font-size: .16rem;}
.pro_center02 .item .ibott .box2 {position: relative;top:unset;bottom:unset;left:unset;right: unset; padding:0 0 .15rem 0}

.pro_detail02 .sections .title:before{top:0} 

/*成套解决方案*/
.solu_center01 {padding:.4rem 0;}
.solu_center01 .infor {padding: 0 5%;}
.solu_center01 .infor .tit {font-size: .28rem;line-height: .28rem;}
.solu_center01 .infor .con {font-size: .16rem;line-height:1.7;margin-top:.1rem;}
.solu_center01 .content {margin-top: .25rem;padding: 0 4%;}
.solu_center01 .content ul li{ width: 48%;  padding:6% 4%; height:1.6rem; }
.solu_center01 .content ul li:after {height: .5rem;top: .2rem;}
.solu_center01 .content ul li .icon {width: .47rem;height: .4rem;margin: 0 auto;}
.solu_center01 .content ul li .txt {font-size: .18rem;margin-top: .1rem; line-height:1.4}
.solu_center01 .content ul li:nth-child(4):after {display: none;}
.solu_center01 .content ul li:before{ left:10%; top:.15rem;font-size:.24rem;}

.solu_center02 {padding: .45rem 0 .65rem;}
.solu_center02 .item_ {width: 100%;margin-bottom: .25rem;margin-right: 0%; }
.solu_center02 .item_ a {border-radius: .05rem;}

.solu_center02 .item_ .box .list {font-size: .14rem;line-height:1.7;margin-top: .15rem;}
.solu_center02 .item_ .box .list .li01 {margin-right: .05rem;margin-bottom: .05rem;}

.solu_center02 .item_ .words {padding:3%;}
.solu_center02 .item_ .words .tit {font-size: .2rem;padding-bottom: .1rem}
.solu_center02 .item_ .words .con{ font-size:.15rem; line-height:1.7; color: #666; height:auto }



.souDetail_ban { padding:1.2rem 2% .25rem; text-align:center; margin-bottom:.0rem}
.souDetail_ban .crumbs { font-size:.12rem; text-align:left}


/*下层banner文字*/
.souDetail_ban .intro { margin-top: .2rem; text-align: center; }
.souDetail_ban .intro .tit {font-size: .24rem;line-height:1.6; padding-left: 0rem;float: none;text-align: center; padding-bottom: .2rem; width:100%; font-weight:normal} 
.souDetail_ban .ico2{ color:#888}
.souDetail_ban .intro .canshu {font-size: .16rem;float: none;}
.souDetail_ban .intro .canshu .c1 {padding: 0 .15rem}
.souDetail_ban .intro .canshu .c1 em {font-size: .16rem;}

.solu_probox .title{ font-size: .24rem;margin: .1rem auto .15rem; }
.solu_pro .solu_pro01 .content{ border-radius: 10px; overflow: hidden; }
.solu_pro .solu_pro01 .solmainpic{ padding-bottom: .3rem }
.solu_pro .solu_pro01 .left{  float: none; width: 100% }
.solu_pro .solu_pro01 .right{float: none; width: 100%; padding: 3%; margin-top: 0}
.solu_pro .solu_pro01 .right .tit{ font-size: .24rem; padding: 0 0 .1rem; font-weight:block; }
.solu_pro .solu_pro01 .right p,.solu_pro .solu_pro01 .right{ font-size: .16rem; line-height: 1.7; }
.solu_pro .solu_pro01 .right .js-bnt{ margin-top: .15rem }
.solu_pro .solu_pro01 .contentnr{ padding-top: 0rem }

.solu_pro  .solu_pro02 .xgporpic-box ul{ margin-left: -2% }
.solu_pro  .solu_pro02 .xgporpic-box .item{ margin-left: 2%; width:48%;}

.solu_pro03{ margin: .45rem auto}
.solu_pro  .solu_pro03 .pic-box {font-size: 0;position: relative; }
.solu_pro  .solu_pro03 .pic-box li{  width:33%; padding-right: 2px; }

.solu_pro .yingyong_pro01{}
.solu_pro .yingyong_pro01 .left{  float: none; width:100% }
.solu_pro .yingyong_pro01 .right{float: none; width:100% padding: 3%;font-size: .16rem; line-height: 1.7;}
.solu_pro .yingyong_pro01 .content2 .tit{font-size: .25rem; }
.solu_pro .yingyong_pro01 .content2{font-size: .16rem; line-height: 1.7;  padding:2%}
.solu_pro .yingyong_pro01 .left img{ width: 100% }

.solu_pro04{ padding-bottom: .35rem }
.solu_pro04 .wl_ul{ margin-left: -.8% }
.solu_pro04 .wl_ul .item_li{ width:23.3%; margin-left:.8%; margin-bottom:.1rem }
.solu_pro04 .wl_ul .item_li .wl_img{ position: relative; z-index: 5 }
.solu_pro .solu_pro06 .bgb{ padding-top: .35rem }
.solu_pro .solu_pro06 .porys_list li{ width:100%; height: auto; }
.solu_pro07 .bgh,.solu_pro08 .bgh{ padding: .25rem 0 }
.solu_pro07,.solu_pro08{ margin-top:0rem; padding-bottom:.35rem; }
.solu_pro07 p,.solu_pro08 p{  margin-bottom: .1rem; line-height: 1.6; font-size: .18rem; width: 100% !important;  float: none !important;  }
.solu_pro08 .wrap{ position: relative; }
.solu_pro08 .js-bnt{display: none;}




/*应用首页*/
.hy_banner { text-align: center; }
.hangye_list0{  margin: .45rem 0 .45rem 0% ; }
.hangye_list0 .box {padding: .3rem .2rem;position: relative;background: #fff; border-radius: 5px; height:auto; width:100%; margin:0 0 .2rem 0}
.hangye_list0 .pic {width: 1.25rem;height: 1.2rem;margin-bottom: .1rem;}
.hangye_list0 .pic img { width: 1.05rem;height: 1rem; }
.hangye_list0 .text {padding: 0 .1rem}
.hangye_list0 .title {font-size: .22rem;}
.hangye_list0 .text .con{ line-height: 1.4; font-size: .16rem; padding:.1rem 0; }
.hangye_list0 .tag {line-height:1.7;margin:.1rem 0;}
.hangye_list0 .a-1 {font-size: .16rem;border-radius: .3rem; padding: 0 .08rem}
.hangye_list0 .more { font-size: .16rem;  background: none }




/*应用列表*/
.pt40{ padding-top:.4rem }
.hangye_list01 ul{}
.hangye_list01 {margin: .6rem 0;}


.hangye_list01 .item_ {position: relative;width:48%;margin-bottom: .25rem;margin-right:1.8%;}
.hangye_list01 .item_ a {border-radius: .1rem;overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .1rem;}
.hangye_list01 .item_:nth-child(5n){ margin-right:1.8%  }
.hangye_list01 .item_:nth-child(2n) {margin-right: 0;}

.hangye_list01 .item_ .box .list {font-size: .15rem;line-height: 1;margin: .1rem;height:aut0;}
/*.hangye_list01 .item_ .box .list .li01 {float: left;margin-right: .2rem;margin-bottom: .1rem;border: 1px solid #8b8b8b;padding: 0 5px;border-radius: .06rem;}
.hangye_list01 .item_ .box .list .li01:last-child {margin-right: 0;}*/
.hangye_list01 .item_ .words {padding: .1rem .1rem;}
.hangye_list01 .item_ .words .tit {font-size: .2rem;}


/*图片*/
.honor_list{ }
.honor_list .honor_list01{padding: .35rem 0 }
.honor_list .honor_list01 .item_ {position: relative;width: 100%;float: none;margin-bottom: .35rem;margin-right:0%;transition: all .3s ease;padding:0; display:block}
.honor_list .honor_list01 .item_ a {overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .05rem; padding:.1rem}
.honor_list .honor_list01 .item_:nth-child(4n) {margin-right: 0;}

.honor_list .honor_list01 .item_ .words {padding: .15rem .15rem;}
.honor_list .honor_list01 .item_ .words .tit {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;}

.honor_list .honor_list01 .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.honor_list .honor_list01 .item_:hover .words .tit {color: #fff;font-weight: bold;}
.icon-button{ display:none}


/*新闻媒体*/
.newsDetail_ban .intro .tit {font-size: .3rem;line-height: .36rem;}
.channel_content.news_list{ margin-top: 0 }
.news_list01 {padding: .4rem 0;}
.news_list02{padding: 0 5%}
.news_list02 .news_item {width:100%;float: none;margin-bottom: .25rem;transition: all .3s ease; padding:0rem}
.news_list02 .news_item a{ padding: .1rem}
.news_list02 .news_item .pic{ width: 100%; height:2.5rem; overflow: hidden; }
.news_list02 .news_item .pic img{ height:100% !important; width:100%  !important}
.news_list02 .bd li .infor .box .date {margin-top: .15rem;}
.news_list02 .bd li .infor .box .date .day {font-size: .3rem;line-height:1;margin-bottom: 5px;}
.news_list02 .bd li .infor .box .date .year {font-size: .15rem;line-height:1;}


/*新闻详细*/
.newsDetail_ban {padding:3%; margin-bottom: .2rem; }
.news_detail01 .content{ position: relative;padding-left:0; height: auto;overflow: hidden; }
.news_detail01 .content .c_left { display: none; float: none;}

.news_detail01 .content .c_center {width:100% !important;float:none;min-height: 100%; position: relative !important; height: auto;}
.news_detail01 .content .c_center .box {padding-top: .2rem;}
.news_detail01 .content .c_center .text {font-size: .18rem;}
.news_detail01 .content .c_center .text p{margin-bottom: .1rem}
.sxlist{ display:block;  }
.sxlist>div {border: 1px solid #ddd;margin-bottom: .15rem; width:100%}
.sxlist .box {padding:4%; background: #f5f5f5}
.sxlist .box .t {font-size: .15rem;margin-bottom: .1rem}
.sxlist .box .t:after {width: 35px;height: 1px;left: 0%;top: .25rem; background: #ccc}
.sxlist .box .tit {font-size: .2rem;}
.newscontent{ margin-bottom:0}
.newspor .sections .title{ font-size:.32rem}
.news_detail01 .content .c_right {position: relative !important;right: 0 !important;top:0 !important;width: 100%; max-width:100%; margin-bottom:.3rem}
.news_detail01 .content .c_right .hot_news {border: 5px solid #f5f5f5;}
.news_detail01 .content .c_right .hot_news .hot_box {padding: 0 .2rem;}
.news_detail01 .content .c_right .hot_news .infor .box {padding: .25rem 0 0;}
.news_detail01 .content .c_right .hot_news .infor .tit {font-size: .2rem;line-height: .26rem;}
.news_detail01 .content .c_right .hot_news .infor .more {font-size: .15rem;;line-height: .26rem;}

.news_detail01 .content .c_right .hot_news .con .item .t {font-size: .18rem;line-height: 1.7;height: auto;}
.news_detail01 .content .c_right .hot_news .con .item .d {font-size: .14rem;color: #727272;}
.news_detail01 .content .c_right .hot_news .con .box {padding: .15rem 0;}


/*案例*/
.news_detail01 .content .c_right .hot_por{  background: #f5f5f5; }
.news_detail01 .content .c_right .hot_por .hot_box {padding:.3rem;}
.news_detail01 .content .c_right .hot_por .infor .tit {float: left;font-size: .24rem;font-weight: bold;color: #323f47;line-height: .26rem;}
.news_detail01 .content .c_right .hot_por .infor .more {font-size: .16rem;color: #797979;float: right;line-height: 26px;}
.news_detail01 .content .c_right .hot_por .con .item { background: #333;margin-top: .25rem;transition: all .3s ease;border-radius: 5px; overflow: hidden;  }
.news_detail01 .content .c_right .hot_por .con .item .t {font-size: .17rem;color: #fff;line-height:.45rem;height:.45rem;text-align: center; background: #313131}
.news_detail01 .content .c_right .hot_por .con .anli_img {  background:#333 url(../images/porbg.jpg) no-repeat center;background-size:cover; padding: .1rem 0}
.news_detail01 .content .c_right .hot_por .con .anli_img img{width: 70%; margin:0px auto; display: block; transition: all .3s}
.news_detail01 .content .c_right .hot_por .con .item:hover { box-shadow: 0 0 15px rgba(0,0,0,.25); background:#313131}
.news_detail01 .content .c_right .hot_por .con .item:hover .t{background:#c92929; }
.news_detail01 .content .c_right .hot_por .con .item:hover .anli_img img{ width: 75% }

.sub_banner_service{height:auto; padding:.45rem 0}
.sub_banner_service .t{font-size: .28rem; }
.sub_banner_service .txt{font-size: .18rem }
.service_list1{display:block;margin-top:.35rem;margin-bottom:.5rem;}
.service_list1_item1{width: 100%;padding: .4rem .4rem;}
.service_list1_pic{margin-bottom:.2rem; width:40%; margin:0 auto .2rem; }
.service_list1_tt{font-size: .24rem;margin-bottom:.15rem;}
.service_list1_text{font-size: .18rem;}
.service_list1_item2{width: 100%;position: relative;top: unset;left: unset;height: auto;background: #fff;transform: translate(0%,0);padding: .4rem .4rem;}
.service_action02{ padding: .4rem 0 .35rem 0}
.s_tit .t{ font-size: .28rem; }
.s_tit .txt{ font-size: .18rem;}
.service_action02 .bott {margin: .15rem auto;width:100%;}
.service_action02 .bott ul{ display:block; height:auto; overflow:hidden}
.service_action02 .bott ul li {width: 46.5%;padding: .2rem; margin:0 1.33% .1rem; height:1.6rem;  float:left}
.service_action02 .bott ul li .icon {margin:.1rem auto;width: .4rem; }
.service_action05{ padding-bottom: .4rem }

.newsletter-signup-form .lp-btn{ max-width:40%}

} 



/* 移动端简单导航样式 */
.m_nav{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; visibility:hidden;}
.m_nav.show{visibility:visible;}
.m_nav .m_nav_bg{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.m_nav .m_nav_con{position:absolute; top:0; right:-280px; width:280px; height:100%; background:#fff; transition:right 0.3s; overflow-y:auto;}
.m_nav.show .m_nav_con{right:0;}
.m_nav_close{position:absolute; top:15px; right:15px; font-size:24px; cursor:pointer; color:#333;}
.m_nav ul{padding:50px 20px 20px;}
.m_nav ul li{border-bottom:1px solid #eee;}
.m_nav ul li a{display:block; padding:15px 0; color:#333; font-size:16px;}
.m_nav ul li .sub{display:none; padding-left:15px;}
.m_nav ul li .sub a{padding:10px 0; font-size:14px; color:#666;}
.m_nav ul li.open .sub{display:block;}
body.nav-open{overflow:hidden;}

/* 修复移动端菜单按钮颜色 */
.m_header .top .m_tools .m_menu{color:#333 !important; background:#f5f5f5; width:.4rem; height:.4rem; border-radius:.08rem; display:flex; align-items:center; justify-content:center;}
.m_header .top .m_tools .m_menu i{font-size:.24rem;}
.m_header .top{padding:.1rem 0;}
.m_header{background:#fff !important;}

/* 内页移动端样式 */
@media only screen and (max-width: 992px) {
    .mainBox {
        flex-direction: column;
    }
    .sideBar {
        width: 100%;
        margin-bottom: .2rem;
    }
    .sideList ul {
        display: flex;
        flex-wrap: wrap;
        gap: .1rem;
    }
    .sideList li {
        border-bottom: none;
    }
    .sideList li a {
        padding: .1rem .2rem;
        background: #f5f5f5;
        border-radius: .05rem;
    }
    .productList .span-4 {
        width: calc(50% - .1rem);
    }
    .newsList .item a {
        flex-direction: column;
    }
    .newsList .item figure {
        width: 100%;
        height: 1.8rem;
    }
    .newsList .info h3 {
        font-size: .15rem;
    }
    .newsDetailPage .detailTitle {
        font-size: .18rem;
    }
}

@media only screen and (max-width: 576px) {
    .productList .span-4 {
        width: 100%;
    }
}

/* 首页移动端样式 */
@media screen and (max-width: 992px) {
    /* 关于我们 */
    .indexAboutBox {
        flex-direction: column;
        gap: .3rem;
    }
    .indexAboutBox .sp {
        width: 100%;
        max-width: 5rem;
        margin: 0 auto;
    }
    .indexAboutBox .content {
        text-align: center;
    }
    .indexAboutBox .content .title {
        font-size: .24rem;
    }
    .indexAboutBox .content .tit2 {
        font-size: .16rem;
    }
    
    /* 产品 */
    .indexProductList .span-3 {
        width: calc(50% - .1rem);
    }
    .indexProductTabs ul {
        gap: .1rem;
    }
    .indexProductTabs li {
        padding: .06rem .18rem;
        font-size: .13rem;
    }
    
    /* 新闻 */
    .indexNewsList .span-4 {
        width: 100%;
    }
    
    /* 案例 */
    .indexCaseList .span-3 {
        width: calc(50% - .1rem);
    }
    
    /* 标题 */
    .indexTitle .cn {
        font-size: .24rem;
    }
    .indexTitle .en {
        font-size: .12rem;
    }
    
    /* 按钮 */
    .moreBtn a {
        padding: .08rem .25rem;
        font-size: .13rem;
    }
}

@media screen and (max-width: 576px) {
    .indexAboutMain,
    .indexProductMain,
    .indexNewsMain,
    .indexCaseMain {
        padding: .5rem 0;
    }
    
    .indexProductList .span-3,
    .indexCaseList .span-3 {
        width: calc(50% - .08rem);
    }
    
    .indexProductList .row,
    .indexCaseList .row {
        gap: .15rem;
    }
}

/* ========== YG网站移动端样式 ========== */

@media screen and (max-width: 1200px) {
    .ipart-por{ flex-direction: column; padding: .3rem .2rem}
    .ipart-por .infor{ width: 100%; margin-bottom: .3rem}
    .ipart-por .content{ width: 100%}
    .ipart-porbox:before{ display: none}
    .ipart-por .content .ipor-list .itemp{ width: 48%}
}

@media screen and (max-width: 992px) {
    /* 关于我们 */
    .indexAboutMain{ padding: .5rem 0}
    .indexAboutMain .content{ width: 100%; float: none}
    .indexAboutMain .sp{ width: 100%; float: none; margin-top: .3rem}
    .indexAboutMain .content .title{ font-size: .32rem}
    .indexAboutMain .content .enTitle{ font-size: .5rem}
    .indexAboutMain .content .tit2{ font-size: .18rem}
    .indexAboutMain .aboutList .list{ width: 50%; margin: 0; padding: .2rem .15rem}
    .indexAboutMain .aboutList .list:before{ display: none}
    .indexAboutMain .aboutList .list .numberBox span{ font-size: .4rem}
    .indexAboutMain .aboutList .list .text{ font-size: .14rem}
    
    /* 产品 */
    .ipart-por .content .ipor-list .itemp{ width: 48%}
    .common_tit .t1{ font-size: .32rem}
    .common_tit .en{ font-size: .4rem}
    
    /* 案例 */
    .ipart-case{ padding: .5rem 0}
    .ipart-case .cli{ width: 50%}
    
    /* 新闻 */
    .ipart04 .item{ width: 48%}
    .ipart04{ padding: .5rem 0}
    
    /* 优势 */
    .ipart-youshi{ padding: .5rem 0 0}
    .ipart-youshi .ysbg .youshiSwiper .txt .t{ font-size: .28rem}
    .ipart-youshi .ysbg .youshiSwiper .txt p{ font-size: .14rem; max-width: 90%}
    .ipart-youshi .youshithumbs .swiper-slide{ padding: .2rem}
    .ipart-youshi .youshithumbs .ysbar .t{ font-size: .18rem}
}

@media screen and (max-width: 768px) {
    .ipart-por .iporfl{ display: none !important}
    .ipart-por .iporflm{ display: flex !important; flex-wrap: wrap}
    .ipart-por .content .ipor-list .itemp{ width: 100%; margin-left: 0; margin-top: .2rem}
    .ipart-por .content .ipor-list .itemp .tit{ font-size: .16rem}
    
    /* 关于我们 */
    .indexAboutMain .aboutList .list{ width: 50%}
    .indexAboutMain .aboutList .list .numberBox span{ font-size: .36rem}
    
    /* 案例 */
    .ipart-case .cli{ width: 100%; padding: .1rem 0}
    
    /* 新闻 */
    .ipart04 .item{ width: 100%; margin: 0 0 .2rem 0; float: none}
}

@media screen and (max-width: 576px) {
    .indexAboutMain{ padding: .3rem 0}
    .indexAboutMain .content .title{ font-size: .28rem}
    .indexAboutMain .content .tit2{ font-size: .16rem}
    .indexAboutMain .content .desc{ font-size: .14rem}
    
    .common_tit .t1{ font-size: .28rem}
    .common_tit .en{ font-size: .35rem}
    .common_tit .m{ font-size: .14rem}
    
    /* 产品分类标签 */
    .ipart-por .iporflm .mflitem{ width: 48%}
    
    /* 统计数字 */
    .indexAboutMain .aboutList .list{ width: 50%; padding: .15rem .1rem}
    .indexAboutMain .aboutList .list .numberBox span{ font-size: .3rem}
    .indexAboutMain .aboutList .list .text{ font-size: .12rem}
}

/* 移动端显示控制 */
.mb-block{ display: none !important}
.pc-block{ display: block !important}

@media screen and (min-width: 993px) {
    .pro_center_layout.product-page-por > .pro_center_side .iporfl.pc-block{ display: block !important; }
    .pro_center_layout.product-page-por > .pro_center_side .iporflm.mb-block{ display: none !important; }
    .pro_center_layout.product-page-por > .pro_center_side .iporlx.pc-block{ display: block !important; }
    .pro_center_layout.product-page-por > #product_pro,
    .pro_center_layout.product-page-por > .content.pro_center02{ display: block !important; }
}

@media screen and (max-width: 992px) {
    .mb-block{ display: block !important}
    .pc-block{ display: none !important}

    .pro_center_layout.product-page-por{ flex-direction: column; gap: 0; }
    .pro_center_layout.product-page-por > .pro_center_side,
    .pro_center_layout.product-page-por > .content,
    .pro_center_layout.product-page-por > #product_pro,
    .pro_center_layout.product-page-por > .pro_center02{ width: 100%; flex: none; margin-right: 0; margin-bottom: .25rem; }
    .pro_center_layout.product-page-por > .pro_center_side{ padding: .2rem .15rem .25rem; }
    .pro_center_layout.product-page-por > .pro_center_side .iporflm .mflitem{ width: 48%; }
    .pro_center_layout.product-page-por .pro_center02 .item,
    .pro_center_layout.product-page-por #product_pro .ipor-list .itemp{ width: 48%; flex: 0 0 48%; max-width: 48%; }
}

@media screen and (max-width: 576px) {
    .pro_center_layout.product-page-por .pro_center02 .item,
    .pro_center_layout.product-page-por #product_pro .ipor-list .itemp{ width: 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0; }
    .pro_center_layout.product-page-por .pro_center02 ul,
    .pro_center_layout.product-page-por #product_pro .ipor-list{ margin-left: 0; }
}